@charset "UTF-8";
.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d
}

.flip-container:hover .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg)
}

.flip-container:hover .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.flipper,
.front,
.back {
	width: 100%;
	height: 100%
}

.flipper {
	-webkit-transition: .6s;
	-moz-transition: .6s;
	transition: .6s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative
}

.front,
.back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	transition: .6s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0
}

.front {
	z-index: 2;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg)
}

.back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.vertical.flip-container {
	position: relative
}

.vertical .back {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.vertical.flip-container:hover .back {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg)
}

.vertical.flip-container:hover .front {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg)
}



article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}

html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
	font-family: sans-serif
}

body {
	margin: 0
}

a:focus {
	outline: thin dotted
}

a:active,
a:hover {
	outline: 0
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

h2 {
	font-size: 1.5em;
	margin: .83em 0
}

h3 {
	font-size: 1.17em;
	margin: 1em 0
}

h4 {
	font-size: 1em;
	margin: 1.33em 0
}

h5 {
	font-size: .83em;
	margin: 1.67em 0
}

h6 {
	font-size: .67em;
	margin: 2.33em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

blockquote {
	margin: 1em 40px
}

dfn {
	font-style: italic
}

hr {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

p,
pre {
	margin: 1em 0
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

q:before,
q:after {
	content: '';
	content: none
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

dl,
menu,
ol,
ul {
	margin: 1em 0
}

dd {
	margin: 0 0 0 40px
}

menu,
ol,
ul {
	padding: 0 0 0 40px
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

form {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}

button,
input {
	line-height: normal
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}

button[disabled],
html input[disabled] {
	cursor: default
}

input[type=checkbox],
input[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

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

[hidden] {
	display: none!important
}

.pure-img {
	max-width: 100%;
	height: auto;
	display: block
}


/*!
Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/

.pure-g {
	letter-spacing: -.31em;
	*letter-spacing: normal;
	*word-spacing: -.43em;
	text-rendering: optimizespeed;
	font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	display: -ms-flexbox;
	-ms-flex-flow: row wrap
}

.opera-only :-o-prefocus,
.pure-g {
	word-spacing: -.43em
}

.pure-u {
	display: inline-block;
	*display: inline;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto
}

.pure-g [class*=pure-u] {
	font-family: sans-serif
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto
}

.pure-u-1-24 {
	width: 4.1667%;
	*width: 4.1357%
}

.pure-u-1-12,
.pure-u-2-24 {
	width: 8.3333%;
	*width: 8.3023%
}

.pure-u-1-8,
.pure-u-3-24 {
	width: 12.5%;
	*width: 12.469%
}

.pure-u-1-6,
.pure-u-4-24 {
	width: 16.6667%;
	*width: 16.6357%
}

.pure-u-1-5 {
	width: 20%;
	*width: 19.969%
}

.pure-u-5-24 {
	width: 20.8333%;
	*width: 20.8023%
}

.pure-u-1-4,
.pure-u-6-24 {
	width: 25%;
	*width: 24.969%
}

.pure-u-7-24 {
	width: 29.1667%;
	*width: 29.1357%
}

.pure-u-1-3,
.pure-u-8-24 {
	width: 33.3333%;
	*width: 33.3023%
}

.pure-u-3-8,
.pure-u-9-24 {
	width: 37.5%;
	*width: 37.469%
}

.pure-u-2-5 {
	width: 40%;
	*width: 39.969%
}

.pure-u-5-12,
.pure-u-10-24 {
	width: 41.6667%;
	*width: 41.6357%
}

.pure-u-11-24 {
	width: 45.8333%;
	*width: 45.8023%
}

.pure-u-1-2,
.pure-u-12-24 {
	width: 50%;
	*width: 49.969%
}

.pure-u-13-24 {
	width: 54.1667%;
	*width: 54.1357%
}

.pure-u-7-12,
.pure-u-14-24 {
	width: 58.3333%;
	*width: 58.3023%
}

.pure-u-3-5 {
	width: 60%;
	*width: 59.969%
}

.pure-u-5-8,
.pure-u-15-24 {
	width: 62.5%;
	*width: 62.469%
}

.pure-u-2-3,
.pure-u-16-24 {
	width: 66.6667%;
	*width: 66.6357%
}

.pure-u-17-24 {
	width: 70.8333%;
	*width: 70.8023%
}

.pure-u-3-4,
.pure-u-18-24 {
	width: 75%;
	*width: 74.969%
}

.pure-u-19-24 {
	width: 79.1667%;
	*width: 79.1357%
}

.pure-u-4-5 {
	width: 80%;
	*width: 79.969%
}

.pure-u-5-6,
.pure-u-20-24 {
	width: 83.3333%;
	*width: 83.3023%
}

.pure-u-7-8,
.pure-u-21-24 {
	width: 87.5%;
	*width: 87.469%
}

.pure-u-11-12,
.pure-u-22-24 {
	width: 91.6667%;
	*width: 91.6357%
}

.pure-u-23-24 {
	width: 95.8333%;
	*width: 95.8023%
}

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
	width: 100%
}

html:first-child #opera {
	display: block
}

html>body #ie7 {
	*display: block
}

body #ie6 {
	_display: block
}

body:empty #firefox12 {
	display: block
}

@-moz-document url-prefix() {
	.prize_copy_btn {
		position: relative;
		top: -20px
	}
}

.bottom-text,
.btn-div p,
.download,
.h1-text,
.input-box,
.p-text,
a {
	text-align: center
}

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

.input-box input,
.input-code {
	background: #d5cbc8;
	padding: 0 5px;
	line-height: 24px
}

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

.btn,
.download,
.pop-reg-btn {
	font-family: "宋体"
}

li,
ul {
	list-style: none
}

a {
	text-decoration: none;
	outline: 0
}

a:focus {
	outline: 0
}

.hide {
	display: none!important
}

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

.clearfloat {
	zoom: 1
}

.indent {
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 60px
}

.error-msg {
	color: red
}

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

.huodongzi {
	position: absolute;
	color: #2f2b28;
	font-size: 18px;
	top: 295px;
	left: 308px
}

.content {
	width: 1002px;
	height: 3291px;
	background: url(../images/main_033a719.jpg) no-repeat 0;
	margin: 0 auto;
	position: relative
}

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

@charset "UTF-8";
.part-one {
	position: relative;
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	left: 5px;
	overflow: visible
}

.snqx-logo-a {
	background: url(../images/logo.png) no-repeat;
	height: 84px;
	width: 142px;
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 0
}

.nav-top {
	color: #e6c06e;
	font-size: 14px;
	position: absolute;
	right: 15px;
	float: right;
	top: 10px
}

.nav-top a {
	color: #ffe7ca;
	text-decoration: none;
	cursor: pointer
}

.myLoad {
	color: #e6c06e;
	margin-right: 10px
}

.myLoad a {
	color: #e6c06e;
	text-decoration: none;
	cursor: pointer
}

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

.nav-top-left {
	-webkit-background-size: cover;
	background-size: cover;
	width: 85px;
	height: 31px;
	line-height: 31px;
	padding: 6px 10px 10px 18px
}

.nav-top-center {
	-webkit-background-size: cover;
	background-size: cover;
	width: 85px;
	height: 31px;
	line-height: 31px;
	padding: 6px 10px 10px 8px;
	margin-left: -12px
}

.nav-top-right {
	-webkit-background-size: cover;
	background-size: cover;
	width: 85px;
	height: 31px;
	line-height: 31px;
	padding: 6px 28px 10px 10px;
	margin-left: -6px;
	text-align: center
}

.nav-top-a {
	background: #c68c1c;
	color: #fff;
	margin: 0 1px;
	padding: 1px 18px
}

.nav-top-a:hover {
	color: #fff
}

.act-time {
	color: #ba0000;
	font-size: 24px;
	position: absolute;
	width: 1000px;
	top: 510px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	font-weight: 700
}

.rule {
	width: 850px;
	position: absolute;
	left: 50%;
	margin-left: -425px;
	color: #ba885a;
	font-size: 16px;
	top: 2610px;
	line-height: 1.8
}

.reward {
	width: 911px;
	height: 607px;
	background: url(../images/reward_b4a3161.png) 0 0 no-repeat;
	position: absolute;
	top: 1850px;
	left: 50%;
	margin-left: -455px
}

.reward .tip {
	width: 140px;
	height: 60px;
	position: absolute
}

.reward .tip .tip-h {
	display: none;
	position: absolute;
	top: 100%;
	left: -21px;
	width: 140px;
	height: auto;
	border: 1px solid #c99222;
	background: rgba(0, 0, 0, .8);
	font-size: 14px;
	text-align: center;
	padding: 10px 20px
}

.reward .tip .tip-h .name {
	color: #fff;
	margin-bottom: 10px
}

.reward .tip .tip-h .desc {
	color: #c99222;
	text-align: left
}

.reward .tip:hover .tip-h {
	display: block
}

.reward .tip-1 {
	top: 70px;
	left: 385px
}

.reward .tip-2 {
	top: 70px;
	left: 200px
}

.reward .tip-3 {
	top: 70px;
	left: 570px
}

.reward .tip-4 {
	top: 70px;
	left: 18px
}

.reward .tip-5 {
	top: 70px;
	left: 755px
}

.rank {
	width: 850px;
	height: 800px;
	position: absolute;
	left: 50%;
	margin-left: -425px;
	top: 890px;
	color: #ffbb29;
	text-align: center
}

.rank>div {
	width: 150px;
	height: 60px;
	position: absolute;
	line-height: 2
}

.rank .server {
	font-size: 12px
}

.rank .name {
	font-size: 16px
}

.rank .rank-1 {
	top: 90px;
	left: 350px
}

.rank .rank-2 {
	top: 130px;
	left: 35px
}

.rank .rank-3 {
	top: 130px;
	left: 665px
}

.rank .rank-4 {
	top: 330px;
	left: 150px
}

.rank .rank-5 {
	top: 330px;
	left: 350px
}

.rank .rank-6 {
	top: 330px;
	left: 550px
}

.rank .rank-7 {
	top: 470px;
	left: 50px
}

.rank .rank-8 {
	top: 470px;
	left: 250px
}

.rank .rank-9 {
	top: 470px;
	left: 450px
}

.rank .rank-10 {
	top: 470px;
	left: 650px
}

.rank .rank-11 {
	top: 610px;
	left: 2px
}

.rank .rank-12 {
	top: 610px;
	left: 172px
}

.rank .rank-13 {
	top: 610px;
	left: 342px
}

.rank .rank-14 {
	top: 610px;
	left: 512px
}

.rank .rank-15 {
	top: 610px;
	left: 682px
}

.rank .rank-16 {
	top: 720px;
	left: 2px
}

.rank .rank-17 {
	top: 720px;
	left: 172px
}

.rank .rank-18 {
	top: 720px;
	left: 342px
}

.rank .rank-19 {
	top: 720px;
	left: 512px
}

.rank .rank-20 {
	top: 720px;
	left: 682px
}

@charset "UTF-8";
.r-cover {
	z-index: 300
}

.r-dialog {
	z-index: 301
}

.sq-dialog {
	position: absolute;
	top: 200px;
	left: 500px;
	z-index: 1001;
	color: #333;
	width: 664px;
	height: auto;
	background: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: top .5s;
	-moz-transition: top .5s;
	transition: top .5s
}

.sq-dialog-source {
	display: none
}

.sq-dialog-avatar {
	z-index: 1;
	width: 38px;
	height: 46px;
	position: absolute;
	top: 0;
	left: 10px;
	display: none
}

.sq-dialog-body {
	width: 100%;
	height: auto;
	word-break: break-all;
	font-size: 14px;
	background: 0 0;
	float: left;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden
}

.sq-dialog-titlebar {
	position: relative;
	height: 24px;
	line-height: 24px;
	text-align: center;
	padding: 5px 12px;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: url(../images/bg_repeat_93ccbc5.jpg) repeat-x left top
}

.sq-dialog-titlebar .sq-dialog-titlebar-text {
	width: auto;
	height: 24px;
	line-height: 24px;
	padding-left: 25px;
	font-size: 14px;
	color: #3c3c3c;
	text-align: left;
	display: block;
	float: left;
	background: url(../images/d_icon_9cf5a5d.png) no-repeat left center
}

.sq-dialog-notitle {
	height: 1px;
	overflow: hidden
}

.sq-dialog-client {
	padding: 20px;
	margin: 0;
	float: left;
	min-width: 380px;
	background: #fff
}

.sq-dialog-content {
	text-align: center;
	color: #000;
	font-size: 14px;
	float: left;
	min-width: 380px
}

.sq-dialog-close {
	position: absolute;
	right: 5px;
	top: 4px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-indent: -9999px;
	background: url(../images/close_btn_7faf285.png) center center no-repeat;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-moz-transition: transform .5s, -moz-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s, -moz-transform .5s;
	-moz-transition: transform .5s;
	-webkit-transition: transform .5s;
	-o-transition: transform .5s
}

.sq-dialog-close:hover {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}

.sq-dialog-buttons {
	padding-bottom: 5px;
	margin: 0;
	text-align: center;
	*zoom: 1;
	background: 0 0;
	width: 100%;
	float: left
}

.sq-dialog-buttons a {
	width: 140px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	margin: 0 5px;
	color: #fff;
	font-size: 16px;
	text-align: center
}

.sq-dialog-buttons a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .85;
	opacity: .8
}

.sq-dialog-buttons a.sq-dialog-btn {
	margin-bottom: 20px
}

.sq-dialog-nobutton {
	border: 0;
	padding: 0;
	height: 1px;
	overflow: hidden;
	margin: 0
}

.sq-dialog-nobutton button {
	display: none
}

.sq-dialog-masking {
	left: 0;
	opacity: .4;
	filter: alpha(opacity=40);
	position: absolute;
	top: 0;
	z-index: 1000;
	width: 100%;
	background: #000
}

.sq-dialog-overlay {
	background-color: #fff;
	border: 1px solid #999;
	position: absolute
}

.sq-dialog-content h5 {
	font-weight: 400;
	font-size: 20px;
	color: #0082cb
}

.sq-dialog-content {
	border: 0
}

.sq-dialog-content .sq-dialog-alert {
	line-height: 100px;
	font-size: 16px
}

.sq-dialog-content .info-fill-dialog {
	margin: 0
}

.sq-dialog-content .info-fill-dialog p.info-fill-title {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	margin-top: 0
}

.sq-dialog-content .info-fill-dialog .dialog-input-group {
	line-height: 30px;
	margin-top: 13px;
	position: relative
}

.sq-dialog-content .info-fill-dialog .dialog-input-group.info-tips {
	font-size: 12px;
	line-height: 16px;
	color: #999;
	text-align: center;
	margin: 25px 20px 0
}

.sq-dialog-content .info-fill-dialog .dialog-input-group span.label {
	width: 70px;
	height: 32px;
	line-height: 32px;
	text-align: right;
	display: block;
	font-size: 14px;
	float: left;
	padding-right: 10px
}

.sq-dialog-content .info-fill-dialog .dialog-input-group span.label i {
	padding: 0 2px;
	color: red
}

.sq-dialog-content .info-fill-dialog .dialog-input-group span.error-tips {
	width: auto;
	height: 14px;
	line-height: 14px;
	text-align: left;
	display: inline-block;
	position: absolute;
	top: 33px;
	left: 80px;
	color: red;
	font-size: 12px
}

.sq-dialog-content .info-fill-dialog .dialog-input-group span.error-tips.error-address {
	top: 46px
}

.sq-dialog-content .info-fill-dialog .dialog-input-group input {
	width: 230px;
	height: 21px;
	line-height: 21px;
	padding: 5px;
	border: 1px solid #ccc;
	display: block;
	float: left
}

.sq-dialog-content .info-fill-dialog .dialog-input-group textarea {
	width: 230px;
	height: 32px;
	display: block;
	font-family: 微软雅黑;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	-webkit-border-image: initial;
	border-image: initial;
	float: left
}

.sq-dialog-content p {
	margin-top: 8px;
	margin-bottom: 8px;
	padding-left: 10px;
	text-align: left;
	color: #333;
	height: auto
}

.sq-dialog-content p.medal-sub {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: 700;
	margin: 0;
	padding: 0
}

.sq-dialog-content p.dp-userinfo-tips {
	width: 330px;
	height: auto;
	line-height: 22px;
	position: absolute;
	top: 360px;
	left: 40px
}

.sq-dialog-content p.dp-title {
	font-size: 18px;
	text-align: center
}

.sq-dialog-content p.dp-text {
	text-indent: 30px;
	font-size: 16px
}

.sq-dialog-content p.dp-games-letter-cate {
	height: 24px;
	line-height: 24px;
	text-align: center
}

.sq-dialog-content p.dp-games-letter-cate span {
	margin-right: 12px;
	cursor: pointer
}

.sq-dialog-content p.dp-games-letter-cate span:hover,
.sq-dialog-content p.dp-games-letter-cate span.current {
	text-decoration: underline
}

.sq-dialog-content p.dp-center {
	text-align: center;
	padding: 0
}

.sq-dialog-content p.top50 {
	margin-top: 50px;
	font-size: 16px
}

.sq-dialog-content p.f35 {
	font-size: 35px;
	height: 40px;
	line-height: 40px
}

.sq-dialog-content p.f26 {
	font-size: 26px;
	height: 40px;
	line-height: 40px
}

.sq-dialog-content p.f18 {
	font-size: 16px;
	height: auto;
	min-height: 20px;
	line-height: 26px
}

.sq-dialog-content p.f14 {
	font-size: 14px
}

.sq-dialog-content p.f12 {
	font-size: 12px
}

.sq-dialog-content p.color2 {
	color: #fff
}

.sq-dialog-content p.mg20 {
	margin: 20px 0
}

.sq-dialog-content p.mg30 {
	margin: 30px 0
}

.sq-dialog-content p.center {
	text-align: center
}

.sq-dialog-content p span.color1 {
	color: #008cce
}

.sq-dialog-content p a.color1 {
	color: #008cce;
	text-decoration: underline
}

.sq-dialog-content p.rec-tips-text {
	line-height: 24px
}

.sq-dialog-content p.rec-tips-text span {
	padding: 2px 6px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background: #fb8f3f;
	color: #bb280e;
	margin-right: 5px
}

.sq-dialog-content p input.dp-card-num {
	width: 260px;
	height: 18px;
	padding: 4px;
	line-height: 18px;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	color: #666;
	margin-top: 20px;
	font-size: 12px
}

.sq-dialog-content p span.dp-copy-card {
	padding: 6px 10px;
	background: 0 0;
	color: #008cce;
	font-size: 14px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left: 8px;
	cursor: pointer;
	*position: relative;
	*top: -6px
}

.sq-dialog-content p span.dp-copy-card:hover {
	text-decoration: underline
}

.sq-dialog-content .dp-games-list {
	width: 100%;
	height: 190px;
	overflow-y: scroll
}

.sq-dialog-content .dp-games-list span {
	width: 108px;
	height: 34px;
	line-height: 34px;
	display: block;
	float: left;
	margin-left: 8px;
	margin-top: 6px;
	margin-bottom: 6px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	color: #fae5bd;
	font-size: 14px;
	background: #d23f16;
	cursor: pointer;
	overflow: hidden
}

.sq-dialog-content .dp-games-list span.dp-long-item {
	width: auto;
	padding: 0 8px
}

.sq-dialog-content .dp-games-list span:hover {
	color: #ffd027
}

.sq-dialog-content .dp-games-box {
	width: 100%;
	height: auto
}

.sq-dialog-content .dp-games-box li {
	width: 112px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #333;
	font-size: 14px;
	background: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
	margin: 5px 6px;
	cursor: pointer;
	border: 1px solid #c1cce0
}

.sq-dialog-content .dp-games-box li:hover {
	color: #fff;
	border: 1px solid #ffa910;
	background: #ffa910
}

.sq-dialog-content .dp-my-medal-box {
	width: 100%;
	height: 141px;
	float: left;
	border: 1px solid #ffcb64;
	color: #5b2000;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: 25px
}

.sq-dialog-content .dp-my-medal-box .dp-user-gift-list {
	width: 100%;
	height: auto;
	float: left
}

.sq-dialog-content .dp-my-medal-box .dp-user-gift-list li {
	background: #ff8b3c;
	border-bottom: 1px solid #ffcb64;
	float: left
}

.sq-dialog-content .dp-my-medal-box .dp-user-gift-list li p {
	height: 100%;
	line-height: 22px;
	background: #ff8b3c;
	border-right: 1px solid #ffcb64;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left
}

.sq-dialog-content .dp-my-medal-box .dp-user-gift-list li p.dp-t1 {
	width: 106px;
	font-size: 18px;
	line-height: 24px;
	*padding-top: 4px
}

.sq-dialog-content .dp-my-medal-box .dp-user-gift-list li p.dp-t2 {
	width: 245px;
	font-size: 18px;
	border-right: 0;
	line-height: 24px;
	*padding-top: 4px
}

.sq-dialog-content .dp-my-medal-box .dp-user-gift-list li p.dp-t3 {
	width: 106px;
	font-size: 12px
}

.sq-dialog-content .dp-my-medal-box .dp-user-gift-list li p.dp-t4 {
	width: 245px;
	font-size: 12px;
	border-right: 0
}

.sq-dialog-content .dp-my-medal-box .dp-user-gift-list li p.dp-t4 a {
	color: #fff;
	margin: 0 3px;
	text-decoration: underline
}

.sq-dialog-content .dp-user-info {
	width: 100%;
	height: auto;
	float: left
}

.sq-dialog-content .dp-user-info .dp-user-info-box {
	width: 100%;
	height: 100%;
	float: left
}

.sq-dialog-content .dp-user-info .dp-user-info-box li {
	width: auto;
	height: auto;
	line-height: 30px;
	float: left;
	color: #bf3c24;
	margin-top: 10px
}

.sq-dialog-content .dp-user-info .dp-user-info-box li input {
	width: 160px;
	height: 18px;
	background: #fff;
	color: #333;
	padding: 5px;
	border: 1px solid #fe7b3b
}

.sq-dialog-content .dp-user-info .dp-user-info-box li textarea {
	width: 200px;
	height: 60px;
	background: #fff;
	color: #333;
	padding: 5px;
	border: 1px solid #fe7b3b;
	font-family: "微软雅黑"
}

.sq-dialog-content .dp-user-info .dp-user-info-box li.dp-t5 {
	width: 75px;
	text-align: right;
	margin-right: 8px
}

.sq-dialog-content .dp-user-info .dp-user-info-box li.dp-t6 {
	width: 280px;
	text-align: left
}

.sq-dialog-content .dp-user-info .dp-user-info-box li.dp-t6 span {
	margin-left: 5px
}

.sq-dialog-content .medal-list {
	width: 100%;
	height: auto;
	max-height: 300px;
	height: 300px\9;
	float: left;
	border: 1px solid #dbdbdb;
	border-bottom: 0;
	border-bottom: 1px solid #dbdbdb \9;
	margin: 10px 0;
	overflow-y: scroll;
	overflow-x: hidden
}

.sq-dialog-content .medal-list li {
	width: 100%;
	height: auto;
	line-height: 22px;
	font-size: 14px;
	float: left;
	border-bottom: 1px solid #dbdbdb
}

.sq-dialog-content .medal-list li span {
	width: auto;
	height: auto;
	display: inline-block;
	float: left;
	text-align: center;
	font-size: 14px
}

.sq-dialog-content .medal-list li span.item-left {
	width: 230px;
	border-right: 1px solid #dbdbdb;
	padding: 13px 0;
	*padding: 14px 0
}

.sq-dialog-content .medal-list li span.item-left.t1 {
	height: 30px;
	line-height: 30px;
	padding: 0
}

.sq-dialog-content .medal-list li span.item-right {
	padding: 10px 0;
	width: 292px;
	*margin-right: 10px;
	text-align: center;
	float: right
}

.sq-dialog-content .medal-list li span.item-right.t2 {
	padding: 0
}

.sq-dialog-content .medal-list li span.item-right.t4 {
	font-size: 14px
}

.sq-dialog-content .medal-list li span.item-right.t4 input {
	width: 190px;
	height: 22px;
	line-height: 22px;
	padding: 2px;
	background: #fff;
	border: 1px solid #dbdbdb;
	color: #999;
	text-align: center
}

.sq-dialog-content .medal-list li span.item-right.t4 a {
	font-size: 14px;
	padding: 5px;
	margin-right: 0;
	padding-right: 0
}

.sq-dialog-content .medal-list li span.item-right.t4 a.change-point-btn {
	margin-right: 3px;
	padding-right: 5px
}

.sq-dialog-content .medal-list li span.item-right.top8 {
	padding-top: 8px
}

.sq-dialog-content .medal-list li.my-medal-item.list-title {
	height: 30px;
	line-height: 30px;
	background: #f5f5f5;
	padding: 0
}

.sq-dialog-content a {
	color: #008cce;
	margin-left: 3px;
	margin-right: 3px
}

.sq-dialog-content-col {
	display: inline-block;
	width: 112px;
	text-align: right
}

.sq-dialog-loading {
	height: 60px;
	background: transparent url(../images/loading-48x48.gif) no-repeat 50px center
}

.sq-dialog-loading span {
	position: relative;
	top: 20px;
	left: 120px
}

.sq-dialog-secpwd {
	height: auto;
	float: left;
	width: 100%
}

.sq-dialog-secpwd p {
	height: 23px;
	line-height: 23px;
	text-align: left;
	font-size: 14px;
	margin: 10px;
	position: relative
}

.sq-dialog-secpwd p a {
	position: absolute;
	top: -26px;
	left: 15px
}

.sq-dialog-secpwd p input {
	height: 18px;
	line-height: 18px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	position: absolute;
	top: 0;
	left: 90px
}

.sq-dialog-secpwd p label {
	position: absolute;
	left: 10px;
	top: 3px
}

.sq-dialog-secpwd p.sq-dialog-secpwd-forget {
	width: 100%
}

.sq-dialog-secpwd p.sq-dialog-secpwd-forget a {
	width: 150px;
	height: 26px;
	line-height: 26px;
	top: 0;
	left: 190px
}

.sq-dialog-position-fixed {
	position: fixed;
	top: 150px;
	_position: absolute;
	top: expression(eval(document.documentElement.scrollTop+150))
}

.dialog-text-vertical-middle {
	font-size: 14px;
	height: auto;
	min-height: 20px;
	line-height: 26px;
	color: #000
}

@-webkit-keyframes showBtn {
	10% {
		background: -webkit-radial-gradient(Circle, #f17474 28%, #e66868 30%, #ef7979 48%, #fe8383 60%);
		background: radial-gradient(Circle, #f17474 28%, #e66868 30%, #ef7979 48%, #fe8383 60%)
	}
	20% {
		background: -webkit-radial-gradient(Circle, #f17474 32%, #e66868 34%, #ef7979 52%, #fe8383 60%);
		background: radial-gradient(Circle, #f17474 32%, #e66868 34%, #ef7979 52%, #fe8383 60%)
	}
	40% {
		background: -webkit-radial-gradient(Circle, #f17474 34%, #e66868 36%, #ef7979 54%, #fe8383 60%);
		background: radial-gradient(Circle, #f17474 34%, #e66868 36%, #ef7979 54%, #fe8383 60%)
	}
	60% {
		background: -webkit-radial-gradient(Circle, #f17474 36%, #e66868 38%, #ef7979 56%, #fe8383 60%);
		background: radial-gradient(Circle, #f17474 36%, #e66868 38%, #ef7979 56%, #fe8383 60%)
	}
	80% {
		background: -webkit-radial-gradient(Circle, #f17474 38%, #e66868 40%, #ef7979 58%, #fe8383 60%);
		background: radial-gradient(Circle, #f17474 38%, #e66868 40%, #ef7979 58%, #fe8383 60%)
	}
	100% {
		background: -webkit-radial-gradient(Circle, #f17474 40%, #e66868 42%, #ef7979 60%, #fe8383 60%);
		background: radial-gradient(Circle, #f17474 40%, #e66868 42%, #ef7979 60%, #fe8383 60%)
	}
}

@-webkit-keyframes showBtn2 {
	10% {
		background: -webkit-radial-gradient(Circle, #e8d84b 28%, #cebf3b 30%, #dacc4c 48%, #dacc4c 60%);
		background: radial-gradient(Circle, #e8d84b 28%, #cebf3b 30%, #dacc4c 48%, #dacc4c 60%)
	}
	20% {
		background: -webkit-radial-gradient(Circle, #e8d84b 32%, #cebf3b 34%, #dacc4c 52%, #dacc4c 60%);
		background: radial-gradient(Circle, #e8d84b 32%, #cebf3b 34%, #dacc4c 52%, #dacc4c 60%)
	}
	40% {
		background: -webkit-radial-gradient(Circle, #e8d84b 34%, #cebf3b 36%, #dacc4c 54%, #dacc4c 60%);
		background: radial-gradient(Circle, #e8d84b 34%, #cebf3b 36%, #dacc4c 54%, #dacc4c 60%)
	}
	60% {
		background: -webkit-radial-gradient(Circle, #e8d84b 36%, #cebf3b 38%, #dacc4c 56%, #dacc4c 60%);
		background: radial-gradient(Circle, #e8d84b 36%, #cebf3b 38%, #dacc4c 56%, #dacc4c 60%)
	}
	80% {
		background: -webkit-radial-gradient(Circle, #e8d84b 38%, #cebf3b 40%, #dacc4c 58%, #dacc4c 60%);
		background: radial-gradient(Circle, #e8d84b 38%, #cebf3b 40%, #dacc4c 58%, #dacc4c 60%)
	}
	100% {
		background: -webkit-radial-gradient(Circle, #e8d84b 40%, #cebf3b 42%, #dacc4c 60%, #dacc4c 60%);
		background: radial-gradient(Circle, #e8d84b 40%, #cebf3b 42%, #dacc4c 60%, #dacc4c 60%)
	}
}

.f-l {
	float: left;
	display: inline
}

.f-r {
	float: right;
	display: inline
}

.field-error-message {
	display: block;
	font-size: 14px;
	color: red;
	float: left;
	line-height: 20px;
	margin-left: 80px
}

.sq-dialog-content .lottresult {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden
}

.sq-dialog-content .lottresult .dgift {
	padding: 10px
}

.sq-dialog-content .lottresult .card-con {
	text-align: center;
	font-weight: 700
}

.sq-dialog-content .lottresult .copywrap {
	padding-top: 10px
}

.sq-dialog-content .lottresult .copywrap p.f-l {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 8px;
	height: 28px;
	line-height: 28px;
	display: block;
	float: left
}

.sq-dialog-content .lottresult .copywrap .get-code-text {
	width: 220px;
	height: 24px
}

.sq-dialog-content .lottresult .copywrap #codeCopy {
	height: 28px;
	line-height: 28px
}

.sq-dialog-content .lottresult .card-con span {
	font-weight: 400
}

.sq-dialog-buttons a,
.tpl-bt-btn {
	background: url(../images/btn_bg_7dde605.png) no-repeat left top;
	width: 140px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	margin: 0 5px;
	color: #fff;
	font-size: 16px;
	text-align: center
}

.sq-dialog-buttons a:hover,
.tpl-bt-btn:hover {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .85;
	opacity: .8
}

.sq-dialog-content a.tpl-bt-btn {
	color: #fff
}

.code-tips {
	width: 100%;
	height: auto;
	float: left
}

.code-tips .entergame {
	background: url(../images/btn_bg_7dde605.png) no-repeat left top;
	width: 140px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	margin: 0 5px;
	margin-top: 10px;
	color: #fff;
	font-size: 16px;
	text-align: center
}

.sq-dialog-content .lottresult.jd-card {
	width: 380px\9
}

.sq-dialog-content .lottresult.jd-card .copywrap {
	margin-left: 7px
}

.sq-dialog-content .lottresult.real_gift {
	width: 380px\9
}

.myAlerBox-Dialog .sq-dialog {
	position: absolute;
	top: 200px;
	left: 500px;
	z-index: 1001;
	color: #333;
	width: 664px;
	height: auto;
	background: 0 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: top .5s;
	-moz-transition: top .5s;
	transition: top .5s
}

.myAlerBox-Dialog .sq-dialog-client {
	padding: 0;
	margin: 0;
	float: left;
	min-width: 380px;
	background: 0 0
}

.alert-dialog {
	width: 501px;
	height: 276px;
	background: url(../images/alert-box_471dba0.jpg) no-repeat left top
}

.alert-dialog .alertBox-title {
	color: #c9b98c;
	font-size: 14px;
	width: 465px;
	margin: 0 auto;
	position: relative;
	top: 12px;
	line-height: 24px
}

.alert-dialog .alertBox-tips {
	color: #e0012b;
	font-size: 12px;
	padding-left: 19px;
	line-height: 24px
}

.alert-dialog .select-game-box {
	width: 392px;
	height: 51px;
	margin: 0 auto;
	padding-top: 2px;
	position: relative
}

.alert-dialog .select-game-box span {
	display: none
}

.alert-dialog .select-game-box .choose_game {
	color: #ccab74;
	width: 227px;
	height: 51px;
	position: absolute;
	font-size: 16px;
	display: block;
	right: 18px;
	line-height: 50px;
	z-index: 9999;
	background: url(../images/select-game_bf17c9d.png) no-repeat center
}

.alert-dialog .select-game-box .phone-inp {
	background: transparent;
	width: 227px!important;
	height: 50px;
	position: absolute;
	right: 22px;
	color: #ccab74;
	display: block;
	font-size: 16px;
	line-height: 50px;
	border: 0;
	z-index: 999;
	text-align: center;
	background: url(../images/input_47fa166.png) no-repeat center
}

.alert-dialog .select-game-box .phone-inp:focus {
	outline: 0
}

.alert-dialog .phone-box {
	padding-top: 12px
}

.alert-dialog .sub-btn {
	background: url(../images/sub-btn_83a5e24.png) no-repeat left top;
	display: block;
	width: 117px;
	height: 33px;
	margin: 12px auto 0;
	text-indent: -999999px
}

.error-phone {
	font-size: 12px;
	color: #bd1918
}

.sq-dialog-content .dp-games-box .game-on {
	color: #fff;
	border: 1px solid #ffa910;
	background: #ffa910
}

.server-selector table {
	margin: auto
}

.server-selector table select {
	width: 155px
}

option {
	font-weight: 400;
	display: block;
	white-space: pre;
	min-height: 1.2em;
	padding: 0 2px 1px
}

.info-fill-btn-b {
	margin-left: 0;
	padding-left: 0
}

.role-select {
	display: none
}

.role-select .role-em {
	color: #000;
	padding-left: 86px;
	font-size: 14px;
	font-weight: 700
}

.role-n-tips {
	display: none;
	margin-bottom: 0!important;
	color: #bd1918!important;
	font-size: 14px!important
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#safari {
		display: block
	}
	.container {
		margin: 0 auto
	}
}

@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
	head~body #opera {
		display: block
	}
}
.denglu {
position: absolute;
    left: 585px;
    top: 15px;
    width: 200px;
    height: 20px;
    color: #e6c06e;
    font-size: 14px;
    text-align: right;
}
.denglu a {
color: #e6c06e;
}
.denglu a:hover {
    text-decoration: underline;
}