@charset "utf-8";
@import "txwy.css";

body {
	background-color: #f4f4f4;
}

a {
	outline: none;
}

#header {
	height: 78px;
	background-color: #fff;
	background-image: -webkit-linear-gradient(bottom, #eee, #fff);
	background-image: -moz-linear-gradient(bottom, #eee, #fff);
	background-image: -o-linear-gradient(bottom, #eee, #fff);
	background-image: linear-gradient(to top, #eee, #fff);
	position: relative;
}

.nav {
	width: 980px;
	margin: 0 auto;
	height: 78px;
}

.banner {}

img {
	max-width: 100%;
}

#header h1 {
	line-height: 24px;
	font-weight: normal;
	font-size: 12px;
	color: #666;
}

#header h1 a {
	color: #F00;
	margin-left: 10px;
}

#header .link {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 24px;
}

#header .link li {
	float: left;
	color: #666;
}

#header .link li a {
	color: #666;
	padding-left: 5px;
}

#header .link li a:hover {
	color: #F00;
	text-decoration: none;
}

#header .link li.last {
	padding-right: 10px;
	background: url(../images/icon01.gif) no-repeat right center;
}

#header .logo {
	float: left;
	margin-top: 13px;
}

#header .menu {
	float: right;
	padding-top: 33px;
	font-family: "微软雅黑", "Arial Black", Gadget, sans-serif;
}

#header .menu li {
	float: left;
	padding: 0 7px;
	width: 88px;
	height: 28px;
	text-align: center;
	background: url(../images/icon_new.gif) no-repeat 0 9px;
}

#header .menu li a {
	display: block;
	line-height: 28px;
	color: #1c1c1c;
	font-size: 16px;
	/* text-shadow:1px 2px 2px #666;*/
}

#header .menu li.hover {
	background: none;
	margin-right: 10px;
}

#header .menu li a.hover,
#header .menu li a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #3989c0;
	border-radius: 5px;
}

#container {
	width: 100%;
}

#content .hot p.link,
#content .gamelist p.link {
	padding: 5px 0 7px 22px;
	line-height: 16px;
	background-color: rgb(254, 254, 254);
	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .75);
	-moz-box-shadow: inset 0 0 6px rgba(255, 255, 255, .75);
	box-shadow: inset 0 0 6px rgba(255, 255, 255, .75);
	border: solid 1px rgb(233, 230, 230);
	background-image: -webkit-linear-gradient(bottom, rgba(216, 226, 236, .3), rgba(244, 247, 255, .3));
	background-image: -moz-linear-gradient(bottom, rgba(216, 226, 236, .3), rgba(244, 247, 255, .3));
	background-image: -o-linear-gradient(bottom, rgba(216, 226, 236, .3), rgba(244, 247, 255, .3));
	background-image: linear-gradient(to top, rgba(216, 226, 236, .3), rgba(244, 247, 255, .3));
	margin-bottom: 5px;
	border-left: 0;
	border-right: 0;
}

.hot p.link a {
	margin-right: 30px;
	color: rgb(0, 126, 221);
}

.gamelist p.link a {
	margin-right: 15px;
	color: rgb(0, 126, 221);
}

.hot p.link a.last,
.gamelist p.link a.last {
	margin-right: 0;
	color: #ff7e00;
	font-weight: bold;
}

.flashBox {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.rightBox .tx_login {
	height: 231px;
	z-index: 10;
	border-top: 1px solid rgba(217, 218, 220, 0.83);
}

#loginUL {
	background: url(../images/login.gif) no-repeat top center;
}

#logoutUL {
	background: url(../images/login1.gif) no-repeat bottom center;
	height: 231px;
	background-color: rgb(243, 246, 251);
}

.rightBox .tx_login h3 {
	text-indent: -9999px;
	height: 40px;
}

.rightBox .tx_login .li-login a {
	background: url(../images/input.png?2);
}

.rightBox .tx_login ol a {
	color: #1f6799;
}

.rightBox .tx_login ol a.zc {
	background: url(../images/icon_new.gif) no-repeat 0 -151px;
	padding-left: 18px;
	margin-right: 3px;
}

.rightBox .tx_login ol a.pass {
	background: url(../images/icon_new.gif) no-repeat 0 -172px;
	padding-left: 18px;
	margin-left: 3px;
}

.rightBox .tx_login ol a:hover {
	color: #333;
	text-decoration: underline;
}

#FBt {
	position: absolute;
	top: 150px;
	left: 785px;
	text-align: right;
	background: url(.../images/fbb.gif);
	width: 218px;
	height: 101px;
	z-index: 11;
}

#FBt p {
	line-height: 1.6;
	color: #666;
	padding: 32px 10px 0;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
}

.tx_login ol {
	/* height:100px;*/
}

.tx_login ol li {
	text-align: center;
	line-height: 1.6;
}

.tx_login ol li.li-login {
	padding: 16px 0 0;
}

.tx_login ol li.li-login a {
	display: block;
	width: 203px;
	height: 66px;
	line-height: 26px;
	text-align: center;
	margin: 0 auto;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 6px;
	text-indent: -9999px;
}

.tx_login ol a {
	color: #f97e00;
}

.tx_login ol a:hover {
	text-decoration: none;
}

.tx_login .qt {
	margin-left: 10px;
	line-height: 2;
	color: #666;
	font-weight: bold;
	text-align: center;
}

.tx_login .qt a {
	padding: 15px 8px 0 0;
	display: inline-block;
}

#content {
	width: 990px;
	margin: 30px auto 0;
	overflow: hidden;
	zoom: 1;
}

#content h2,
#content h3 {
	height: 38px;
	line-height: 40px;
	text-indent: 1.3em;
	background-color: #fefefe;
	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .75);
	-moz-box-shadow: inset 0 0 6px rgba(255, 255, 255, .75);
	box-shadow: inset 0 0 6px rgba(255, 255, 255, .75);
	border: solid 1px #e9e6e6;
	background-image: -webkit-linear-gradient(bottom, rgba(216, 226, 236, .3), rgba(244, 247, 255, .3));
	background-image: -moz-linear-gradient(bottom, rgba(216, 226, 236, .3), rgba(244, 247, 255, .3));
	background-image: -o-linear-gradient(bottom, rgba(216, 226, 236, .3), rgba(244, 247, 255, .3));
	background-image: linear-gradient(to top, rgba(216, 226, 236, .3), rgba(244, 247, 255, .3));
	border-left: 0;
	border-right: 0;
}

.boxshadow {
	background-color: #fefefe;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
	border: solid 1px rgba(0, 0, 0, 0.06);
	margin: 0 4px 10px;
	overflow: hidden;
}

.newspic img {
	padding: 2px;
	border: 1px solid rgb(223, 223, 223);
	border-radius: 3px;
}

#content .leftBox {
	width: 740px;
	float: left;
	overflow: hidden;
}

#content .leftBox ul.news {
	padding: 15px 0 0 0;
	float: left;
}

#activities {
	position: relative;
}

#activities p {
	line-height: 20px;
	padding: 0 15px;
	color: #888;
	margin-bottom: 10px;
}

.hot {
	height: 522px;
	margin: 20px 13px 0px 20px;
	border: 1px solid #d9dadc;
	border-radius: 3px;
	width: 242px;
	overflow: hidden;
	float: left;
}

.gamelist {
	height: 257px;
	overflow: hidden;
	margin: 20px 13px 10px 0;
	border: 1px solid #d9dadc;
	border-radius: 3px;
	width: 208px;
	float: left;
}

.hot img,
.gamelist img {
	padding: 1px;
}

#content .leftBox li p {
	line-height: 20px;
	padding: 0 8px;
}

#activities .ac {
	position: absolute;
	top: 90px;
	left: 17px;
	color: #f60;
	text-decoration: underline;
	z-index: 2;
	cursor: pointer;
}

#activities .ac span {
	position: absolute;
	z-index: 10;
	display: block;
	width: 100px;
}

#activities .ac:hover {
	color: #000;
}

#activities .cn {
	display: none;
	position: absolute;
	top: -85px;
	cursor: auto;
	left: -9px;
	height: 108px;
	width: 215px;
	background: url(../images/cn_bg.gif);
	z-index: 1;
}

#content .leftBox li #activities .cn p {
	padding: 4px 8px 0;
	color: #f60;
}

#content .leftBox li #activities .cn p a {
	color: #f60;
}

.tx_enter,
.b_login {
	margin: 0 10px;
	z-index: 3;
	display: block;
	background: none;
	cursor: pointer;
	width: 96px;
	height: 30px;
}

.b_login {
	border: none;
	background: url(../images/icon_new.gif) no-repeat 0 -20px;
	width: 91px;
	height: 24px;
	cursor: pointer;
	padding: 0px;
	display: block;
	text-indent: -9999px;
}

.b_login:hover {
	background: url(../images/icon_new.gif) no-repeat 0 -49px;
}

#content .rightBox {
	width: 245px;
	float: right;
}

.rightBox .new {
	background-color: #fff;
	padding: 17px 4px;
}

.rightBox .new li {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}

.rightBox .new img,
.rightBox .new p {
	float: left;
}

.rightBox .new p b.c1 a {
	color: #319ce4;
}

.rightBox .new p b.c2 {
	color: #0fc0ad;
}

.rightBox .new p b.c3 {
	color: #fff;
	background-color: #F60;
	border-radius: 4px;
	padding: 1px 4px;
}

.rightBox .new p {
	margin-left: 10px;
	line-height: 18px;
	color: #969696;
}

.news li {
	padding: 6px 0;
}

.news li a {
	padding-left: 10px;
	background: url(../images/icon02.gif) no-repeat left 6px;
	display: inline-block;
	line-height: 1.5;
	color: #666;
	white-space: nowrap;
}

.news li.new a {
	font-weight: bold;
	color: rgb(240, 117, 20);
	display: block;
	width: 365px;
	overflow: hidden;
}

.ngame {
	width: 230px;
	height: 112px;
	display: block;
	position: relative;
}

.ngame .newG {
	position: absolute;
	top: 28px;
	left: 172px;
}

.footer {
	clear: both;
	border: 0;
	width: 1024px;
	margin: 0 auto;
	height: 90px;
	position: relative;
	padding-top: 30px;
	/*background: url(../images/footer_bg.gif) repeat-x left 10px; */
}

.footer .logo {
	position: absolute;
	top: 22px;
	left: 10px;
}

.footer .pu_logo {
	position: absolute;
	top: 32px;
	right: 0px;
}

.footer ul {
	text-align: right;
	padding-right: 65px;
}

.footer ul li {
	display: inline;
}

.footer ul li a {
	color: #666;
}

.footer p {
	text-align: right;
	padding: 5px 65px 0 0;
	color: #666;
}


/* main_image */
.main_visual {
	height: 568px;
	border-top: 1px solid #d7d7d7;
	overflow: hidden;
	position: relative;
}

.main_image {
	height: 568px;
	overflow: hidden;
	position: relative;
}

.main_image ul {
	width: 9999px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}

.main_image li {
	float: left;
	width: 100%;
	height: 568px;
}

.main_image li span {
	display: block;
	width: 100%;
	height: 568px
}

.main_image li a {
	display: block;
	width: 100%;
	height: 568px
}

.main_image li .img_1 {
	background: url('../images/dgsbg.jpg') center top no-repeat
}

.main_image li .img_2 {
	background: url('../images/lxbg.jpg') center top no-repeat
}

.main_image li .img_3 {
	background: url('../images/dgcbg.jpg') center top no-repeat
}

.main_image li .img_4 {
	background: url('../images/sxd2bg.jpg') center top no-repeat
}

.main_image li .img_5 {
	background: url('../images/snqx.jpg') center top no-repeat
}

.main_image li .img_ok {
	background: url('../images/okBanner.jpg') center top no-repeat
}

.main_image li .img_jd {
	background: url('../images/jdBanner.jpg') center top no-repeat
}

.main_image li .img_mjj {
	background: url('../images/mjj-banner.jpg') center top no-repeat
}

.main_image li .img_f7 {
	background: url('../images/f7-banner.jpg') center top no-repeat
}

.main_image li .img_tenka {
	background: url('../images/tenka-banner.jpg') center top no-repeat
}

.main_image li .img_ulala {
	background: url('../images/images/ulala.jpg') center top no-repeat;
	background-size: cover;
}

.main_image li .img_wl {
	background: url('../images/images/wl.jpg') center top no-repeat;
	background-size: cover;
}

.main_image li .img_dream {
	background: url('../images/images/dream.jpg') center top no-repeat;
	background-size: cover;
}

.main_image li .img_ak {
	background: url('../images/images/ak2.jpg') center top no-repeat;
	background-size: cover;
}

.main_image li .img_fk {
	background: url('../images/images/fk.jpg') center top no-repeat;
	background-size: cover;
}

.main_image li .img_hc {
	background: url('../images/images/hc.jpg?v5') center top no-repeat;
	background-size: cover;
}

/* .main_image {background:url('../images/images/ulala.jpg?1') center top no-repeat} */

div.flicking_con {
	position: absolute;
	bottom: 5%;
	left: 50%;
	z-index: 999;
	width: 300px;
	height: 21px;
	margin: 0 0 0 -50px;
}

div.flicking_con a {
	float: left;
	width: 21px;
	height: 21px;
	margin: 0;
	padding: 0;
	background: url('../images/btn_main_img.png') 0 0 no-repeat;
	display: block;
	text-indent: -1000px
}

div.flicking_con a.on {
	background-position: 0 -21px
}

#btn_prev,
#btn_next {
	z-index: 11111;
	position: absolute;
	display: block;
	width: 73px !important;
	height: 74px !important;
	top: 50%;
	margin-top: -37px;
	display: none;
}

#btn_prev {
	background: url(../images/hover_left.png) no-repeat left top;
	left: 100px;
}

#btn_next {
	background: url(../images/hover_right.png) no-repeat right top;
	right: 100px;
}

/* ������ ���� */
.switch_wl,
.wllg_box,
.switch_w2,
.bx_boxpop {
	top: 50%;
	margin-top: -260px;
	position: fixed;
}

*html .switch_wl,
*html .wllg_box,
*html .switch_w2,
*html .bx_boxpop {
	position: absolute;
	top: 50%;
	margin-top: -20px;
}

.posi {
	position: relative;
	padding-bottom: 55px;
}

.news_title {
	position: absolute;
	bottom: 20px;
	left: 40%;
}

.news_title p {
	float: left;
	display: block;
	padding: 2px 6px;
	background-color: #C0C0C0;
	margin-right: 4px;
	border-radius: 5px;
	color: rgb(255, 255, 255);
	font-weight: bold;
}

.news_title p:hover,
.news_title p.chosen {
	background-color: #F63;
	cursor: pointer;
}

#myFocus {
	width: 308px;
	height: 206px;
	margin: 20px;
	float: left;
	overflow: hidden;
}

#scroll {
	margin: 10px auto;
	width: 719px;
	position: relative;
}

#prev {
	width: 33px;
	height: 33px;
	position: absolute;
	left: 8px;
	top: 46px;
	text-indent: -5000px;
	background: url(../images/arrow.gif) no-repeat 0px -32px;
	cursor: pointer;
}

#next {
	width: 33px;
	height: 33px;
	position: absolute;
	right: 8px;
	top: 46px;
	text-indent: -100px;
	background: url(../images/arrow.gif) no-repeat 0px 0px;
	cursor: pointer;
}

#box {
	height: 508px;
	margin: 0 auto;
	margin-top: 5px;
	overflow: hidden;
	position: relative;
}

#scroll ul.list,
#scroll ul.list2 {
	padding: 0 0 0 5px;
	height: 388px;
	overflow: hidden;
}

#scroll ul.list2 {
	height: auto;
	display: none
}

#scroll ul li {
	text-align: center;
	float: left;
	width: 142px;
	height: 180px;
	overflow: hidden;
	padding: 5px 0 0;
	margin: 0 0 8px;
	border-bottom: 1px dashed #888;
	position: relative;
}

#scroll ul li span {
	display: block;
	line-height: 1.4;
	color: #888;
	margin: 0 0 8px;
	padding: 5px 0 0;
	font-size: 13px;
}

#scroll ul li span.C {
	color: #888;
	letter-spacing: -1px;
	padding: 5px 0 0;
	margin: 0;
	display: none;
}

#scroll ul li img {
	opacity: 1;
	width: 106px;
}

#scroll ul li a.home {
	border: 1px solid #ff6533;
	padding: 3px 15px;
	display: inline-block;
	color: #ff6533;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#scroll ul li a.home:hover {
	border: 1px solid #ff6533;
	padding: 3px 15px;
	display: inline-block;
	color: #ff6533;
}

#scroll ul li a:hover {
	text-decoration: none;
}

#scroll ul li a:hover img {
	opacity: 0.8;
}

.v_content_list {
	position: absolute;
	top: 0px;
	left: 0px;
}

.seeall {
	width: 78px;
	margin: 3px auto;
	margin-left: 60px;
	text-indent: -9999px;
}

.seeall a {
	width: 78px;
	height: 20px;
	display: block;
}

.mobilegame-hover {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 99;
	width: 122px;
	height: 170px;
	border: 1px solid #f6752e;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #f6752e;
	overflow: hidden;
	background: #FFF;
	display: none;
}

.mobilegame-hover img {
	width: 106px;
	margin: 1px 0 0;
}

.bb .mobilegame-hover {
	display: block;
}

.dl {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: block;
	background: #fefefe;
	width: 100%;
}

#scroll ul li .dl li {
	text-align: left;
	float: none;
	height: 20px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border-bottom: none;
}

.dl li a {
	display: block;
	line-height: 19px;
	border-top: 1px solid #e6e6e6;
	color: #999;
	padding: 0 0 0 10px;
}

.dl li a:hover {
	background: #F30;
	color: #fff;
}

.dl li a i {
	display: inline-block;
	width: 15px;
	height: 13px;
	vertical-align: -2px;
}

.btn-download-android i {
	background: url(../images/ico_d.png) no-repeat left -13px;
}

.btn-download-android:hover i {
	background: url(../images/ico_d.png) no-repeat left 0;
}

.btn-download-apple-store i {
	background: url(../images/ico_d.png) no-repeat left -39px;
}

.btn-download-apple-store:hover i {
	background: url(../images/ico_d.png) no-repeat left -26px;
}

.btn-download-google-play i {
	background: url(../images/ico_d.png) no-repeat left -65px;
}

.btn-download-google-play:hover i {
	background: url(../images/ico_d.png) no-repeat left -52px;
}

.G_moer {
	line-height: 30px;
	text-align: center;
	border-top: 1px dashed #888;
	margin: -9px 0 0;
	padding: 10px 0;
	color: #F30;
	font-size: 14px;
	cursor: pointer;
}

#scroll ul li.none {
	display: none;
}

#goTopBtn {
	POSITION: fixed;
	BOTTOM: 100px;
	HEIGHT: 58px;
	width: 58px;
	CURSOR: pointer;
	left: 50%;
	margin: 0 0 0 500px;
	opacity: 0.6;
}

.gl {
	padding: 20px;
	font-size: 12px;
}

.gl p {
	margin: 0 0 15px;
}

.gl table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 15px;
}

.gl td {
	border: 1px solid #ccc;
	padding: 3px 5px;
}

.gl h4 {
	font-size: 16px;
	margin: 0 0 15px;
}

#goTopBtn:hover {
	opacity: 1;
}

.tlink {
	color: #666;
}