body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	padding: 0;
	margin: 0
}

ol,
ul,
dl {
	list-style: none
}

img {
	border: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

input,
textarea,
select {
	font: 12px "Microsoft YaHei", simsun, tahoma;
	outline: 0
}

a {
	color: #788692;
	text-decoration: none;
	outline: 0
}

a:hover {
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	font-size: 100%
}

.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	font-size: 0;
	height: 0
}

.clearfix {
	zoom: 1
}

.clear {
	clear: both
}

.hidden {
	line-height: 99999px;
	overflow: hidden
}

.relative {
	position: relative
}

.fl {
	float: left
}

.fr {
	float: right
}

html,
body {
	width: 100%;
	height: 100%
}

body {
	background: #310506;
	color: #fff;
	min-width: 1200px;
	font: 18px/1.5 "Microsoft Yahei"
}

.full-bg {
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/full-bg.png) no-repeat center top
}

.main-02 h2 {
	margin: 0 0 10px;
	text-align: center
}

.main-03 h2 {
	margin-bottom: 24px;
	text-align: center
}

.wrapper {
	width: 1200px;
	margin: 0 auto
}

.header {
	position: relative;
	height: 492px
}

.logo {
	position: absolute;
	top: 20px;
	left: 30px
}

.main {
	padding: 40px 0;
	background: url(../images/main-bg.png) no-repeat center top
}

.main-01 {
	position: relative;
	width: 966px;
	height: 530px;
	margin: 0 auto
}

.main-01 h3 {
	padding: 20px 0 10px;
	font-size: 30px;
	text-align: center;
	line-height: 30px;
	color: #e0f4fd;
	font-weight: 700;
	background-image: -webkit-gradient(linear, 0 60%, 0 80%, from(#fcf3f3), to(#efc5c5));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.main-reg {
	position: absolute;
	width: 339px;
	height: 495px;
	top: 0;
	left: 0;
	overflow: hidden;
	background: #831515;
	border-radius: 10px
}

.main-reg .reg {
	width: 339px
}

.main-reg .reg>h4 {
	padding: 0 32px;
	font-weight: 700
}

.main-reg .reg>p {
	padding: 0 32px
}

.main-reg .reg .msg_pack_code {
	color: #FFC107
}

.step-mod {
	position: absolute;
	width: 640px;
	height: 100%;
	top: 0;
	/*left: 346px*/
}

.step-mod li {
	position: relative;
	float: left;
	width: 300px;
	height: 495px;
	margin-bottom: 10px;
	margin-left: 10px;
	background: #831515;
	border-radius: 10px;
	text-align: center
}

.step-mod .btn-step {
	position: absolute;
	left: 50%;
	bottom: 33px;
	margin-left: -128px;
	width: 257px;
	height: 58px;
	color: #452710;
	text-align: center;
	line-height: 58px;
	border-radius: 2px;
	background-repeat: no-repeat;
}

.step-mod .btn-step:hover {
	background-repeat: no-repeat;
}

.main-02 {
	position: relative;
	height: 664px
}

.icon-hs {
	position: absolute;
	z-index: 0;
	width: 570px;
	height: 1029px;
	right: -280px;
	top: 78px;
	background: url(../images/icon-hs.png) no-repeat
}

.btn-gl {
	margin: 0 auto 18px;
	text-align: center
}

.btn-gl a {
	display: inline-block;
	*dispaly: inline;
	*zoom: 1;
	text-align: center;
	margin: 0 4px;
	width: 214px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	font-size: 18px;
	background-repeat: no-repeat;
}

.btn-gl a:hover {
	background-repeat: no-repeat;
}

.reward {
	position: relative
}

.reward .reward-list {
	width: 836px;
	margin: 0 auto;
	position: relative
}

.reward li {
	position: absolute;
	width: 275px;
	height: 165px;
	color: #e5dbc3;
	text-align: center;
	background-repeat: no-repeat;
}

.reward li.on {
	background-repeat: no-repeat;
}

.reward li img {
	display: block;
	width: 143px;
	height: 128px;
	margin: 0 auto
}

.reward .li-02 {
	left: 280px
}

.reward .li-03 {
	left: 560px
}

.reward .li-04 {
	left: 560px;
	top: 168px
}

.reward .li-05 {
	left: 560px;
	top: 336px
}

.reward .li-06 {
	left: 280px;
	top: 336px
}

.reward .li-07 {
	top: 336px
}

.reward .li-08 {
	top: 168px
}

.btn-lottery {
	position: absolute;
	top: 168px;
	left: 463px;
	z-index: 5;
	width: 275px;
	height: 165px;
	color: #864b03;
	font-size: 32px;
	text-align: center;
	text-shadow: 0 0 5px #fff37a, 0 0 5px #fff37a, 0 0 5px #fff37a, 0 0 5px #fff37a;
	line-height: 165px;
	background-repeat: no-repeat;
}

.btn-lottery:hover {
	background-repeat: no-repeat;
}

.main-03 {
	position: relative
}

.swiper-box {
	width: 900px;
	min-height: 500px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/swiper-bg.png) no-repeat
}

.swiper-box .sister-swiper {
	position: relative;
	width: 880px;
	height: 540px;
	margin-top: 16px;
	overflow: hidden
}

.swiper-box .swiper-slide {
	position: relative
}

.swiper-box .swiper-slide img {
	width: 100%;
	height: 470px
}

.pagination {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align: center
}

.pagination span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 6px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.pagination .swiper-active-switch {
	background-repeat: no-repeat;
}

.footer {
	padding: 20px 0 40px;
	font-size: 12px;
	color: #fff
}

.footer a {
	color: #fff;
	text-decoration: none
}

.footer a:hover {
	text-decoration: underline
}

.pop-box {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%
}

.mask {
	position: fixed;
	left: 0;
	top: 0;
	background-color: #000;
	width: 100%;
	height: 100%;
	opacity: .5;
	filter: alpha(Opacity=50)
}

.pop {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 13;
	background: #a14949;
	width: 560px;
	margin-left: -280px;
	margin-top: -200px;
	padding-bottom: 30px;
	text-align: center;
	box-shadow: inset 0 0 3px #000
}

.pop-t {
	min-height: 50px
}

.pop-b {
	display: none
}

.pop-close,
.pop-register-close {
	position: absolute;
	right: -67px;
	top: 0;
	z-index: 2;
	width: 67px;
	height: 66px;
	color: #d87969;
	font-weight: 700;
	font-size: 26px;
	line-height: 500px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.pop-close:hover,
.pop-register-close:hover {
	opacity: .5;
	filter: alpha(Opacity=50)
}

.pop-login ul {
	padding: 20px 0 0 50px
}

.pop-login ul li {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	text-align: center
}

.pop-login ul label {
	float: left;
	width: 5em;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	text-align: right
}

.pop-login ul span {
	float: left;
	width: 290px;
	height: 50px;
	background: #66884b;
	overflow: hidden;
	border-radius: 25px;
	line-height: 50px
}

.pop-login ul input {
	width: 270px;
	height: 100%;
	padding: 0 10px;
	border: 0;
	background: #500000;
	color: #fff;
	font-size: 18px;
	*margin: -3px
}

.pop-login ul select {
	width: 290px;
	height: 50px;
	padding: 0 10px;
	border: 0;
	color: #fff;
	background: #500000;
	font-size: 20px;
	line-height: 50px
}

.pop-login ul .v-code span {
	width: 130px
}

.pop-login ul .v-code input {
	width: 110px
}

.pop-login ul .v-code img {
	float: left;
	margin-left: 10px
}

.pop-cont {
	padding: 10px 30px;
	color: #fff;
	font-size: 18px;
	text-align: center
}

.pop-cont p {
	line-height: 30px
}

.pop-cont p a {
	color: #fff
}

.pop-cont p a:hover {
	text-decoration: underline
}

.pop-cont p .lqjl-btn {
	padding-left: 20px;
	color: #FFC107
}

.pop-title {
	position: relative;
	width: 100%
}

.pop-title h3 {
	padding-top: 20px;
	color: #ffe5e5;
	font-weight: 700;
	font-size: 31px;
	line-height: 2;
	text-align: center
}

.pop-btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 165px;
	height: 58px;
	margin: 20px 5px 0;
	color: #504117;
	font-size: 20px;
	line-height: 58px;
	text-shadow: 0 1px 1px #fff;
	background-repeat: no-repeat;
}

.pop-btn:hover {
	background-repeat: no-repeat;
}

.pop-btn-02 {
	color: #fff;
	text-shadow: none;
	background-repeat: no-repeat;
}

.pop-btn-02:hover {
	background-repeat: no-repeat;
}

.pop-big {
	width: 370px;
	height: 603px;
	margin-top: -310px;
	margin-left: -185px;
	padding-bottom: 0;
	box-shadow: none
}

.pop-big .pop-t {
	min-height: 0
}

.pop-big .pop-cont {
	padding: 0
}

.pop-reg {
	position: absolute;
	top: 0;
	left: 0;
	width: 340px;
	height: 100%;
	background: #500000;
	text-align: center
}

.pop-reg h4 {
	padding: 30px 0 20px;
	font-size: 34px;
	font-weight: 700;
	line-height: 42px;
	color: #fdfdfd;
	background-image: -webkit-gradient(linear, 0 60%, 0 90%, from(#f5f5f5), to(#d8d8d9));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.pop-reg h4 img {
	vertical-align: bottom;
	margin-right: 10px
}

.pop-reg .reg {
	width: 340px;
	margin: 0 auto
}

.pop-reward-mod {
	position: absolute;
	top: 0;
	left: -11px;
	width: 400px;
	height: 100%;
	text-align: center;
	background: url(../images/pop-reg-bg.png) no-repeat center 90px
}

.pop-reward-mod h4 {
	margin: 30px 0 323px;
	font-size: 34px;
	font-weight: 700;
	text-indent: 7px;
	line-height: 42px;
	color: #fdfdfd;
	background-image: -webkit-gradient(linear, 0 60%, 0 90%, from(#f5f5f5), to(#d8d8d9));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.pop-reward-mod h4 img {
	vertical-align: bottom;
	margin-right: 10px
}

.pop-reward-mod h4 span {
	color: #e83105;
	background-image: -webkit-gradient(linear, 0 10%, 0 90%, from(#f77571), to(#e83105));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.pop-reward-mod p {
	padding-top: 10px;
	text-align: center
}

.pop-btn-03 {
	display: block;
	width: 298px;
	height: 58px;
	margin: 15px auto;
	color: #504117;
	font-size: 21px;
	text-align: center;
	line-height: 58px;
	text-shadow: 0 1px 1px #fff;
	background-repeat: no-repeat;
}

.pop-btn-03:hover {
	background-repeat: no-repeat;
}

.btn-new {
	display: block;
	width: 245px;
	height: 67px;
	margin: 15px auto 30px;
	color: #504117;
	text-align: center;
	line-height: 67px;
	text-shadow: 0 1px 1px #fff;
	background-repeat: no-repeat;
}

.btn-new:hover {
	background-repeat: no-repeat;
}

.btn-game {
	display: block;
	width: 245px;
	height: 67px;
	margin: 0 auto;
	color: #ffdddc;
	font-size: 25px;
	text-align: center;
	line-height: 67px;
	text-shadow: 0 0 10px #ff6156;
	background-repeat: no-repeat;
}

.btn-game:hover {
	background-repeat: no-repeat;
}

.sidebar-box {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 10;
	margin-top: -364px;
	width: 300px;
	height: 727px;
	padding-top: 298px;
	text-align: center;
	background: url(../images/sidebar-bg.png) no-repeat
}

.sidebar {
	position: relative;
	width: 220px;
	margin: 0 auto
}

.sidebar .btn-hb {
	cursor: pointer;
	position: absolute;
	width: 61px;
	height: 63px;
	left: 25px;
	top: -231px;
	background: url(../images/btn-hb.png) no-repeat;
	-webkit-animation: rotate .4s linear infinite alternate;
	animation: rotate .4s linear infinite alternate;
	-webkit-transform-origin: 0 27px;
	transform-origin: 0 27px
}

.sidebar .btn-hb:hover {
	background: url(../images/btn-hb-on.png) no-repeat
}

.sidebar a {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	font-size: 26px;
	font-weight: 700;
	line-height: 3.3;
	letter-spacing: 4px;
	color: #ffe96f;
	background-image: -webkit-gradient(linear, 0 40%, 0 80%, from(#fff5c3), to(#ffe86c));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.sidebar .a-01 {
	height: 75px
}

.sidebar .a-02 {
	height: 74px
}

.sidebar .a-03 {
	height: 76px
}

.sidebar .a-04 {
	letter-spacing: 1px;
	font-size: 21px;
	height: 56px;
	line-height: 56px;
	background-image: -webkit-gradient(linear, 0 20%, 0 50%, from(#fff5c3), to(#ffe86c));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.sidebar .a-04 i {
	font-size: 28px;
	font-style: normal
}

.sidebar .a-04:hover {
	opacity: .8
}

.sidebar .a-05 {
	color: #e5b54f;
	font-size: 18px
}

.sidebar .a-05:hover {
	opacity: .8
}

.sidebar span {
	position: absolute;
	left: 50%;
	margin-left: -133px;
	top: 40px;
	width: 266px;
	height: 16px;
	background: url(../images/sidebar-on.png) no-repeat center top;
	-webkit-transition: all 400ms;
	transition: all 400ms
}

.sidebar .a-01:hover~span,
.sidebar .on1 {
	top: 40px
}

.sidebar .a-02:hover~span,
.sidebar .on2 {
	top: 110px
}

.sidebar .a-03:hover~span,
.sidebar .on3 {
	top: 186px
}

.new-server {
	width: 236px;
	margin: 0 auto;
	height: 70px;
	line-height: 1
}

.new-server a {
	color: #f9ffef;
	font-size: 14px
}

.new-server a strong {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.new-server a b {
	line-height: 1.5;
	font-weight: 400;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pop-rules {
	width: 700px;
	margin-left: -350px;
	margin-top: -300px
}

.rules-list {
	list-style-type: decimal;
	padding-left: 20px;
	text-align: left
}

.rules-list table {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #e8cbb2;
	text-align: center
}

.rules-list table th,
.rules-list table td {
	border: 1px solid #e8cbb2
}

.pop-hb .pop {
	width: 651px;
	height: 702px;
	margin-left: -325px;
	margin-top: -351px;
	background: url(../images/pop-hb-bg.png) no-repeat center top;
	box-shadow: none
}

.pop-hb .pop.animate {
	-webkit-animation: speak .4s linear 1 both;
	animation: speak .4s linear 1 both;
	-webkit-transform-origin: 1100px 146px;
	transform-origin: 1100px 146px
}

.pop-hb .pop-close {
	width: 44px;
	height: 44px;
	background: url(../images/pop-close2.png) no-repeat
}

.pop-hb .pop-cont {
	color: #fedd72;
	font-size: 20px
}

.pop-hb .pop-cont .inf {
	position: absolute;
	text-align: center;
	top: 469px;
	left: 204px;
	width: 230px;
	height: 30px
}

.pop-hb .pop-close {
	right: 143px;
	top: 230px
}

.pop-hb .btn-hb {
	cursor: default;
	position: absolute;
	left: 259px;
	top: 274px;
	width: 112px;
	height: 120px;
	font-size: 43px;
	line-height: 116px;
	color: #fff998
}

.pop-open {
	z-index: 1;
	position: absolute;
	left: 80px;
	top: 206px;
	width: 373px;
	height: 365px;
	cursor: pointer
}

@-webkit-keyframes speak {
	0% {
		-webkit-transform: scale3d(0.1, .1, .1);
		transform: scale3d(0.1, .1, .1)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes speak {
	0% {
		-webkit-transform: scale3d(0.1, .1, .1);
		transform: scale3d(0.1, .1, .1)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg);
		background: url(../images/btn-hb.png) no-repeat
	}
	100% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
		background: url(../images/btn-hb-on.png) no-repeat
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg);
		background: url(../images/btn-hb.png) no-repeat
	}
	100% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
		background: url(../images/btn-hb-on.png) no-repeat
	}
}

.pop-cont .red {
	color: red;
	font-size: 24px
}

#ewmPop .pop {
	width: 400px;
	margin-left: -200px
}

.step-mod .btn-step {
	background-position: -41px 0px
}

.step-mod .btn-step:hover {
	background-position: -41px -78px
}

.btn-gl a {
	background-position: -84px -156px
}

.btn-gl a:hover {
	background-position: -84px -198px
}

.reward li {
	background-position: -21px -240px
}

.reward li.on {
	background-position: -21px -425px
}

.btn-lottery {
	background-position: -23px -610px
}

.btn-lottery:hover {
	background-position: -23px -793px
}

.pagination span {
	background-position: -274px -976px
}

.pagination .swiper-active-switch {
	background-position: -274px -1020px
}

.pop-close,
.pop-register-close {
	background-position: -231px -1064px
}

.pop-btn {
	background-position: -132px -1150px
}

.pop-btn:hover {
	background-position: -132px -1228px
}

.pop-btn-02 {
	background-position: -131px -1306px
}

.pop-btn-02:hover {
	background-position: -131px -1386px
}

.pop-btn-03 {
	background-position: 0px -1466px
}

.pop-btn-03:hover {
	background-position: 0px -1544px
}

.btn-new {
	background-position: -53px -1622px
}

.btn-new:hover {
	background-position: -53px -1709px
}

.btn-game {
	background-position: -53px -1796px
}

.btn-game:hover {
	background-position: -53px -1883px
}

.step-mod .btn-step,
.step-mod .btn-step:hover,
.btn-gl a,
.btn-gl a:hover,
.reward li,
.reward li.on,
.btn-lottery,
.btn-lottery:hover,
.pagination span,
.pagination .swiper-active-switch,
.pop-close,
.pop-register-close,
.pop-btn,
.pop-btn:hover,
.pop-btn-02,
.pop-btn-02:hover,
.pop-btn-03,
.pop-btn-03:hover,
.btn-new,
.btn-new:hover,
.btn-game,
.btn-game:hover {
	background-image: url(../images/style_z.png)
}

.tocenter{
	text-align: center;
}