/*
┌──Www────── 0HKJ─────────────────────┐
│ 网站设计制作:≮领航网络≯ QQ:1519069  唯一网址：WWW.0HKJ.COM     │
│        十年网页设计制作经验、高端建站美工团队为你服务            │
└───────────────────────────────.Com┘
*/
@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, menu, form, fieldset, blockquote, pre, hr, input, textarea, button, select {
	margin: 0
}

ul, ol, menu, fieldset, legend, input, textarea, button, caption, th, td, blockquote, dir, address {
	padding: 0
}

fieldset, iframe, img, hr {
	border: none
}

html {
	overflow: auto;
	font-family: sans-serif;
	font-size: 100%
}

a {
	text-decoration: none;
	background-color: transparent
}

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

pre, code, kbd, samp, var {
	font-family: monospace;
	font-size: 1em
}

pre {
	overflow: auto
}

input, textarea, button, select, optgroup, option {
	font-family: sans-serif;
	font-size: 1em
}

input, button, select {
	overflow: visible;
	*zoom: 1
}

textarea {
	overflow: auto;
	resize: none
}

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

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

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}

[hidden], template {
	display: none
}

html {
	text-size-adjust: 100%
}

html.borderbox *:before, html.borderbox *:before, html.borderbox *:after, html.borderbox *:after {
	box-sizing: border-box
}

input, textarea {
	border-radius: 0
}

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

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

a, button {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none
}

img {
	max-width: 100%;
	*width: auto;
	_width: auto
}

input, button, textarea {
	outline: none
}

input[type="button"], button {
	background: transparent;
	border: none;
	cursor: pointer
}

.inline-block {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix {
	*zoom: 1
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.btn, .icon {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-repeat: no-repeat;
	background-position: 0 0
}

.btn-disabled, .btn-disabled:hover {
	cursor: no-drop;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray
}

.txt-overflow {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.ui-center {
	text-align: center
}

.ui-right {
	text-align: right
}

.ui-block {
	overflow: hidden
}

.ui-info, .ui-error, .ui-warning, .ui-success {
	color: #fff;
	padding: 7px 15px;
	display: inline-block;
	*display: inline;
	transition: all .25s ease-in-out
}

.ui-info {
	background: #5BC0DE;
	border: 1px solid #31b0d5
}

.ui-info:hover {
	background: #31b0d5
}

.ui-error {
	background: #D9534F;
	border: 1px solid #c9302c
}

.ui-error:hover {
	background: #c9302c
}

.ui-warning {
	background: #F0AD4E;
	border: 1px solid #ec971f
}

.ui-warning:hover {
	background: #ec971f
}

.ui-success {
	background: #5CB85C;
	border: 1px solid #449d44
}

.ui-success:hover {
	background: #449d44
}

.ui-ipt-info {
	border-color: #5BC0DE !important
}

.ui-ipt-error {
	border-color: #D9534F !important
}

.ui-ipt-warning {
	border-color: #F0AD4E !important
}

.ui-ipt-success {
	border-color: #5CB85C !important
}

.paging {
	*zoom: 1
}

.paging:before, .paging:after {
	content: " ";
	display: table
}

.paging:after {
	clear: both
}

.paging-center {
	text-align: center
}

.paging-right {
	text-align: right
}

.pagination {
	*zoom: 1
}

.pagination:before, .pagination:after {
	content: " ";
	display: table
}

.pagination:after {
	clear: both
}

.pagination li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 3px
}

.pagination li.disabled {
	background: #eee;
	cursor: no-drop
}

.pagination li.disabled a, .pagination li.disabled span {
	background: #eee;
	color: #333
}

.pagination li.disabled:hover {
	background: #eee
}

.pagination li.disabled:hover a, .pagination li.disabled:hover span {
	background: #eee;
	color: #333
}

.pagination li:hover, .pagination li.active {
	background: #f00;
	color: #fff
}

.pagination li:hover a, .pagination li.active a, .pagination li:hover span, .pagination li.active span {
	background: #f00;
	color: #fff
}

.pagination a, .pagination span {
	padding: 3px 10px;
	background: #fff;
	color: #333;
	display: block
}

body {
	color: #333;
	font: 14px/1.42 Microsoft yahei, simsun, sans-serif
}

a {
	color: #333
}

.login-box {
	position: absolute;
	top: -100px
}

.comheader {
	display: none;
	*zoom: 1;
	height: 49px;
	background: #fff
}

.comheader:before, .comheader:after {
	content: " ";
	display: table
}

.comheader:after {
	clear: both
}

.comheader img {
	vertical-align: middle
}

.comheader .topbar {
	*zoom: 1;
	width: 1000px;
	margin: 0 auto;
	position: relative
}

.comheader .topbar:before, .comheader .topbar:after {
	content: " ";
	display: table
}

.comheader .topbar:after {
	clear: both
}

.comheader .topbar-bd {
	margin-left: 80px
}

.comheader .topbar-menu {
	*zoom: 1
}

.comheader .topbar-menu:before, .comheader .topbar-menu:after {
	content: " ";
	display: table
}

.comheader .topbar-menu:after {
	clear: both
}

.comheader .topbar-menu li {
	float: left
}

.comheader .topbar-menu a {
	display: block;
	line-height: 49px;
	padding: 0 0 0 15px;
	color: #333
}

.comheader .topbar-login {
	line-height: 49px;
	padding: 0 8px
}

.comheader .topbar-login a {
	color: #333
}

.comheader .topbar-dropdown-toggle {
	line-height: 49px
}

.comheader .topbar-dropdown-panel {
	position: absolute;
	right: 0;
	top: 49px;
	padding: 10px 20px;
	width: 330px;
	z-index: 9999999;
	display: none;
	background: #eee
}

.comheader .topbar-welcome .topbar-dropdown-panel {
	right: 75px;
	width: 90px;
	line-height: 27px
}

.comheader .topbar-msg {
	width: 21px;
	background: url(../img/icons.png) no-repeat 0 -306px;
	text-indent: -9999em;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.comheader .topbar-msg-new {
	width: 21px;
	background: url(../img/icons.png) no-repeat 0 -361px;
	text-indent: -9999em;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.comheader .topbar-gamecenter {
	position: relative
}

.comheader .topbar-gamecenter a {
	color: #333
}

.comheader .logo, .comheader .topbar-right {
	position: relative;
	z-index: 33
}

.comheader .logo {
	height: 49px;
	line-height: 49px
}

.comheader .gamebd {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	width: 100%;
	display: none
}

.comheader .gamebd img {
	*height: 200px;
	max-height: 200px
}

.comheader .list-game {
	*zoom: 1
}

.comheader .list-game:before, .comheader .list-game:after {
	content: " ";
	display: table
}

.comheader .list-game:after {
	clear: both
}

.comheader .list-game li {
	float: left;
	width: 50%;
	line-height: 1.5;
	margin-bottom: 2px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.comheader .list-game img {
	width: 16px;
	height: 16px;
	float: left;
	margin-top: 2px;
	margin-right: 5px
}

.comheader .list-game div {
	width: 85%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.comheader .topbar-active .gamebd, .comheader .topbar-active .topbar-dropdown-panel {
	display: block;
	position: absolute
}

.comheader .charge, .comheader .service, .comheader .favorite, .comheader .topbar-dropdown-toggle, .comheader .center, .comheader .exit {
	background: url(../img/icons.png) no-repeat 0 15px;
	padding-left: 27px !important;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.comheader .charge {
	background-position: 10px -575px;
	*background-position: 10px -573px
}

.comheader .service {
	background-position: 10px -629px;
	*background-position: 10px -627px
}

.comheader .favorite {
	background-position: 10px -93px;
	*background-position: 10px -91px
}

.comheader .center {
	background-position: 0 -478px;
	*background-position: 0 -476px;
	padding-left: 18px !important
}

.comheader .exit {
	background-position: 0 -532px;
	*background-position: 0 -530px;
	padding-left: 18px !important
}

.comheader .topbar-dropdown-toggle {
	background-position: 100% -252px;
	*background-position: 100% -250px;
	padding-left: 0 !important;
	padding-right: 27px
}

.notice {
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	padding: 10px 15px 7px;
	*zoom: 1
}

.notice:before, .notice:after {
	content: " ";
	display: table
}

.notice:after {
	clear: both
}

.notice .icon {
	width: 20px;
	height: 20px;
	margin-right: 7px;
	float: left;
	background: url(../img/icon_notice.png) no-repeat 0 0
}

.notice-inner {
	float: left
}

.notice-info {
	background: #7eade1
}

.notice-info .icon {
	background-position: 0 -106px
}

.notice-error {
	background: #f77462
}

.notice-error .icon {
	background-position: 0 100%
}

.notice-success {
	background: #71c591
}

.notice-success .icon {
	background-position: 0 -53px
}

.notice-warm {
	background: #f5ba5e
}

.notice-warm .icon {
	background-position: 0 0
}

.wrap_out .wrap_title {
	position: relative
}

.wrap_out .wrap_title .wrap_close {
	position: absolute;
	right: 15px;
	top: 20px;
	z-index: 999999;
	background: url(../img/btn_close.png) no-repeat 0 0;
	width: 17px;
	height: 17px;
	text-indent: -9999em
}

.wrap_out .wrap_title span {
	display: none
}

.wrap_out .wrap_body iframe {
	background: #fff
}

::-webkit-scrollbar {
	width: 10px
}

::-webkit-scrollbar-track-piece {
	background: #e2e2e2
}

::-webkit-scrollbar-thumb {
	background-color: #333543;
	border-radius: 0
}

::-webkit-scrollbar-thumb:vertical {
	border-right: 0
}

::-webkit-scrollbar-thumb:hover {
	background-color: #3e4051
}