/*
   public.css
   <project>
   
   Created by Administrator on 2015-06-04.
   Copyright 2015 Administrator. All rights reserved.
*/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body {
	background-color: #070a1e;
	font-family: "Microsoft Yahei";
	overflow-x: hidden;
}

.hide {
	display: none;
}

.visibility_hidden {
	visibility: hidden;
	/*visibility: visible;*/
}

.abs {
	position: absolute;
	z-index: 1;
}

.rel {
	position: relative;
	z-index: 2;
}

.popup_layer_fixed {
	position: fixed !important;
	left: 0;
	top: 0;
	z-index: 6;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
}

.popup_layer_fixed img {
	z-index: 6;
}

.page_bj {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}

.page1_top {
	position: relative;
}

.page1_01 {
	position: relative;
}

.page01_01 {
	position: absolute;
	left: 0;
	top: 0;
}

.page01_03,
.page1_04 {
	position: absolute;
	left: 0;
	bottom: 0;
}

.page1_click {
	position: relative;
	margin-top: 3%;
	z-index: 4;
}

.page1_click p {
	width: 100%;
	text-align: center;
	padding: 3% 0;
	z-index: 5;
}

.page1_btn1 {
	width: 60%;
}

.page1_btn2,
.page1_btn3 {
	width: 30%;
	z-index: 5;
}

.page2_relative {
	position: absolute;
	left: 0;
	top: 10%;
}

.page2_01_04 {
	margin-top: -5%;
}

.page2_01_06 {
	margin-top: 30%;
}

.page2_position {
	position: absolute;
	left: 0;
	top: 20%;
}

.page2_02 {
	margin-top: 37%;
}

.page2_03 {
	margin-top: -42%;
}

.page2_04 {
	position: absolute;
	left: 0;
	bottom: 0;
}

.page2_07 {
	position: absolute;
	left: 0;
	top: 20%;
}

.page2_input {
	position: absolute;
	left: 0;
	top: 40%;
	width: 100%;
	z-index: 5;
}

.page2_input p {
	width: 100%;
	text-align: center;
	color: #d9c194;
}

.input_p {
	margin: 2% 0 4% 0;
}

.input_p input {
	width: 50%;
	height: 30px;
	background: 000;
	border-color: #d8be96;
	border-radius: 5px;
	color: #d8be96;
	font-size: 16px;
	text-align: center;
}

.page2_btn {
	width: 26%;
}

.page3_top {
	position: absolute;
	left: 0;
	top: 25%;
}

.page3_p {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 58%;
	z-index: 5;
}

.page3_p img {
	width: 50%;
}

.page3_top p {
	width: 100%;
	text-align: center;
	color: #ebcf87;
	font-weight: 800;
	font-size: 30px;
	line-height: 50px;
}

.page4_box {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 58%;
	z-index: 5;
}

.page4_tab {
	border: 2px solid #dea552;
	overflow: hidden;
	display: inline-block;
	border-radius: 10px;
}

.page4_tab a {
	float: left;
	color: #eacb94;
	text-decoration: none;
	font-size: 18px;
	padding: 6px 20px;
}

.page4_tab a.active {
	background: url(../images/btn_bj.png) repeat-y;
	color: #231815
}

.border_r {
	border-right: 2px solid #dea552;
}

.page5_box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.page5_text {
	position: absolute;
	left: 0;
	top: 15%;
	z-index: 6;
}

.page5_img {
	width: 100%;
	text-align: center;
	z-index: 6;
}

.page5_btn {
	width: 50%;
	margin-top: 0;
}

.page5_box {
	position: absolute;
	left: 0;
	top: 0;
	width: ;
	100%;
	height: 100%;
	z-index: 6;
}

.page5_03 {
	margin-top: 2%;
}

.page5_04 {
	z-index: 7;
}

.page6_text {
	position: absolute;
	left: 0;
	top: 24%;
	width: 100%;
}

.page6_text h1 {
	text-align: center;
	line-height: 60px;
	border-bottom: 2px solid #f3e2bb;
	color: #c1a062;
}

.page6_text p {
	line-height: 40px;
	border-bottom: 2px solid #f3e2bb;
	color: #eacb94;
}

.page6_text span {
	float: left;
	margin-left: 40%;
	padding-right: 5%;
}

.page6_img {
	width: 100%;
	text-align: center;
	margin-top: 8%;
	position: absolute;
	left: 0;
	top: 120%;
	z-index: 5;
}

.page6_img div {
	position: absolute;
	left: 50%;
	margin-left: -25%;
}

.page6_btn {
	width: 50%;
}

.page7_btn {
	padding: 2% 14%;
	background: url(../images/btn_bj.png) repeat-y;
	font-size: 18px;
	border-radius: 10px;
	border: 2px solid #dda450;
}

.page6_text h2,
.page6_text h3 {
	text-align: center;
	color: #f1cd80;
}

.page6_text h3 {
	line-height: 38px;
	border-bottom: 2px solid #f3e2bb;
	color: #c1a062;
}

.page7_light,
.page7_gift {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
}

.page7_light1 {
	position: absolute;
	left: 0;
	top: 10%;
}

.page7_light6 {
	position: absolute;
	left: 0;
	top: 45%;
}

.page9_02_02 {
	position: absolute;
	left: 0;
	top: 34%;
}

.page9_h1 {
	position: absolute;
	left: 0;
	top: 31%;
	width: 100%;
	text-align: center;
	color: #b38c49;
}

.page9_top {
	position: absolute;
	left: 0;
	top: 33%;
}

.page9_shar {
	position: absolute;
	left: 0;
	top: 70%;
	width: 100%;
	text-align: center;
	z-index: 5;
}

.page9_shar img {
	width: 35%;
}

.page12_03_02 {
	position: absolute;
	left: 0;
	top: 66%;
}

.page12_shar {
	position: absolute;
	left: 0;
	top: 77%;
	width: 100%;
	text-align: center;
	z-index: 5;
}

.page12_01_04 {
	position: absolute;
	left: 0;
	top: 39%;
}

.page12_shar img {
	width: 34%;
}

.page15_01_02 {
	position: absolute;
	left: 0;
	top: 66%;
}

.page14_01_03 {
	position: absolute;
	left: 0;
	top: 30%;
}

.page16_01_02 {
	position: absolute;
	left: 0;
	top: 34%;
}

.page16_04_02 {
	position: absolute;
	left: 0;
	top: 68%;
}

.page17_01_03 {
	position: absolute;
	left: 0;
	top: 40%;
}

.page17_03_02 {
	position: absolute;
	left: 0;
	top: 35%;
}

.page17_01_05 {
	position: absolute;
	left: 0;
	top: 69%;
}

.floating_layer {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 7;
}

.page_play {
	position: absolute;
	left: 50%;
	top: 30%;
	width: 80%;
	margin-left: -40%;
	height: 200px;
	background: url(../images/page_play_03.png) repeat-x;
	border-radius: 10px;
}

.page_play p {
	width: 100%;
	text-align: center;
}

.play_p1 {
	font-size: 20px;
	color: #f0e1bd;
	margin-top: 15%;
}

.play_p2 {
	margin-top: 14%;
}

.play_p2 img {
	width: 40%;
}

.page23_01_02 {
	margin-top: 5%;
}

.page23_01_05 {
	margin-top: 10%;
}

.page23_01_07 {
	position: absolute;
	left: 0;
	top: 44%;
}


/*ip 4s*/

@media all and (min-width: 320px) and (max-height: 416px) {
	.page6_img {
		width: 100%;
		text-align: center;
		margin-top: 8%;
		position: absolute;
		left: 0;
		top: 95%;
		z-index: 5;
	}
	.page23_01_05 {
		margin-top: 0%;
	}
	.page23_01_07 {
		position: absolute;
		left: 0;
		top: 45%;
	}
}


/*ip 5s*/

@media all and (min-width: 320px) and (max-height: 504px) {}


/*andriod（默认样式）*/

@media all and (min-width: 360px) and (max-height:519px) {
	.page23_01_05 {
		margin-top: 4%;
	}
}

@media (min-width: 432px) and (max-height:599px) {
	.page23_01_05 {
		margin-top: 2%;
	}
}


/*ip 6*/

@media all and (min-width: 375px) {}


/*ip 6+*/

@media all and (min-width: 414px) {}