.content {
	overflow: hidden
}

a,body,div,h1,h2,h3,h4,h5,html,li,p,ul {
	margin: 0;
	padding: 0
}

.box,.btn,.content {
	margin: 0 auto
}

li,ul {
	list-style: none
}

a {
	text-decoration: none
}

.hide {
	display: none!important
}

.loginOut {
	display: none
}

.hidden {
	visibility: hidden
}

.clearfloat:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0
}

.clearfloat {
	zoom: 1
}


input.phcolor {
	color: #757575
}

::-webkit-input-placeholder {
	color: #757575
}

:-moz-placeholder {
	color: #757575;
	opacity: 1
}

::-moz-placeholder {
	color: #757575;
	opacity: 1
}

:-ms-input-placeholder {
	color: #757575
}

a,button {
	outline: 0;
	cursor: pointer
}

body {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 12px;
	overflow-x: hidden;
	position: relative;
	font-family: "微软雅黑"
}

.section1 {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: url(../images/bg_outer1_5c0c626.jpg) top center no-repeat;
	z-index: 1
}

.section1 .content {
	position: relative;
	width: 1000px;
	height: 1063px;
	margin: 0 auto;
	background: url(../images/bg1.jpg) top center no-repeat;
	overflow: visible
}

.section2 {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: url(../images/bg_outer2_961973b.jpg) top center no-repeat;
	z-index: 1
}

.section2 .content {
	position: relative;
	width: 1000px;
	height: 1540px;
	margin: 0 auto;
	background: url(../images/bg_inner2s.jpg) top center no-repeat;
	overflow: visible
}

.section2 .content .rank-item-top {
	width: 200px;
	text-align: center;
	line-height: 22px
}

.section2 .content .rank-item-top .server {
	font-size: 14px;
	color: #3f3f3f
}

.section2 .content .rank-item-top .role {
	font-size: 20px;
	font-weight: 700;
	color: #ad2121;
	margin-bottom: 7px
}

.section2 .content .rank1 {
	position: absolute;
	top: 120px;
	left: 460px
}

.section2 .content .rank2 {
	position: absolute;
	top: 95px;
	left: 242px
}

.section2 .content .rank3 {
	position: absolute;
	top: 95px;
	left: 680px
}

.section2 .content .rank-item {
	width: 196px;
	text-align: center;
	line-height: 22px
}

.section2 .content .rank-item .server {
	font-size: 14px;
	color: #fff
}

.section2 .content .rank-item .role {
	font-size: 14px;
	color: #f3c35d;
	margin-bottom: 3px
}

.section2 .content .rank-item .gold {
	color: #fff
}

.section2 .content .rank4 {
	position: absolute;
	top: 253px;
	left: 195px
}

.section2 .content .rank5 {
	position: absolute;
	top: 253px;
	left: 400px
}

.section2 .content .rank6 {
	position: absolute;
	top: 253px;
	left: 605px
}

.section2 .content .rank7 {
	position: absolute;
	top: 253px;
	left: 810px
}

.section2 .content .rank8 {
	position: absolute;
	top: 340px;
	left: 296px
}

.section2 .content .rank9 {
	position: absolute;
	top: 340px;
	left: 500px
}

.section2 .content .rank10 {
	position: absolute;
	top: 340px;
	left: 705px
}

.section2 .content .rules {
	position: absolute;
	top: 980px;
	left: 160px;
	font-size: 16px;
	color: #fff;
	width: 600px
}

.section2 .content .rules .rule-item {
	line-height: 30px
}

.section2 .content .rules .rule-item .serial_num {
	background: #826d42;
	color: #1d1f20;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	cursor: default;
	width: 16px;
	height: 20px;
	line-height: 20px;
	margin: 5px 0;
	text-align: center;
	float: left;
	font-weight: 400
}

.section2 .content .rules .rule-item b {
	color: #f3c35d
}

.section2 .content .rules .rule-item p {
	margin-left: 25px
}

.section2 .content .tips {
	position: absolute;
	top: 885px;
	left: 180px;
	color: #cfcfcf;
	font-size: 14px
}

.section2 .content .gift {
	position: absolute;
	top: 1080px;
	left: 825px
}

.section2 .content .gift_part1 {
	position: absolute;
	top: 610px;
	left: 150px
}

.section2 .content .gift_part2 {
	position: absolute;
	top: 610px;
	left: 370px
}

.section2 .content .gift_part3 {
	position: absolute;
	top: 610px;
	left: 595px
}

.section2 .content .gift_part4 {
	position: absolute;
	top: 610px;
	left: 820px
}

.section2 .content .gift_part5 {
	position: absolute;
	top: 1080px;
	left: 815px
}

.section2 .content ul.gifts_panel {
	z-index: 1000;
	width: 170px
}

.section2 .content ul.gifts_panel li {
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: left;
	margin: 0 10px 18px;
	cursor: default;
	width: 65px;
	height: 65px;
	text-align: center;
	position: relative
}

.section2 .content ul.gifts_panel li .pan {
	display: none
}

.section2 .content ul.gifts_panel li:hover .pan {
	display: block
}

.section2 .content ul.gifts_panel li .clothes {
	position: absolute;
	top: -100px;
	left: -220px;
	width: 602px;
	height: 274px;
	background: url(../images/clothess.jpg);
	z-index: 9999
}

.section2 .content ul.gifts_panel li .clothes span {
	color: #fff;
	position: absolute;
	top: 200px;
	left: 20px
}

.section2 .content ul.gifts_panel li .normal {
	color: #fff;
	text-align: center;
	position: absolute;
	top: 40px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	background: url(../images/clothes1.jpg);	
}

.section2 .content ul.gifts_panel li .normal span {
	padding: 2px 5px;
	background: #000;
}

.floatPanel {
	z-index: 1000;
	width: 148px;
	text-align: center
}

.floatPanel .panel {
	width: 148px;
	height: 88px;
	background: url(../images/panel_7d07a00.jpg)
}

.floatPanel .btn {
	line-height: 40px;
	color: #f3c35d;
	font-size: 12px
}

.floatPanel .btn a{
	color: #f3c35d;
}

.floatPanel .btn a.login {
	margin-right: 10px
}

.floatPanel .btn a.official {
	margin-left: 10px
}

.floatPanel a.bind-cancel {
	color: #f3c35d
}

.floatPanel .text {
	color: #fff;
	font-size: 14px
}

.floatPanel .line {
	color: #f3c35d;
	font-size: 16px
}

.floatPanel .user,.floatPanel .server,.floatPanel .role {
	color: #fff
}

.floatPanel .server {
	line-height: 22px
}

.floatPanel .a_text {
	color: #fff;
	font-size: 14px;
	line-height: 40px
}

.floatPanel .coins {
	color: #f3c35d;
	font-size: 20px;
	font-weight: 700;
	line-height: 40px
}


.link_box {
	position: absolute;
	left: 380px;
	padding: 0 12px;
	top: 7px
}

.link_box a {
	font-size: 14px;
	cursor: pointer;
	color: #3a3a3a;
	width: 72px;
	height: 22px;
	line-height: 22px;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: #ba9546;
	float: left;
	text-align: center;
	margin-left: 8px
}

.lr_box {
	position: absolute;
	left: 150px;
	top: 8px
}

.lr_box .top-login-box {
	right: 14px;
	height: 24px;
	font-size: 14px;
	color: #9e9e9e;
	padding: 0 10px
}

.lr_box .top-login-box a {
	font-weight: 700;
	text-decoration: none;
	color: #9e9e9e;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.lr_box .top-login-box .top-login-name {
	color: #ba9546
}

.logo {
	position: absolute;
	left: 0;
	top: 40px;
	width: 195px;
	height: 225px;
	background: url(../images/logo.png)
}

.time{
  position: absolute;
	left: 355px;
	top: 280px;
  padding: 8px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(0, 0, 0, 0.4);
}

img {
	border: 0
}