@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)

}



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,

.content,

.content-div,

.copy-box {

	overflow: hidden

}



.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

}



li,

ul {

	list-style: none

}



a {

	text-decoration: none

}



.hide {

	display: none !important

}



.hidden {

	visibility: hidden

}



.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

}



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: "΢���ź�"

}



.module {

	cursor: pointer;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	cursor: default;

	float: left

}



.module .t {

	float: left

}



.module-row {

	width: 100%;

	zoom: 1

}



.module-row:after {

	display: block;

	clear: both;

	content: ".";

	visibility: hidden;

	height: 0

}



.module-table .module-cell {

	cursor: pointer;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	cursor: default;

	float: left

}



.module-table .module-head {

	width: 100%;

	zoom: 1

}



.module-table .module-head:after {

	display: block;

	clear: both;

	content: ".";

	visibility: hidden;

	height: 0

}



.module-table .module-table {

	width: 100%;

	zoom: 1

}



.module-table .module-table:after {

	display: block;

	clear: both;

	content: ".";

	visibility: hidden;

	height: 0

}



.module-cards {

	zoom: 1

}



.module-cards:after {

	display: block;

	clear: both;

	content: ".";

	visibility: hidden;

	height: 0

}



.module-cards .module-card {

	cursor: pointer;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	cursor: default;

	float: left

}



.module-tabs {

	zoom: 1

}



.module-tabs:after {

	display: block;

	clear: both;

	content: ".";

	visibility: hidden;

	height: 0

}



.module-tabs .module-tab {

	cursor: pointer;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	cursor: default;

	float: left;

	text-align: center

}



.module-btns {

	zoom: 1

}



.module-btns:after {

	display: block;

	clear: both;

	content: ".";

	visibility: hidden;

	height: 0

}



.module-btns .module-btn {

	cursor: pointer;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	float: left

}



.huodongzi {

	position: absolute;

	color: #2f2b28;

	font-size: 18px;

	top: 295px;

	left: 308px

}



.section1 {

	position: relative;

	width: 100%;

	margin: 0 auto;

	background: url(../images/bg_outer1_5c0c626.jpg) top center no-repeat;

	z-index: 1

}



.section1 .content {

	background: url(../images/bg_inner1_48aa2a1.jpg) bottom center no-repeat;

	position: relative;

	width: 1000px;

	height: 970px;

	margin: 0 auto;

	overflow: visible;

}



.section2 {

	background: url(../images/bg_outer2_961973b.jpg) top center no-repeat;

	z-index: 1;

	position: relative;

	width: 100%;

	margin: 0 auto;

	z-index: 1;

}



.section2 .content {

	background: url(../images/bg_inner2_96b6dd3.jpg) top center no-repeat;

	overflow: visible;

	position: relative;

	width: 1000px;

	height: 1842px;

	margin: 0 auto;

	overflow: visible;

}



.ranks {

    position: relative;

    width: 1000px;

    height: 423px;

    margin: 0 auto;

}

.contentimg {

    height: 842px;

    width: 100%;

    /* position: relative; */

    top: 32px;

}

.contentnr {

    height: 450px;

    width: 100%;

    position: relative;

    top: 32px;

}

.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

}



.rank11, .rank12, .rank13, .rank14, .rank15, .rank16, .rank17, .rank18, .rank19, .rank20{

	display:none;

}

.section2 .content .rules {

	position: absolute;

	bottom: 79px;

	left: 160px;

	font-size: 18px;

	color: #cfa745;

	width: 600px;

	font-family: "KaiTi";

}

.section2 .content .rules .rule-item {

    line-height: 30px;

}

.rules p {

    /* margin-left: 30px; */

    /* line-height: 28px; */

}

.rules p i {

    display: block;

    background: #826d42;

    width: 20px;

    height: 20px;

    line-height: 22px;

    text-align: center;

    position: absolute;

    left: 0;

    top: 3px;

    font-style: normal;

}

.rules p span {

    color: #f3c35d;

}



.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; */

    margin-top: 5px;

    text-align: center;

    float: left;

	line-height: 20px;

	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; */

	/* margin: 0 0 0 25px; */

	margin-left: 30px;

	line-height: 28px;

}



.section2 .content .tips {

	position: absolute;

	top: 918px;

	left: 180px;

	color: #cfcfcf;

	font-size: 14px;

	width: 100%

}



.section2 .content .tips-2 {

	position: absolute;

	top: 930px;

	left: 180px;

	color: #cfcfcf;

	font-size: 14px

}



.section2 .content .gift {

	position: absolute;

	top: 1080px;

	left: 825px

}



.section2 .content .gift .click_get {

	position: absolute;

	top: 180px;

	left: 5px;

	width: 141px;

	height: 39px;

	cursor: pointer;

	background: url(../images/click_get_0fb41f6.png)

}



.section2 .content .gift_part1 {

	position: absolute;

	top: 477px;

}



.section2 .content .gift_part2 {

	top: 564px;

}



.section2 .content .gift_part3 {

	top: 650px;

}

.section2 .content .gift_part4 {

	top: 734px;

}

.images2 img{

	position:relative;

	top: 5px!important;

}

.section2 .content .gift_part4 li,.section2 .content .gift_part5 li{

	/* margin-left: 188px !important; */

}

.section2 .content .gift_part5 {

	top: 821px;

}

.section2 .content .gift_part6 {

	top: 964px;

}

.section2 .content .gift_part7 {

	top: 1051px;

}

.section2 .content .gift_part8 {

	top: 1140px;

}

/*.gift_part2 li,.gift_part1 li,.gift_part3 li{

	cursor: pointer;

	

}*/

.pan1 img,

.pan2 img{

	position: absolute;

	left: -356px;

	top: 0;

	display: none;

}

.pan3 img{

	position: absolute;

	left: 70px;

	top: 0;

	display: none;

}



.pan0 {

	position: absolute;

	left: -174px;

	top: 46px;

	color: #f7c94f;

	font-size: 15px;

}



.pan1:hover img,.pan2:hover img,.pan3:hover img {

	display: block;

}







.section2 .content ul.gifts_panel {

	/* z-index: 1000; */

	width: 650px;

	height: 70px;

	left: 369px;

	position: absolute;

}



.section2 .content ul.gifts_panel li {

	cursor: pointer;

	display: inline-block;

	float: left;

	width: 70px;

	height: 70px;

	text-align: center;

	position: relative;

	font-size:0;

	margin-right: 22px;

}

.snm {

    position: relative;

    top: 10px;

    left: 2px;

}

.snm .ds {
    top: -7px;
    /* line-height: 15px; */
}

.section2 .content ul.gifts_panel li img{

	z-index: 0;

	top: 5px;

	position: relative;

}

.images3 img{

	position:relative;

	top: 15px!important;

	left: 3px;

}



.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: -50px;

	width: 602px;

	height: 274px;

	background: url(../images/clothes_c6d0872.jpg)

}



.section2 .content ul.gifts_panel li .clothes span {

	color: #fff;

	position: absolute;

	top: 222px;

	left: 20px

}



.section2 .content ul.gifts_panel li .six {

	position: absolute;

	top: -100px;

	left: -50px;

	width: 184px;

	height: 208px;

	background: url(../images/6_d1e825e.png)

}



.section2 .content ul.gifts_panel li .six span {

	color: #fff;

	position: absolute;

	top: 183px;

	left: 50px

}



.section2 .content ul.gifts_panel li .bdzc {

	position: absolute;

	top: -100px;

	left: -50px;

	width: 184px;

	height: 208px;

	background: url(../images/bdzc_8852105.png)

}



.section2 .content ul.gifts_panel li .bdzc span {

	color: #fff;

	position: absolute;

	top: 182px;

	left: 50px

}



.section2 .content ul.gifts_panel li .qbcs {

	position: absolute;

	top: -100px;

	left: -50px;

	width: 182px;

	height: 205px;

	background: url(../images/qbcs_73b29d5.png)

}



.section2 .content ul.gifts_panel li .qbcs span {

	color: #fff;

	position: absolute;

	top: 181px;

	left: 49px

}



.section2 .content ul.gifts_panel li .disgnation {

	position: absolute;

	top: -50px;

	left: -50px;

	width: 182px;

	height: 141px;

	background: url(../images/disgnation_7fa83cf.png)

}



.section2 .content ul.gifts_panel li .disgnation span {

	color: #fff;

	position: absolute;

	top: 118px;

	left: 50px

}



.section2 .content ul.gifts_panel li .normal {

	color: #fff;

	text-align: center;

	position: absolute;

	top: 46px;

	left: 50%;

	width: 200px;

	margin-left: -100px

}



.section2 .content ul.gifts_panel li .normal span {

	padding: 2px 5px;

	background: url(../images/di_d370555.png)

}



.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.login {

	margin-right: 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

}



.sq-dialog-content .lottresult .copywrap {

	float: left;

	padding-left: 36px

}



.sq-dialog-content .lottresult .copywrap .code {

	margin-top: 3px

}



.sq-dialog-content .lottresult .copywrap .code input {

	width: 180px

}



.sq-dialog-content .lottresult .copywrap #codeCopy {

	margin-left: 15px

}



@charset "UTF-8";



.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: 22px;

	top: 30px;

	width: 185px;

	height: 225px;

	background: url(../images/logo_17e0547.png)

}

.section1 .content span.hd-time {

    color: #350a00;

    position: absolute;

    bottom: 255px;

    left: 50%;

    font-size: 20px;

    margin-left: -196px;

}



.media-logo {

	position: absolute;

	top: 0;

	left: 160px

}



.indent {

	cursor: pointer;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	width: 43px

}



img {

	border: 0

}



@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 {

	background: url(../js/.com/dist/ms/20190410/static/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAkCAMAAABsUSKPAAAAAXNSR0IB2cksfwAAAKhQTFRF//////Pg/8pt/7U0/7Eo/vLd/7Y1/7En/sls/7Uy/7Em/7Uw/7Al/7Ak/7Aj/68i/68h/64g/64f/64d/60c/60b/6wZ/6wY/6sX/6sV/6oU/6oT/6kR/6kQ/6gP/6gN/6cM/6cL/6YJ/6YI/6YH/6UG/6UF/qME/6QE+qIR/6QD+qIP97RT/qMC/6QC/e3X9JcR+pwB/qIB/6MB/e3Y9rFT8pIO8YwBffAFgwAAAI1JREFUeJzNztUBggAAANEzsLu7WxAs3H8zPx3BexM8yGRzeYFcNgNBoShRCCj9+/BTolzRqFIToS5CQ4SmCC0R2iJ0ROiK0BOhL8JAhKEIIxHGIkxEmIowE2EuwkKEpQgrEdYibETYirATYS/CQYTjSePI+aJxJYxuElFInNwfT4HHPYnh9U4/Aun7xRdO8P/OdL31AwAAAABJRU5ErkJggg==) 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 {

	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: #333;

	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: 115px;

	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: 262px;

	*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

}



@charset "UTF-8";



.server-selector {

	position: absolute;

	top: 1460px;

	left: 100px;

	width: 800px

}



.server-selector label {

	font-size: 14px;

	letter-spacing: normal

}



.server-selector select {

	font-size: 14px;

	border: 0

}



.server-selector .item {

	text-align: left;

	float: left;

	margin: 5px;

	*float: none

}



.server-selector .bind-btn {

	cursor: pointer;

	float: left;

	margin-left: 10px;

	width: 76px;

	height: 23px;

	line-height: 30px;

	background: url(../images/bind_69b4c98.png)

}



.common-fourth-level {

	cursor: pointer;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	cursor: default;

	width: auto;

	letter-spacing: normal;

	border: 0;

	background: transparent

}



.dialog_select .sq-dialog-client {

	width: 360px

}



.dialog_select .sq-dialog-content {

	width: 370px

}



.dialog_select .sq-dialog-content p.tips {

	position: relative;

	top: 25px;

	left: 20px;

	*left: -10px;

	width: 320px;

	color: #3a3a3a;

	font-size: 18px;

	line-height: 30px;

	text-align: center

}



.dialog_select .sq-dialog-client {

	background: transparent

}



.dialog_select .server-selector {

	position: relative;

	top: 10px;

	left: 3px;

	width: 400px

}



.sq-dialog-content p.center {

	text-align: center

}



.sq-dialog .no-role-tips {

	letter-spacing: normal;

	float: left;

	color: red;

	font-size: 14px;

	margin: 5px;

	padding: 0

}



.selection {

	height: 55px;

	float: left;

	*height: 80px

}



@media \0screen {

	.page4 .section2 .content .data_table {

		top: 200px

	}

}



@media screen and (min-width:0\0) {

	.page4 .section2 .content .data_table {

		top: 200px

	}

}



@media screen and (-ms-high-contrast:active),

(-ms-high-contrast:none) {

	.page4 .section2 .content .data_table {

		top: 393px

	}

}



@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

	}

}

.rank1, .rank2, .rank3 {

    width: 200px;

    text-align: center;

    line-height: 22px;

}



.rank1 .server, .rank2 .server, .rank3 .server {

    color: #3f3f3f!important;

}



.rank1 .role, .rank2 .role, .rank3 .role {

    font-size: 20px!important;

    font-weight: 700!important;;

    color: #ad2121!important;;

    margin-bottom: 7px!important;;

}



.rank1 .gold, .rank2 .gold, .rank3 .gold {

    color: #000!important;

}

.takein{

    width: 181px;

    font-size: 12px;

    position: absolute;

    top: 86px;

    right: 5px;

}

.takein li{

    display: block;

    float: left;

    margin: 0 10px 15px;

    cursor: default;

    width: 70px;

    height: 70px;

    text-align: center;

    position: relative;

    background: url(../images/bannerimg.png) no-repeat center;

}

.imgnonecy{

	position: absolute;

	left: -182px;

	top: -14px;

	z-index: 999999;

	display: none;

}

.takein li:hover .imgnonecy {

    display: block;

}

.imgnone{

    position: absolute;

    left: -357px;

    top: 00px;

    z-index: 999999;

    display: none;

}





.imgnone img{

	/* width: 392px!important; */

	/* height: 274px!important; */

}

.images1:hover .imgnone {

    display: block;

}

.imgnone1 img{

	/* width: 180px!important; */

	/* height: 208px!important; */

	z-index: 999999!important;

}



.images2:hover .imgnone1 {

    display: block;

}

.imgnone2{

    position: absolute;

    left: 72px;

    top: -14px;

    z-index: 100;

    display: none;

}



.imgnone2 img{

	/* width: 180px!important; */

	/* height: 208px!important; */

}



.images1:hover .imgnone2 {

    display: block;

}

.imgnone1 {

    position: absolute;

    left: 70px;

    top: 00px;

    z-index: 100;

    display: none;

}

.section2 .content ul.gifts_panel li:hover .imgnone2{

	display: block;

}

.images3:hover .imgnone2{

	display: block;

}

.ch {

    position: relative;

    top: 14px;

    left: -1px;

}
.ds {

   width: 124px;

   height: 30px;

   position: relative;

   top: -16px;

   display: block;

   background: rgba(0,0,0, .5);

   color: #fff;

   text-align: center;

   left: -27px;

   font-size: 12px;

   -webkit-transform: scale(0.7);

   transform: scale(0.7);

   line-height: 30px;

   text-align: center;

}
.takein .ds{

	line-height: 15px!Important;

}

.line15 {

line-height: 15px;

/* top: -23px; */
}
.images4 .ds {

    line-height: 15px;

	top: -16px;
}


.images3 .ds{top: 3px;left: -24px;}

.imgnonexq1 {
    position: absolute;
    left: 70px;
    top: 68px;
    z-index: 100;
    display: none;
    width: 200px;
    height: 168px;
    background: #e9d07e;
    border: 1px solid #3f4440;
}
.imgnonexq1 span{
    width: 100%;
    line-height: 28px;
    display: block;
    color: #000;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    height: 28px;
}
li.images4:hover .imgnonexq1, li.images5:hover .imgnonexq1, li.images6:hover .imgnonexq1, li.images7:hover .imgnonexq1, .gift_part4 li.images2:hover .imgnonexq1, .gift_part5 li.images2:hover .imgnonexq1  {
    display: block;
}