@charset "gb2312";

/*公用*/

@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, pre, dl, dt, dd, ul, ol, li, th, td, form, fieldset, legend, button, input, textarea, figure, figcaption, nav, footer, menu {

	margin:0;

	padding:0

}

h1, h2, h3, h4, h5, h6 {

	font-size:100%;

	font-weight:normal

}

address, em, i, b {

	font-style:normal

}

a, a:hover {

	color:#666;

	text-decoration:none

}

ul, ol, li {

	list-style:none

}

fieldset, img {

	border:0

}

button, input, select, textarea {

	font:15px \5FAE\8F6F\96C5\9ED1, Helvetica;

	outline:none

}

body {

	background:#fff;

	font:15px \5FAE\8F6F\96C5\9ED1, Helvetica;

	color:#666;

	overflow:visible

}

html {

	-webkit-text-size-adjust:none

}

.header, .content, .footer {

	width:100%;

	overflow:hidden;

	z-index:1

}

figure {

	display:-webkit-box;

}

figure figcaption {

	-webkit-box-flex:1;

	display:block;

}

.clear:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.clear {

	clear:both;

}

.hr_5 {

	clear:both;

	font-size:0;

	height:5px;

	line-height: 1px;

	overflow: hidden;

}

.hr_65 {

	clear:both;

	font-size:0;

	height:65px;

	line-height: 1px;

	overflow: hidden;

}

.pd {

	padding:0 15px;

}

.pd-5 {

	padding:5px;

}

.re_tit {

	height:44px;

	line-height:44px;

	overflow:hidden;

}

.re_tit h4 {

	font-size:17px;

	color:#3572e3;

	font-weight:600;

}

.re_tit a {

	float:right;

	font-size:13px;

}

.wire {

	border-top:1px solid #e6e6e6;

}

.mt_10 {

	margin-top:10px;

}

.mt_15 {

	margin-top:15px;

}

.bg_c1 {

	background-color:#f5f5f5;

}

/*header*/

	
.header {
    width: 100%;
    height: 44px;
    display: block;
    background-color: #3572e3;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: url(../images/logo.jpg) left -10px no-repeat #22a7f0;
}


.header .pr {
    width: 100%;
    height: 44px;
    display: block;
    position: relative;
    overflow: hidden;
}
.header .logo {

	width:50px;

	height:44px;

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

	position:absolute;

	top:0;

	left:10px;

	-webkit-background-size:50px auto;

	background-size:50px auto;

}
	
#login_before, #login_after {
    float: right;
    height: 44px;
    line-height: 44px;
    position: relative;
    color: #fff;
    font-size: 12px;
}
#login_before a, #login_after a {
    color: #fff;
}

.header .search {

	width:60px;

	height:44px;

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

	position:absolute;

	top:0;

	right:0;

	-webkit-background-size:22px auto;

	background-size:22px auto;

}

.header h4 {

	height:18px;

	line-height:18px;

	text-align:center;

	overflow:hidden;

	color:#fff;

	font-size:16px;

	margin-top:8px;

}

.header p {

	height:14px;

	line-height:14px;

	text-align:center;

	overflow:hidden;

	color:#fff;

	font-size:12px;

}

.header .fh {

	width:50px;

	height:44px;

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

	position:absolute;

	top:0;

	left:0;

	-webkit-background-size:20px auto;

	background-size:20px auto;

	display:block;

}

.hr_44 {

	clear:both;

	font-size:0;

	height:44px;

	line-height: 1px;

	overflow: hidden;

}

/*nav-mod*/

.nav-mod {

	width:100%;

	background-color:#fff;

	border-bottom:1px solid #d1d0d6;

	height:30px;

	padding:4px 0;

	position:relative;

	top:0;

	left:0;

	z-index:200;

}

.nav-mod ul {

	display:-webkit-box;

	display:box;

	display:-ms-flexbox;

	width:100%;

}

.nav-mod ul li {

	height:30px;

	-webkit-box-flex:1;

	box-flex:1;

	-moz-box-flex:1;

	-ms-flex:1;

	display:block;

	width:1%;

}

.nav-mod ul li a {

	height:30px;

	display:block;

	line-height:30px;

	border-right:1px solid #e6e6e6;

	position:relative;

	text-align:center;

}

.nav-mod ul li a i {

	padding-left:20px;

	display:inline-block;

	height:30px;

	background-repeat:no-repeat;

	background-position:left center;

	-webkit-background-size:auto 16px;

	background-size:auto 16px;

	font-size:13px;

}

.nav-mod ul li.l1 i {

	background-image:url(../images/n1.png);

}

.nav-mod ul li.l2 i {

	background-image:url(../images/n2.png);

}

.nav-mod ul li.l3 i {

	background-image:url(../images/n3.png);

}

.nav-mod ul li.l4 i {

	background-image:url(../images/n4.png);

}

.nav-mod ul li:last-child a {

	border:none;

}

.nav-mod ul li a.cur span {

	width:100%;

	height:2px;

	line-height:0;

	font-size:0;

	background-color:#f9801e;

	position:absolute;

	bottom:-5px;

	left:0;

}

.sty-7 {

	border-bottom: 2px solid #ff375e;

	background-image: url(http://img.18183.duoku.com/uploads/wap/levelc/2015/t4.png);

	-webkit-background-size: 15px auto;

	background-size: 15px auto;

}

.top-bar {

	display:-webkit-box;

	width:100%;

	height:48px;

	line-height:48px;

	background-color:#fff;

	border-bottom:1px solid #d8d8d8;

	position:relative;

}

.top-bar .fl {

	position:absolute;

	left:10px;

	top:0;

}

.top-bar .logo {

	width:60px;

	height:48px;

	background:url(../images/waplogo.jpg) left center no-repeat;

	-webkit-background-size:60px auto;

	background-size:60px auto;

	border-right:1px solid #ccc;

	padding-right:10px;

}

.top-bar .return {

	width:24px;

	height:48px;

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

	-webkit-background-size:12px auto;

	background-size:12px auto;

}

.top-bar .fr {

	position:absolute;

	top:0;

	right:10px;

	display:-webkit-box;

}

.top-bar .fr span {

	height:48px;

	display:inline-block;

}

.top-bar span.mod-tit1 {

	-webkit-background-size:auto 20px;

	background-size:auto 20px;

	display:-webkit-box;

}

.top-bar span.mod-tit2 {

	width:24px;

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

	-webkit-background-size:auto 20px;

	background-size:auto 20px;

}

.top-bar span .sign {

	width:24px;

	height:48px;

	display:inline-block;

	margin-left:8px;

}

.top-bar .con-tit {

	height:48px;

	font-size:16px;

	color:#000;

	padding:0px;

	display:-webkit-box;

}

.top-bar .con-tit a {

	height:48px;

	padding:0 10px;

	display:block;

}

.top-bar .con-tit span {

	width:10px;

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

	-webkit-background-size:auto 48px;

	display:block;

}

.top-bar .get_back {

	background-image:none;

	color:#f6ad00;

}

/*nav*/

.nav {

	z-index:9999;

	height:49px;

	background-color:#f2f2f2;

	border-top:1px solid #dadada;

	overflow:hidden;

	position:fixed;

	bottom:0;

	left:0;

	width:100%;

}

.nav ul {

	width:100%;

	display:-webkit-box;

}

.nav ul li {

	width:20%;

	height:49px;

	overflow:hidden;

}

.nav ul li a {

	width:100%;

	height:24px;

	display:block;

	background-position:center 5px;

	background-repeat:no-repeat;

	-webkit-background-size:22px auto;

	background-size:22px auto;

	text-align:center;

	line-height:24px;

	padding-top:25px;

	overflow:hidden;

	font-size:14px;

	position:relative;

}

.nav ul li a.a1 {

	background-image:url(../images/nv_c1.png);

}

.nav ul li a.a2 {

	background-image:url(../images/nv_c2.png);

}

.nav ul li a.a3 {

	background-image:url(../images/nv_c3.png);

}

.nav ul li a.a4 {

	background-image:url(../images/nv_c4.png);

}

.nav ul li a.a5 {

	background-image:url(../images/kf2.png);

}

.nav ul li.on a.a1 {

	background-image:url(../images/nv_c6.png);

}

.nav ul li.on a.a2 {

	background-image:url(../images/nv_c7.png);

}

.nav ul li.on a.a3 {

	background-image:url(../images/nv_c8.png);

}

.nav ul li.on a.a4 {

	background-image:url(../images/nv_c9.png);

}

.nav ul li.on a.a5 {

	background-image:url(../images/nv_c10.png);

}

.nav ul li.on a {

	color:#3572e3;

}

.nav ul li a span {

	display:inline-block;

	font-size:12px;

	background-color:#fd2929;

	position:absolute;

	left:50%;

	top:15px;

	height:14px;

	border-radius:14px;

	color:#fff;

	line-height:14px;

	min-width:10px;

	padding:0 2px;

}

/*article*/

.article {

	padding:15px 10px 10px;

	overflow:hidden;

	background-color:#fff;

	border-bottom:1px solid #d1d0d6;

}

.article h1 {

	line-height:24px;

	overflow:hidden;

	font-size:20px;

	text-align: center;

}

.article .writer {

	color:#606060;

	height:20px;

	line-height:20px;

	overflow:hidden;

	font-size:14px;

	margin-top:8px;

	text-align: center;

}

.article .box {

	font-size:14px;

	line-height:20px;

	color:#606060;

}

.article .box p {

	text-indent:2em;

	margin:10px 0;

}

.article .box img {

	max-width:100%;

	height:auto;

	display:block;

	margin:10px 0;

}

/*=========public=========*/

.re-mod {

	background-color:#fff;

	border-bottom:1px solid #d1d0d6;

	border-top:1px solid #d1d0d6;

	margin-top:10px;

	padding:0 10px;

	overflow:hidden;

}

.mod-more {

	padding:10px;

	overflow:hidden;

}

.mod-more a {

	height:34px;

	line-height:34px;

	text-align:center;

	color:#888;

	border:1px solid #d1d0d6;

	background-color:#fff;

	display:block;

	border-radius:7px;

}

/*gameinfo-mod*/

.gameinfo-mod {

	padding:20px 0 15px;

	overflow:hidden;

	position:relative;

}

.gameinfo-mod img {

	width:75px;

	height:75px;

	display:block;

	margin-right:15px;

	border-radius:9px;

}

.gameinfo-mod h1 {

	line-height:22px;

	font-size:20px;

	overflow:hidden;

	height:22px;

	margin-bottom:12px;

}

.gameinfo-mod .item {

	height:20px;

	line-height:20px;

	overflow:hidden;

	font-size:13px;

	display:-webkit-box;

	display:box;

	display:-ms-flexbox;

}

.gameinfo-mod .item span {

	-webkit-box-flex:1;

	box-flex:1;

	-moz-box-flex:1;

	-ms-flex:1;

	display:block;

	width:1%;

	height:20px;

	overflow:hidden;

}

.gameinfo-mod .item span i {

	color:#888;

}

.gameinfo-mod .btn {

	height:42px;

	margin-top:15px;

	display:block;

	background-color:#0397ff;

	text-align:center;

	color:#fff;

	line-height:42px;

	border-radius:7px;

}

.gameinfo-mod .btn span {

	font-size:18px;

	display:inline-block;

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

	-webkit-background-size:20px auto;

	background-size:20px auto;

	padding-left:24px;

}

.gameinfo-mod .re-medal {

	width:65px;

	height:58px;

	background-repeat:no-repeat;

	background-position:center center;

	-webkit-background-size:65px auto;

	background-size:65px auto;

	position:absolute;

	top:0;

	right:0;

	overflow:hidden;

	line-height:54px;

	text-align:center;

	font-size:12px;

	color:#fff;

}

.gameinfo-mod .re-medal i {

	font-family:Arial;

	font-style:oblique;

	font-size:14px;

	font-weight:600;

}

.gameinfo-mod .medal-qd {

	background-image:url(../images/ico_qd.png);

}

.gameinfo-mod .medal-ry {

	background-image:url(../images/ico_ry.png);

}

/*re-tit2*/

.re-tit2 {

	height:38px;

	overflow:hidden;

	margin-top:4px;

}

.re-tit2 span {

	height:36px;

	display:block;

	background-position:left center;

	background-repeat:no-repeat;

	padding-left:23px;

}

.re-tit2 a {

	float:right;

	line-height:40px;

	color:#606060;

	font-size:12px;

}

.re-tit2 h4 {

	line-height:38px;

	height:36px;

	overflow:hidden;

	min-width:60px;

	display:inline-block;

}

.re-tit2 .sty-13 {

	border-bottom:2px solid #ff375e;

	background-image:url(../images/t14.png);

	-webkit-background-size:16px auto;

	background-size:16px auto;

}

/*==re-ultext-1==*/

.re-ultext-1 {

	overflow:hidden;

}

.re-ultext-1 li {

	height:52px;

	line-height:52px;

	overflow:hidden;

	border-bottom:1px dotted #c5c5c5;

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

	-webkit-background-size:8px auto;

	background-size:8px auto;

}

.re-ultext-1 li a {

	padding-left:14px;

}

.re-ultext-1 li span {

	float:right;

	display:inline-block;

	padding-left:15px;

	color:#888;

}

.pagination {

	display:-webkit-box;

	padding:5px 0;

	margin:0 auto;

}

.pagination li {

	margin:0 2px;

}

.pagination li a {

	padding:3px 10px;

	display:block;

	border:1px solid #ccc;

}

.pagination .active {

	background-color:#f6ad00;

	border:1px solid #f6ad01;

	color:#fff;

}

/*顶部样式*/

.clear::after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}

.clear {

    clear: both;

}



.mod-game li {

    float: left;

    margin-left: 0.4rem;

    margin-right: 0.3rem;

    overflow: hidden;

    width: 21%;

}

.mod-game li img {

    border-radius: 10px;

    display: block;

    width: 100%;

}

.mod-game {

    overflow: hidden;

    padding-bottom: 5px;

    border-bottom: 1px dotted #b3b3b3;

    text-align: center;

    padding-top:5px;

}
#uname {
    width: 55px;
    height: 44px;
    line-height: 44px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    padding-right: 5px;
}