.layout {
	width: 100%;
}

/*content*/
.content {
	position: relative;
	z-index: 11;
	margin: 416px auto 0;
	width: 1240px;
	background: url("../../images/webportal/content_bg.png") no-repeat center 0;
}

.content .panel {
	position: relative;
	padding: 25px 20px 7px;
	overflow: hidden;
}

.content .userBox {
	position: absolute;
	top: -363px;
	left: 0;
	padding: 9px 19px 0 19px;
	width: 254px;
	background: url("../../images/webportal/loginbox_bg1.png");
}

.content .userBox .bgImg {
	position: absolute;
	left: 0;;
	bottom: -8px;
	width: 100%;
	height: 8px;
	background: url("../../images/webportal/loginbox_bg.png") no-repeat 0 100%
}

.content .userBox .bgImg1 {
	position: absolute;
	left: 0;;
	top: -9px;
	width: 100%;
	height: 9px;
	background: url("../../images/webportal/loginbox_bg2.png") no-repeat 0 100%
}

.userBox .loginBox {
	position: relative;
	display: none;
}

.userBox .loginBox .tit {
	font-size: 18px;
	color: #3e3e3e;
	margin-bottom: 23px;
}
.userBox .loginBox .tips {
	position: absolute;
	top: 26px;
	left: 0;
	width: 252px;
	height: 22px;
	line-height: 22px;
	background: #ffe2cf;
	border: 1px solid #ffa800;
	color: #E60012;
	text-indent: 19px;
}

.userBox .loginBox .mr {
	overflow: hidden;
	border: 1px solid #ddd;
	background: #fff;
}

.userBox .loginBox .mr.u {
	margin-bottom: 10px;
}

.userBox .loginBox .mr.p {
	margin-bottom: 10px;
}

.userBox .loginBox .mr.c {
	margin-bottom: 10px;
	display: none;
}

.userBox .loginBox .mr em {
	float: left;
	margin-right: 5px;
	width: 43px;
	height: 38px;
	background: url("../../images/webportal/icon.png") no-repeat 0 0
}

.userBox .loginBox .mr.u em {
	background-position: -177px -268px;
}

.userBox .loginBox .mr.p em {
	background-position: -228px -268px;
}

.userBox .loginBox .mr.c em {
	background-position: -134px -268px;
}

.userBox .loginBox .mr input {
	float: left;
	padding-left: 5px;
	margin-top: 4px;
	width: 199px;
	height: 30px;
	line-height: 30px;
	border: 0;
	color: #999;
	font-size: 14px;
}

.userBox .loginBox .mr.c input {
	width: 90px;
}

.userBox .loginBox .mr.c img {
	float: right
}

.userBox .loginBox .other_btn {
	padding: 0 2px;
	overflow: hidden;
	margin-bottom: 10px;
}

.userBox .loginBox .submit {
	margin: 0 auto;
	width: 250px;
	height: 42px;
	line-height: 42px;
	background: url("../../images/webportal/icon.png") no-repeat -123px -397px;
}

.userBox .loginBox .submit a {
	width: 100%;
	height: 100%;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 16px;
}

.userBox .loginBox .submit:hover {
	background-position: -123px -439px;
}

.userBox .loginBox .other_login {
	margin-top: 15px;
	text-align: center;
}

.userBox .loginBox .other_login p {
	margin-bottom: 10px;
	background: url(../../images/webportal/other_loginBg.png) no-repeat center
		center;
}

.userBox .loginBox .other_login a {
	display: inline-block;
	margin: 0 8px;
	width: 24px;
	height: 24px;
	background: url(../../images/webportal/icon.png) no-repeat 0 0
}

.userBox .loginBox .other_login .qq {
	background-position: 0 -276px;
}

.userBox .loginBox .other_login .wx {
	background-position: -50px -276px
}

.userBox .loginBox .other_login .xr {
	background-position: -99px -276px;
}

.userBox .loginEndBox .member {
	overflow: hidden
}

.userBox .loginEndBox .member .avatar {
	position: relative;
	margin-right: 14px;
	width: 85px;
	height: 85px;
	text-align: center;
	line-height: 85px;
	overflow: hidden;
	border-radius: 50%;
}

.userBox .loginEndBox .member .avatar img {
	width: 100%;
	height: 100%
}

.userBox .loginEndBox .member .avatar .avatar_cover {
	background: url("../../images/webportal/avatar_cover.png") no-repeat 0 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 85px;
	height: 85px;
	display: none;
}

.userBox .loginEndBox .member .my {
	overflow: hidden;
	width: 155px;
}

.userBox .loginEndBox .member .my p {
	overflow: hidden;
	height: 24px;
	line-height: 24px;
}

.userBox .loginEndBox .member .my p .nick_name {
	overflow: hidden;
	font-size: 16px;
	color: #3e3e3e;
	display: block;
	height: 24px;
	width: 121px;
	margin-right: 5px;
	text-overflow: ellipsis;
}

.userBox .loginEndBox .member .my p .nick_name:hover {
	color: #E60012;
}

.userBox .loginEndBox .member .my_info {
	overflow: hidden;
	margin: 11px 0;
}

.userBox .loginEndBox .member .my_info i {
	display: block;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	background: url("../../images/webportal/icon.png") no-repeat -73px -42px
}

.userBox .loginEndBox .member .my_info a {
	display: block;
	width: 53px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis
}

.userBox .loginEndBox .member .my_info .point {
	margin-right: 7px;
	overflow: hidden;
	width: 74px;
	height: 16px;
	line-height: 16px;
}

.userBox .loginEndBox .member .my_info .coin {
	overflow: hidden;
	width: 74px;
	height: 16px;
	line-height: 16px;
}

.userBox .loginEndBox .member .my_info .coin i {
	background-position: -110px -42px;
}

.userBox .loginEndBox .member .btn_bar {
	overflow: hidden;
}

.userBox .loginEndBox .member .btn_bar a {
	display: block;
	float: left;
	width: 57px;
	height: 22px;
	line-height: 22px;
	background: url("../../images/webportal/icon.png") no-repeat 0 -327px;
	text-align: center;
	color: #fff;
}

.userBox .loginEndBox .member .btn_bar a:hover {
	background-position: 0 -349px;
}

.userBox .loginEndBox .member .btn_bar .pay {
	margin-right: 23px;
}

.userBox .loginEndBox .vip {
	margin-top: 27px;
	overflow: hidden;
	height: 16px;
	line-height: 16px;
}

.userBox .loginEndBox .vip .lv {
	width: 55px;
	height: 15px;
	margin-right: 11px;
}

.userBox .loginEndBox .vip .sketch_pic {
	position: relative;
	width: 181px;
	height: 13px;
	margin-top: 1px;
	background: url("../../images/webportal/icon.png") no-repeat -319px -327px;
}

.userBox .loginEndBox .vip .sketch_pic_cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 20%;
	height: 100%;
	background: url("../../images/webportal/icon.png") no-repeat -319px -340px;
}

.userBox .loginEndBox .vip .sketch_num {
	position: absolute;
	right: 3px;
	top: -2px;
	color: #a43600;
}

.userBox .loginEndBox .my_game {
	margin-top: 24px;
	padding-bottom: 5px;
}

.userBox .loginEndBox .my_game h5 {
	font-size: 14px;
	font-weight: normal;
}

.userBox .loginEndBox .my_game ul {
	margin-top: 12px;
}

.userBox .loginEndBox .my_game li {
	overflow: hidden;
	margin-bottom: 4px;
	height: 18px;
	line-height: 18px;
	vertical-align: top
}

.userBox .loginEndBox .my_game li a {
	float: left;
}

.userBox .loginEndBox .my_game li:hover a {
	color: #E60012
}

.userBox .loginEndBox .my_game li:hover .go_game {
	background: url("../../images/webportal/icon.png") no-repeat -440px -397px;
	color: #fff;
}

.userBox .loginEndBox .my_game li .game_name {
	width: 84px;
}

.userBox .loginEndBox .my_game li .server_name {
	width: 100px;
	text-indent: 10px;
}

.userBox .loginEndBox .my_game li .go_game {
	float: right;
	width: 60px;
	text-align: center
}

/*字体*/
.d_tit {
	position: relative;
	overflow: hidden
}

.d_tit em {
	color: #E60012;
	font-weight: bold;
	line-height: 23px;
	font-size: 22px;
}
.d_tit span {
	color: #E60012;
}

.d_tit .icon {
	float: left;
	margin: 2px 15px 0 0;
	width: 5px;
	height: 20px;
	background: url(../../images/webportal/icon.png) no-repeat 0 0
}

.d_tit_1 {
	position: relative;
	font-size: 22px;
	color: #3e3e3e;
	width: 100%;
	font-weight: bold;
	line-height: 23px;
}

.d_tit_1 .icon {
	float: left;
	margin: 1px 15px 0 0;
	width: 5px;
	height: 20px;
	background: url(../../images/webportal/icon.png) no-repeat 0 0
}

.d_tit_1 .inline {
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
}

.d_tit .new {
	max-width: 217px;
}

.d_tit .new .gg_icon {
	margin: 4px 10px 0 0;
	width: 14px;
	height: 12px;
	background: url("../../images/webportal/icon.png") no-repeat 0 -46px;
}

.d_tit .new ul {
	height: 20px;
	overflow: hidden
}

.d_tit .new li {
	overflow: hidden;
	vertical-align: top;
}

.d_tit .new li a {
	display: block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 14px;
	color: #E60012;
}

.d_tit .new li a:hover {
	color: #ff9000;
}

.mores {
	position: absolute;
	right: 0;
	top: 2px;
}

.mores a {
	display: block;
	width: 50px;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	text-align: right
}

.mores a:hover {
	color: #E60012;
}

.mores span {
	position: absolute;
	top: 3px;
	right: 0;
	display: block;
	width: 23px;
	height: 16px;
	background: url(../../images/webportal/icon.png) no-repeat -151px 0;
	cursor: pointer;
}

.mores-lb {
	position: absolute;
	right: 0;
	top: 2px;
}

.mores-lb a {
	display: block;
	width: 50px;
	font-size: 12px;
	color: #a1a1a1;
	font-weight: normal;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.mores-lb a:hover {
	color: #E60012;
}

.mores-lb span {
	position: absolute;
	top: 3px;
	right: 0;
	display: block;
	width: 23px;
	height: 16px;
	background: url(../../images/webportal/icon.png) no-repeat -151px 0;
	cursor: pointer;
}

.d_tit .news {
	position: absolute;
	right: 0px;
	height: 23px;
	overflow: hidden;
	top: 0px;
	background: url(../../images/webportal/n-icon.png) no-repeat 0 4px;
	font-size: 12px;
}

.d_tit .news li {
	position: relative;
	height: 23px;
	line-height: 23px;
	padding-left: 5px;
}

.d_tit .news li a {
	margin-left: 15px;
	width: 50px;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}

.cover {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	opacity: .6;
	filter: Alpha(opacity = 50)
}

.prev {
	position: absolute;
	width: 30px;
	height: 92px;
	background: url(../../images/webportal/icon.png) no-repeat -83px -158px;
}

.next {
	position: absolute;
	width: 30px;
	height: 92px;
	background: url(../../images/webportal/icon.png) no-repeat -122px -158px;
}

.prev:hover {
	background-position: 0 -158px;
}

.next:hover {
	background-position: -39px -158px;
}

/*新游戏*/
.new_game {
	width: 260px;
	margin-right: 29px;
}

.new_game_main {
	margin-top: 13px;
	padding: 13px 16px 0 20px;
	border: 1px solid #dddddd;
}

.new_game_list {
	
}

.new_game_list li {
	position: relative;
	margin-bottom: 12px;
	overflow: hidden;
	vertical-align: top;
	cursor: pointer;
}

.new_game_list li.last {
	margin-bottom: 0
}

.new_game_list li .icon {
	margin: 9px 12px 0 0;
	width: 25px;
	height: 31px;
	text-align: center;
	line-height: 31px;
	font-size: 18px;
	color: #cdcdcd
}

.new_game_list li .icon.one {
	background: url("../../images/webportal/icon.png") no-repeat -202px -99px;
}

.new_game_list li .icon.two {
	background: url("../../images/webportal/icon.png") no-repeat -239px -99px;
}

.new_game_list li .icon.three {
	background: url("../../images/webportal/icon.png") no-repeat -276px -99px;
}

.new_game_list li .pic {
	margin-right: 13px;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius: 5px;
}

.new_game_list li .pic img {
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.new_game_list li .text {
	margin-right: 10px;
	width: 70px;
	height: 48px;
	overflow: hidden
}

.new_game_list li .text p {
	vertical-align: middle;
	margin: 2px 0;
	white-space: nowrap
}

.new_game_list li .text p.game_name {
	font-size: 14px;
	width: 100%;
	overflow: hidden
}

.new_game_list li .text p.kf_time {
	color: #999;
}

.new_game_list li .start_game {
	margin-top: 11px;
	display: block;
	width: 72px;
	height: 26px;
	background: url("../../images/webportal/icon.png") no-repeat -308px 0
}

.new_game_list li .start_game:hover {
	background-position: -308px -26px;
}

.new_game_list li .new_game_list_cover {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	z-index: 9;
}

.new_game_list li:hover .text .game_name {
	color: #E60012
}

/*推荐游戏*/
.recommend_game {
	width: 911px;
}

.recommend_game_main {
	margin-top: 13px;
}

.recommend_game_main ul {
	margin-right: -13px
}

.recommend_game_main li {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 13px 0 0;
	width: 216px;
	height: 313px;
	border: 1px solid #ddd;
}

.recommend_game_main li.active {
	border-color: #E60012;
}

.recommend_game_main li .pic {
	width: 100%;
	height: 275px;
	text-align: center;
}

.recommend_game_main li .img {
	vertical-align: top
}

.recommend_game_main li .explain-txt {
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.recommend_game_main li .explain-txt span {
	font-size: 14px;
}

.recommend_game_main li.active .tj_hover {
	bottom: -2px;
}

.recommend_game_main li .tj_hover {
	position: absolute;
	bottom: -40px;
	left: 0;
	height: 40px;
	width: 100%;
	z-index: 20;
	background: #fff;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.recommend_game_main li .tj_hover_txt {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 13px;
	width: 203px;
	height: 40px;
	line-height: 40px;
	cursor: pointer
}

.recommend_game_main li .tj_hover_txt a {
	
}

.recommend_game_main li .tj_hover_txt span {
	margin: 0 3px;
}

.recommend_game_main li .tj_hover_txt p a {
	color: #E60012;
}

.recommend_game_main li .tj_hover_txt p span {
	margin: 0 5px;
}

.recommend_game_main li .tj_hover .go_game {
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	height: 40px;
	text-align: center;
	line-height: 38px;
	background: #E60012;
	color: #fff;
}

.recommend_game_main li .tj_hover .go_game:hover {
	background: #E60012;
	color: #fff;
}

/*开服表*/
.kf_list {
	width: 260px;
	margin: 0 29px 0 0;
}

.kf_list_body {
	position: relative;
	margin-top: 20px;
	overflow: hidden;
	height: 561px;
}

.kf_list_body .kf_hd {
	overflow: hidden
}

.kf_list_body .kf_hd li {
	position: relative;
	float: left;
	width: 128px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border: 1px solid #d1d1d1;
	border-right: none;
	border-bottom: none;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
	background: #FCFCFC;
}

.kf_list_body .kf_hd li.last {
	border-right: 1px solid #ddd;
}

.kf_list_body .kf_hd li a {
	width: 100%;
	height: 100%;
	display: block;
	font-size: 15px;
}

.kf_list_body .kf_hd li span {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	display: inline-block;
	background: #d1d1d1
}

.kf_list_body .kf_hd li span i {
	display: inline-block;
	width: 0;
	height: 100%;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	vertical-align: top;
}

.kf_list_body .kf_hd li.on {
	background: #fff;
}

.kf_list_body .kf_hd li.on span {
	height: 2px;
}

.kf_list_body .kf_hd li.on span i {
	width: 100%;
	height: 100%;
	background: #E60012;
}


.kf_list_body .kf_hd li a {
	color: #E60012;
	outline: none;
}

.kf_list_body .kf_hd li.on a {
	font-weight: bold;
}

.kf_list_body .kf_hd li a:hover {
	font-weight: bold;
	color: #E60012;
}

.kf_list_body .kf_list_main {
	width: 257px;
	border: 1px solid #ddd;
	position: relative;
	border-top: none
}

.kf_list_body .kf_list_main .tempWrap {
	padding-bottom: 46px;
}

.kf_list_body .kf_list_main.tomorrow .bd ul {
	height: 468px;
}

.kf_list_body .kf_list_main.tomorrow .bd li {
	overflow: hidden;
	vertical-align: top;
}

.kf_list_body .kf_list_main.tomorrow .bd li a {
	float: left;
	height: 39px;
	line-height: 39px;
	width: 50px;
	text-indent: 13px;
	color: #999999
}

.kf_list_body .kf_list_main.tomorrow .bd li .server_name {
	position: relative;
	text-indent: 18px;
	color: #333;
	width: 100px;
}

.kf_list_body .kf_list_main.tomorrow .bd li .server_name .icon {
	position: absolute;
	top: 15px;
	left: 4px;
	display: block;
	width: 8px;
	height: 8px;
	background: url("../../images/webportal/icon.png") no-repeat -89px -123px;
}

.kf_list_body .kf_list_main.tomorrow .bd li .active .icon {
	background: url("../../images/webportal/icon.png") no-repeat -54px -123px;
}

.kf_list_body .kf_list_main.tomorrow .bd li .game_name {
	text-indent: 11px;
	color: #333;
	width: 80px;
}

.kf_list_body .kf_list_main.tomorrow .bd li.active {
	background: #E60012;
}

.kf_list_body .kf_list_main.tomorrow .bd li.active a {
	color: #fff;
}

.kf_list_body .kf_list_main.tomorrow .bd li.active .server_name {
	color: #fff;
}

.kf_list_body .kf_list_main.tomorrow .bd li.active .game_name {
	color: #fff;
}

.kf_list_body .kf_list_main.new .bd ul {
	height: 468px;
}

.kf_list_body .kf_list_main.new .bd li {
	overflow: hidden;
	vertical-align: top;
}

.kf_list_body .kf_list_main.new .bd li a {
	float: left;
	height: 39px;
	line-height: 39px;
	width: 85px;
	text-indent: 13px;
	color: #999999
}

.kf_list_body .kf_list_main.new .bd li .date {
	width: 50px;
}

.kf_list_body .kf_list_main.new .bd li .server_name {
	position: relative;
	text-indent: 18px;
	color: #333;
	width: 100px;
}

.kf_list_body .kf_list_main.new .bd li .server_name .icon {
	position: absolute;
	top: 15px;
	left: 4px;
	display: block;
	width: 8px;
	height: 8px;
	background: url("../../images/webportal/icon.png") no-repeat -89px -123px;
}

.kf_list_body .kf_list_main.new .bd li .active .icon {
	background: url("../../images/webportal/icon.png") no-repeat -54px -123px;
}

.kf_list_body .kf_list_main.new .bd li .game_name {
	text-indent: 11px;
	color: #333;
	width: 90px;
	margin-right: 5px;
}

.kf_list_body .kf_list_main.new .bd li.active {
	background: #E60012;
}

.kf_list_body .kf_list_main.new .bd li.active a {
	color: #fff;
}

.kf_list_body .kf_list_main.new .bd li.active .server_name {
	color: #fff;
}

.kf_list_body .kf_list_main.new .bd li.active .game_name {
	color: #fff;
}

.kf_list_body .kf_list_main .hd {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center
}

.kf_list_body .kf_list_main .hd li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin: 0 5px;
	width: 11px;
	height: 11px;
	background: url("../../images/webportal/icon.png") no-repeat -16px -123px;
	cursor: pointer;
}

.kf_list_body .kf_list_main .hd li.on {
	background-position: 0 -123px;
}

.kf_list_body .new_recommend .bd li {
	padding: 12px;
	overflow: hidden;
	vertical-align: top;
}

.kf_list_body .new_recommend .bd li.last {
	border-bottom: 0;
}

.kf_list_body .new_recommend .bd li .pic {
	overflow: hidden;
	width: 64px;
	height: 64px;
	background: url("../../images/webportal/icon.png") no-repeat -436px -436px;
}

.kf_list_body .new_recommend .bd li .introduce {
	width: 111px;
	padding-left: 14px;
}

.kf_list_body .new_recommend .bd li .introduce .game_name {
	text-indent: 0;
	font-size: 14px;
	color: #666666;
	height: 24px;
	line-height: 24px;
}

.kf_list_body .new_recommend .bd li .introduce .game_type {
	color: #a1a1a1;
	height: 20px;
	line-height: 20px;
}

.kf_list_body .new_recommend .bd li .introduce .date {
	color: #a1a1a1;
	height: 20px;
	line-height: 20px;
}

.kf_list_body .new_recommend .bd li .go_game {
	display: block;
	margin-top: 21px;
	width: 77px;
	height: 22px;
	line-height: 22px;
	background: url("../../images/webportal/icon.png") no-repeat 0 -397px;
	color: #fff;
}

.kf_list_body .new_recommend .bd li:hover .go_game {
	background-position: 0 -419px;
	color: #fff
}

/*???????*/
.hot_game {
	width: 911px;
}

.hot_game_body {
	margin-top: 20px;
}

.hot_game_body ul {
	position: relative;
	overflow: hidden;
	margin-right: -15px;
	height: 329px;
}

.hot_game_body li {
	position: relative;
	float: left;
	margin: 0 13px 13px 0;
	width: 216px;
	height: 156px;
	border: 1px solid #ddd;
	overflow: hidden
}

.hot_game_body li.last {
	margin-right: 0
}

.hot_game_body li .pic {
	width: 216px;
	height: 124px;
}

.hot_game_body li .pic img {
	width: 100%;
	height: 100%;
	display: block;
}

.hot_game_body li .default {;
	overflow: hidden;
	padding: 0 10px;
	position: relative;
	height: 32px;
	line-height: 32px;
}

.hot_game_body li .default em {
	color: #999
}

.hot_game_body li .hover {
	position: absolute;
	padding-left: 10px;
	bottom: -32px;
	left: 0;
	width: 206px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.hot_game_body li .hover span {
	margin: 0 3px;
}

.hot_game_body li .hover .go_game {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 77px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #E60012;
	color: #fff;
}

.hot_game_body li .hover .go_game:hover {
	background-position: 0 -419px;
	color: #fff
}

.hot_game_body li.active {
	border: 1px solid #E60012
}

.hot_game_body li.active .hover {
	bottom: 0
}

/*濞撳憡鍨欑粈鐓庡瘶*/
.game_card {
	width: 911px;
	margin-top: 19px;
}

.game_card_main {
	position: relative;
	margin-top: 17px;
	border: 1px solid #ddd;
}

.game_card_main .more {
	position: absolute;
	right: 0;
	top: -39px;
	font-size: 14px;
}

.game_card_main ul {
	overflow: hidden;
	padding: 5px 0;
}

.game_card_main li {
	position: relative;
	float: left;
	overflow: hidden;
	padding: 10px 24px 10px 11px;
	width: 268px;
	height: 60px;
	cursor: pointer
}

.game_card_main li:hover .text {
	color: #E60012
}

.game_card_main li .pic {
	margin-right: 10px;
	overflow: hidden;
	width: 60px;
	height: 60px;
	border-radius: 5px
}

.game_card_main li .pic img {
	vertical-align: top;
	width: 100%;
	height: 100%;
}

.game_card_main li .text {
	
}

.game_card_main li .text h5 {
	margin-top: 3px;
	font-size: 14px;
	font-weight: normal;
	width: 188px;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.game_card_main li .text p {
	margin-top: 11px;
	color: #999999;
}

.game_card_main li .lq_card {
	position: absolute;
	right: 24px;
	top: 44px;
	z-index: 10;
	width: 56px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: url('../../images/webportal/icon.png') no-repeat -236px 0;
	color: #E60012
}

.game_card_main li .lq_card:hover {
	background-position: -236px -24px;
	color: #fff;
}

.game_card_main li .lq_card_cover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
}

/*??*/
.hd_center {
	
}

.hd_center .inline {
	width: 110px;
}

.hd_body {
	position: relative;
	padding: 20px 44px 0;
}

.hd_body .bd {
	overflow: hidden;
	height: 170px;
}

.hd_body ul {
	overflow: hidden
}

.hd_body li {
	float: left;
	overflow: hidden;
	margin-right: 20px;
	width: 261px;
	height: 168px;
	border: 1px solid #ddd;
}

.hd_body li img {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.hd_body li.last {
	margin-right: 0
}

.hd_body li:hover {
	border-color: #E60012;
}

.hd_body .prev {
	left: 0;
	top: 59px;
}

.hd_body .next {
	right: 0;
	top: 59px;
}

/*???????*/
.kefu {
	margin-right: 29px;
	width: 260px;
}

.kefu_main {
	margin-top: 20px;
	border: 1px solid #d1d1d1
}

.kefu_main ul {
	overflow: hidden
}

.kefu_main li {
	position: relative;
	margin-top: -1px;
	float: left;
	width: 258px;
	height: 97px;
	border-bottom: 1px solid #ddd;
	cursor: default
}

.kefu_main li.attention {
	border: none;
}

.kefu_main li .icon {
	position: absolute;
	z-index: 2;
	background: url("../../images/webportal/icon.png") no-repeat 0 0
}

.kefu_main li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden
}

.kefu_main .online_kefu .icon {
	left: 28px;
	top: 30px;
	background-position: -456px 0;
	width: 44px;
	height: 38px;
}

.kefu_main .phone .icon {
	left: 29px;
	top: 29px;
	background-position: -456px -59px;
	width: 44px;
	height: 39px;
}

.kefu_main .attention .icon {
	left: 26px;
	top: 29px;
	background-position: -453px -119px;
	width: 47px;
	height: 40px;
}

.kefu_main .online_kefu .btn {
	margin: 31px 0 0 108px;
	width: 122px;
	height: 36px;
	background: url("../../images/webportal/icon.png") no-repeat -378px -228px;
	text-align: center;
	line-height: 34px;
	color: #fff;
	cursor: pointer
}

.kefu_main .online_kefu .btn:hover {
	background-position: -378px -264px;
	color: #fff;
}

.kefu_main .phone .txt {
	margin: 28px 0 0 92px;
	width: 150px;
	text-align: center;
}

.kefu_main .phone .txt .contact_num {
	font-size: 18px;
}

.kefu_main .phone .txt .time {
	font-size: 14px;
}

.kefu_main .attention .ewm {
	margin: 12px 0 0 132px;
	width: 74px;
	height: 74px;
	text-align: center;
}

.kefu_main .attention .ewm img {
	vertical-align: top;
	width: 100%;
}

/*???????*/
.more_game {
	width: 911px;
}

.more_game_body {
	margin-top: 20px;
	padding: 6px 0 4px 6px;
	border: 1px solid #ddd;
}

.more_game_body ul {
	overflow: hidden;
	height: 280px;
	position: relative
}

.more_game_body li {
	position: relative;
	float: left;
	overflow: hidden;
	padding: 4px 4px 4px 9px;
	width: 211px;
	cursor: pointer
}

.more_game_body li .more_game_cover {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	left: 0;
	top: 0;
}

.more_game_body li .pic {
	float: left;
	overflow: hidden;
	margin-right: 12px;
	width: 48px;
	height: 48px;
	text-align: center;
	border-radius: 5px;
}

.more_game_body li .pic img {
	max-width: 100%;
	vertical-align: middle;
}

.more_game_body li .txt {
	float: left;
}

.more_game_body li .txt .game_name {
	height: 24px;
	line-height: 24px;
	font-size: 14px;
}

.more_game_body li .txt .game_type {
	height: 24px;
	line-height: 24px;
	color: #a1a1a1
}

.more_game_body li:hover {
	background: #E60012
}

.more_game_body li:hover .txt .game_name {
	color: #fff
}

.more_game_body li:hover .txt .game_type {
	color: #fff
}

/*????????*/
.link {
	overflow: hidden
}

.link .d_tit_1 {
	width: 84px;
	margin-top: 1px;
}

.link .inline {
	width: 110px;
}

.link_body {
	padding: 0 0 30px;
	line-height: 30px;
	width: 1100px;
}

.link_body a {
	padding: 0 4px;
}

.link_body a:hover {
	color: #E60012
}

/*sign*/
#signcalendar {
	display: none;
}

.sign-dialog {
	border: 10px solid #83ccfd !important;
}

.sign-dialog .ui-dialog-header {
	background-color: #83ccfd;
	color: #fff
}

.sign-dialog .ui-dialog-title {
	padding: 5px 10px;
	font-size: 22px;
}

.sign-dialog .ui-dialog-close {
	top: 0;
	right: 0
}

.calendar {
	width: 380px;
}

.calendar .date {
	display: none;
}

.calendar .title {
	margin-bottom: 20px;
	font: 22px/2 'microsoft yahei';
	color: #3a92cd;
	text-align: center;
}

.calendar .dayname {
	overflow: hidden;
	float: left;
	color: #3a92cd;
	background-color: #d0e9fa;
	border-top: 1px solid #8eccf5;
	border-left: 1px solid #8eccf5
}

.calendar .days {
	overflow: hidden;
	float: left;
	border-left: 1px solid #8eccf5;
	color: #999;
}

.calendar .dayname div, .calendar .days div {
	width: 53px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	position: relative;
	float: left;
	border-right: 1px solid #8eccf5;
	border-bottom: 1px solid #8eccf5
}

.calendar .days div {
	background-color: #f7f7f7;
}

.calendar .days i {
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 11px;
	right: 3px;
}

.calendar .days .unsign  i {
	background: url(../../images/webportal/jifen_calendar_icon.png) 0 -14px
		no-repeat;
}

.calendar .days .signed i {
	background: url(../../images/webportal/jifen_calendar_icon.png) 0 -28px
		no-repeat;
}

.calendar .days .today i {
	background: url(../../images/webportal/jifen_calendar_icon.png) 0 -42px
		no-repeat;
}

.calendar .tips {
	clear: both;
	padding-top: 10px;
}

.ui-dialog-body .calendar .tips  p {
	font: 12px/24px 'SimSun';
	margin: 0;
	color: #666
}

.ui-dialog-body .calendar .tips p.intro {
	font-size: 14px;
	margin: 10px 0;
}

.ui-dialog-body .calendar .tips  em {
	color: #3a92cd
}

/*鏉╂柨娲栨い鍫曞劥*/
.scroll_top {
	position: fixed;
	bottom: 210px;
	right: 40px;
	display: none;
	width: 61px;
	z-index: 12;
}

.scroll_top .download, .scroll_top .attention, .scroll_top .go_top {
	height: 61px;
	width: 61px;
	background: url("../../images/webportal/scroll_top.jpg") no-repeat 0 0;
	cursor: pointer
}

.scroll_top .mascot a {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 90px;
	height: 90px;
	z-index: 10;
}

.scroll_top .download {
	background-position: 0 0
}

.scroll_top .download a {
	width: 100%;
	height: 100%;
	display: block;
}

.scroll_top .download:hover {
	background-position: -61px 0
}

.scroll_top .attention {
	position: relative;
	left: 0;
	top: 0;
	background-position: 0 -63px
}

.scroll_top .attention:hover .ewm {
	display: block
}

.scroll_top .attention .ewm {
	display: none;
	position: absolute;
	left: -190px;
	top: -61px;
	padding: 13px 13px 0 13px;
	width: 160px;
	border: 1px solid #d1d1d1;
	background: #fff;
}

.scroll_top .attention .ewm img {
	display: block;
	width: 160px;
	height: 160px;
}

.scroll_top .attention .ewm p {
	text-align: center;
	height: 30px;
	line-height: 17px;
	color: #999999
}

.scroll_top .attention:hover {
	background-position: -61px -61px
}

.scroll_top .go_top {
	background-position: 0 -124px
}

.scroll_top .go_top:hover {
	background-position: -61px -124px
}

/*閸氬銈ラ悧鈺佸З閻拷*/
.scroll_top .mascot{position: absolute;left: -6px;top:-86px;width: 90px;height: 90px;}

.mascot span{position: absolute;display: block;cursor: pointer}

.mascot span img{width: 100%;display: block;}

.mascot .tou{
    width: 61px;
    left: 13px;
    top:0;
    z-index: 13;
    -webkit-animation: tou_animation 1.5s infinite ;
    -o-animation: tou_animation 1.5s infinite;
    animation: tou_animation 1.5s infinite;
    transform-origin: 50% 100%
}

.mascot .l-shou{
    width: 17px;
    left:21px ;
    top:64px;
    z-index: 10;
    -webkit-animation: l-shou_animation 1.5s infinite ;
    -o-animation: l-shou_animation 1.5s infinite;
    animation: l-shou_animation 1.5s infinite;
    transform-origin: 100% 50%
}

.mascot .r-shou{
    width: 12px;
    left:42px ;
    top:67px;
    z-index: 11;
}

.mascot .shengti{
    width: 37px;
    left:24px;
    top:63px;
    z-index: 9;
}

.mascot .weiba{
    width: 23px;
    left: 46px;
    top: 70px;
    z-index: 8;
    -webkit-animation: weiba_animation 1.5s infinite ;
    -o-animation: weiba_animation 1.5s infinite;
    animation: weiba_animation 1.5s infinite;
    transform-origin: 0 50%
}


@-webkit-keyframes tou_animation {
    0%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);}
    10%{
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        transform: rotate(-2deg);}
    20%{
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        transform: rotate(-4deg);}
    30%{
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        transform: rotate(-4deg);}
    40%{
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        transform: rotate(-2deg);}
    50%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);}
    60%{
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        transform: rotate(2deg);}
    70%{
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        -o-transform: rotate(4deg);
        transform: rotate(4deg);}
    80%{
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        -o-transform: rotate(4deg);
        transform: rotate(4deg);}
    90%{
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        transform: rotate(2deg);}
    100%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);}
}

@-webkit-keyframes l-shou_animation {
    0%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);}
    10%{
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        transform: rotate(-2deg);}
    20%{
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        transform: rotate(-4deg);}
    30%{
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        transform: rotate(-4deg);}
    40%{
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        transform: rotate(-2deg);}
    50%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);}
    60%{
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        transform: rotate(2deg);}
    70%{
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        -o-transform: rotate(4deg);
        transform: rotate(4deg);}
    80%{
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        -o-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    90%{
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        transform: rotate(2deg);}
    100%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);}
}

@-webkit-keyframes weiba_animation {
    0%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);}
    10%{
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        transform: rotate(-2deg);}
    20%{
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        transform: rotate(-4deg);}
    30%{
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        transform: rotate(-4deg);}
    40%{
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        transform: rotate(-2deg);}
    50%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);}
    60%{
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        transform: rotate(2deg);}
    70%{
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        -o-transform: rotate(4deg);
        transform: rotate(4deg);}
    80%{
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        -o-transform: rotate(4deg);
        transform: rotate(4deg);}
    90%{
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        transform: rotate(2deg);}
    100%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);}
}