@charset "utf-8";
body {
	width: 100%;
	font: 12px 'Microsoft YaHei', '\5b8b\4f53', sans-serif;
	font-family: "Microsoft YaHei";
	font-size: 12px;
	overflow-x: hidden;
	color: #2b2b2b;
	background: #ccc;
	word-break: break-all
}
* {
	margin: 0;
	padding: 0
}
ul,
li {
	list-style: none
}
img {
	border: 0
}
a {
	color: #626a77;
	text-decoration: none;
	cursor: pointer
}
a:active {
	color: #fb882a
}
:focus {
	outline: 0
}
em {
	font-style: normal
}
.fl {
	float: left!important
}
.fr {
	float: right!important
}
.clearfix {
	zoom: 1
}
.clearfix:before,
.clearfix:after {
	content: '';
	display: table
}
.clearfix:after {
	clear: both
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%
}

.quickNav {
	position: fixed;
	z-index: 9;
	width: 100%;
	background: #fff;
	display: none;
	left: 0;
	top: 64px;
	border-bottom: 2px solid #bbb
}
.quickNav ul {
	width: 100%
}
.quickNav li {
	width: 16.36%;
	float: left;
	border-right: 1px solid #bbb;
	border-left: 0 none
}
.quickNav li.nor {
	border-right: 0 none
}
.quickNav li a {
	width: 100%;
	font-size: 16px;
	display: block;
	padding: 1em 0;
	text-align: center
}
.quickNav li img {
	width: 40%
}
.wrap {
	width: 100%;
	overflow: hidden;
	background: #fff
}
.addWrap .swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative
}
.addWrap .swipe img {
	width: 100%
}
.addWrap .swipe-wrap {
	overflow: hidden;
	position: relative
}
.addWrap .swipe-wrap>div {
	float: left;
	width: 100%;
	position: relative
}
#position {
	padding: 0;
	text-align: right;
	margin: -20px 4px 10px 0;
	position: relative
}
#position li {
	width: 6px;
	height: 6px;
	margin: 0 1px;
	display: inline-block;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	opacity: .5
}
#position li.cur {
	opacity: 1
}
.nav {
	width: 95%;
	margin: 0 auto;
	background: #fff
}
.nav li {
	float: left;
	width: 21.8%;
	margin: 0 4.26% 6px 0
}
.nav li a {
	width: 100%;
	display: block;
	position: relative;
}
.nav li a sup {
position: absolute;
right: 4px;
top: 4px;
background-color: #fff;
border-radius: 6px;
padding:2px 4px;
text-align:center;
color:#f00;	
display:none;
}
.nav li a sup:before{
    content: '';
    display: block;
    height: 0;
    width: 0;
   	border: 4px solid transparent;
   	border-top:7px solid #fff;
    position: absolute;
    left:3px;
    bottom:-9px;
}
.nav li a img {
	width: 100%
}
.nav li.nor {
	margin-right: 0
}
#header {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #bbb;
	overflow: hidden;
	background: #fff;
	position: fixed;
	z-index: 1000000;
	top: 0;
	left: 0
}

#header .head {
	width: 95%;
	margin: 0 auto;
	height: 64px
}
#header .head label {
	float: left;
	margin-top: 12px;
	width: 130px
}
#header .head span img {
	width: 100%;
}
#header .head label img{
	width: 25%;
}
#header .head label img.ew{
	padding-right: 0.75rem;
    margin-right: 0.3rem;
    border-right: 2px solid #ccc;
}
#header .head span {
	float: right;
	width: 28px;
	display: block;
	margin-top: 18px;
	margin-left: 10px;
	cursor: pointer
}
#header .head span.phone {
	width:21px;
	height:28px;
	margin-left:8px;
}
#header .head span.phone a{
	width:100%;
	height:100%;
	background:#f97956;
	position:relative;
	display:block;
}
#header .head span.phone i.q{
	position:absolute;
	width:17px;
	height:18px;
	background:#fff;
	top:2px;
	left:2px;
	display:block;
	-webkit-box-shadow:inset -2px -1px 6px #ccc;
	-moz-box-shadow:inset -2px -1px 6px #ccc;
	box-shadow:inset -2px -1px 6px #ccc;
}
#header .head span.phone i.c{
	position:absolute;
	width:4px;
	height:4px;
	background:#fff;
	bottom:2px;
	margin-left:-2px;
	left:50%;
	display:block;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
#header .head span.font {
	margin-top: 20px;
	height:24px;
	line-height:24px;
	padding:0 4px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background:#f97956;
	width:auto;
	position:relative;
}
#header .head span.font a{
	color:#fff;
}
#header .head span.font:after{
	content: '';
	position:absolute;
	right:-6px;
	top:50%;
	margin-top:-3px;
	width: 0;   
  height: 0;   
  border-bottom: 4px solid transparent; 
  border-top: 4px solid transparent; 
  border-left: 6px solid #f97956;
  font-size: 0;  
  line-height: 0;
}
.addWrap {
	width: 95%;
	background: #fff;
	margin: 74px auto 0;
	position: relative
}
#menu {
	background: #303537;
	position: fixed;
	top: 64px;
	right: 0;
	z-index: 100000000;
	display: none;
}
#menu div {
	border-bottom: 1px solid #191b1c;
	padding: 10px;
	font-size: 18px;
	line-height: 30px
}
#menu div h2 {
	font-weight: normal
}
#menu div label,
#menu div span {
	float: left
}
#menu div label {
	width: 30px;
	height: 30px
}
#menu div label img {
	width: 100%
}
#menu div span {
	margin-left: 5px
}
#menu div span.orz {
	color: #f18505
}
#menu div a {
	display: block;
	color: #fff;
	z-index: 1
}
#menu div span em {
	color: #f00;
	font-size: 14px;
	margin-left: 4px
}
#menu div a:before,
#menu div a:after {
	content: '';
	display: table
}
#menu div a:after {
	clear: both
}
#menu div:active {
	background: #191b1c
}
#menu div a:active {
	color: #fff;
	background: 0
}
#menu div a:focus {
	outline: 0
}
.top-news ul li span {
	float: left;
	height: 38px;
	line-height: 38px;
	font-size: 14px
}
.top-news ul li span.hd {
	background: #ff4200;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 20px;
	line-height: 20px;
	margin: .7em .5em 0 0;
	padding: 0 4px
}
.top-news ul li span.gl {
	background: #117ab3;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 20px;
	line-height: 20px;
	margin: .7em .5em 0 0;
	padding: 0 4px
}
.top-news ul li span.xw {
	background: #6aa71b;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 20px;
	line-height: 20px;
	margin: .7em .5em 0 0;
	padding: 0 4px
}
.top-news ul li span.fr {
	color: #ccc;
	font-size: 14px
}
.top-news h2,
.gm-topest h2,
.ucenter h1,
.ulogin h1,
.hot-game h2,
.mine h2,
.hot-games h2,
.tops h2,
.newsPart h1 {
	font-size: 22px;
	font-weight: normal;
	width: 100%;
	height: 50px;
	line-height: 50px
}
.top-news h2 span,
.gm-topest h2 span,
.ucenter h1 span,
.ulogin h1 span,
.hot-game h2 span,
.mine h2 span,
.hot-games h2 span,
.tops h2 span,
.newsPart h1 span {
	width: 6px;
	background: #fb882a;
	display: block;
	float: left;
	height: 30px;
	margin-top: 10px;
	margin-right: 1%
}
#footer {
	width: 100%;
	text-align: center;
	padding: 20px 0 90px;
	line-height: 1.8em;
	font-size: 14px;
	color: #626a77;
	height: 40px
}
.nav_fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%
}
.mes {
	width: 50%;
	padding: 15px .4em;
	background: #000;
	opacity: .85;
	color: #f88000;
	font-size: 20px;
	border-radius: 4px;
	position: absolute;
	left: 50%;
	margin-left: -25%;
	top: 25%;
	text-align: center;
	display: none;
	z-index: 101
}
.mask,
.pop {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	display: none
}
.pop {
	z-index: 7
}
.rolling {
	width: 25%;
	left: 50%;
	top: 25%;
	position: fixed;
	z-index: 100000000;
	margin-left: -12.5%;
	display: none
}
.rolling span {
	width: 16%;
	float: left;
	margin-left: 4%;
	background: #fff;
	display: block
}
.rolling span.cr {
	background: #f00
}
.rolling label {
	font-size: 14px;
	color: #fff;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 2em
}
.share {
	height: 40px;
	line-height: 25px;
	width: 400px;
	margin-left: 40px;
	font-size: 2em
}
.share div {
	float: left
}
.share #bdshare span.bds_more {
	line-height: 14px
}
.downlad-btn {
	position: fixed;
	bottom: 0;
	width: 100%;
	opacity: .6;
	border: 0;
	border-radius: 0
}
.downlad-btn .check {
	width: 100%;
	margin: 0 auto;
	border: 0;
	border-radius: 0
}
.downlad-btn .check a {
	background: #000;
	width: 100%;
	font-size: 24px;
	padding: .6em 0;
	color: #fff;
	display: block;
	text-align: center;
	border: 0;
	border-radius: 0
}
.top-news,
.gm-topest {
	width: 100%;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin-top: 10px;
	background: #fff
}
.top-news .first {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px
}
.top-news .first label {
	float: left
}
.top-news .first label img {
	width: 100px;
	height: 65.5px
}
.top-news .first span.hap {
	float: left;
	width: 60%;
	margin-left: 10px;
	position: relative;
	overflow: hidden
}
.top-news .first span.t {
	display: block;
	font-size: 20px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #2b2b2b
}
.top-news .first span.b {
	display: block;
	font-size: 16px;
	width: 100%;
	color: #626a77;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.top-news .first span.d {
	font-size: 16px;
	position: absolute;
	color: #ccc;
	bottom: 0;
	right: 0
}
.top-news ul {
	width: 95%;
	margin: 0 auto
}
.top-news ul li {
	width: 100%;
	zoom: 1;
	padding: .2em 0;
	border-top: 1px solid #cdcdcd
}
.top-news ul li:before,
.top-news ul li:after {
	content: '';
	display: table
}
.top-news ul li:after {
	clear: both
}
.top-news ul li span.st {
	width: 70%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.hot-game {
	width: 100%;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin-top: 10px;
	background: #fff;
	padding-bottom: 10px
}
.hot-game h2 a {
	font-size: .8em;
	float: right;
	margin-right: 2.5%;
	width: 18%;
	display: block;
	text-align: right;
	height: 1em;
	line-height: 1em;
	margin-top: 1em
}
.hot-game h2 a img {
	width: 10px;
	vertical-align: middle
}
.hot-game .gms {
	width: 95%;
	margin: 0 auto;
	position: relative
}
.hot-game .gms a {
	position: relative;
	float: left
}
.hot-game .gms a,
.hot-game .gms a img {
	width: 100%
}
.hot-game .gms label {
	position: absolute;
	width: 7.15%;
	margin-left: -7.15%;
	right: 0
}
.hot-game .gms label img {
	width: 100%
}
.game-list {
	width: 95%;
	margin: 0 auto;
	margin-top: 1em
}
.game-list li {
	float: left;
	width: 22.5%;
	margin-right: 3.3%
}
.game-list li img {
	width: 100%
}
.game-list li h3 {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	width: 100%;
	color: #2b2b2b;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.game-list li p {
	text-align: center;
	color: #626a77;
	font-size: 12px;
	width: 100%;
	white-space: nowrap
}
.game-list li p a {
	display: block;
	width: 90%;
	padding: 8px 0;
	margin: 4px auto;
	background: #ff4200;
	color: #fff;
	font-size: 16px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.newsPart {
	width: 100%;
	background: #fff;
	margin-top: 10px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc
}
.newsPart .leader {
	border-bottom: 1px solid #cdcdcd
}
.newsPart .leader li {
	width: 33.3%;
	display: block;
	float: left;
	font-size: 22px;
	text-align: center;
	padding: 10px 0
}
.newsPart .leader li.mid span {
	width: 100%;
	display: block
}
.ucenter .leader li {
	width: 33.3%
}
.ucenter .leader li.mid {
	float: right
}
.ucenter .leader li.mid span {
	border-right: 0
}
.newsPart .leader li.current {
	color: #fb882a;
	border-bottom: 2px solid #fb882a
}
.newsPart .n-list {
	width: 100%;
	display: none
}
.newsPart .n-list .news h2 span.unread {
	background: 0;
	color: #888;
	font-size: 12px
}
.newsPart .n-list .bdbtm {
	width: 100%;
	border-bottom: 1px solid #cdcdcd
}
.newsPart .n-list .bdbtm div {
	width: 95%;
	margin: 0 auto;
	zoom: 1;
	padding: 10px 0
}
.newsPart .n-list .bdbtm div:before,
.newsPart .n-list .bdbtm div:after {
	display: table;
	content: ''
}
.newsPart .n-list .bdbtm div:after {
	clear: both
}
.newsPart .n-list .bdbtm div label {
	float: left;
	display: block
}
.newsPart .n-list .bdbtm div label img {
	width: 100px;
	height: 65.5px
}
.newsPart .n-list .bdbtm div span {
	float: left;
	width: 60%;
	margin-left: 10px;
	position: relative;
	display: block
}
.newsPart .n-list .bdbtm div span h2 {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: normal;
	height: 20px;
	line-height: 20px!important
}
.newsPart .n-list .bdbtm div span h2 a {
	color: #2b2b2b
}
.newsPart .n-list .bdbtm div span p {
	font-size: 12px;
	overflow: hidden;
	color: #626a77;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.newsPart .n-list .bdbtm div span p a {
	color: #626a77
}
.newsPart .n-list .bdbtm div span em {
	font-size: 12px;
	color: #626a77;
	right: 0;
	position: absolute
}
.newsPart .n-list .more,
.mine .more,
.top-news .more {
	width: 100%;
	background: #edecec;
	padding: 10px 0;
	text-align: center
}
.newsPart .n-list .more a,
.mine .more a,
.top-news .more a {
	font-size: 18px;
	display: block;
	width: 100%
}
.newsPart .n-list .more a em,
.mine .more a em,
.top-news .more a em {
	color: #fb882a
}
.newsPart .n-list .more img {
	vertical-align: middle;
	width: 24px
}
.newsPart .n-list .asking {
	width: 89%;
	border: 1px solid #cdcdcd;
	background: #e5e4e4;
	margin: 2em auto;
	border-radius: 4px;
	padding: 1em
}
.newsPart .n-list .asking h4 {
	font-size: 20px;
	color: #2b2b2b;
	font-weight: normal
}
.newsPart .n-list .asking h4 em {
	color: #fb882a
}
.newsPart .n-list .asking textarea {
	min-height: 100px;
	font-size: 16px;
	margin: 0 auto;
	width: 97%;
	display: block;
	background: 0;
	border: 0;
	color: #444
}
.newsPart .n-list .news div {
	border-bottom: 1px solid #cdcdcd;
	padding: 10px 0
}
.newsPart .n-list .news h2 {
	font-size: 16px;
	font-weight: normal;
	width: 95%;
	margin: 0 auto
}
.newsPart .n-list .news h2 span {
	background: #ff4200;
	color: #fff;
	margin-right: .2em
}
.newsPart .n-list .news h2 em {
	float: right;
	width: 0;
	height: 0;
	border-width: 4px 4px;
	border-style: solid;
	border-color: #f30 #fff #fff #fff;
	margin-top: .6em
}
.newsPart .n-list .news h2 em.current {
	width: 0;
	height: 0;
	border-width: 4px 4px;
	border-style: solid;
	border-color: #fff #fff #f30 #fff;
	margin-top: .2em
}
.newsPart .n-list .news h2 b {
	float: right;
	margin-top: .2em
}
.newsPart .n-list .news h2 b img {
	width: 12px
}
.newsPart .n-list .news p {
	width: 92%;
	margin: .4em auto 0;
	font-size: 14px;
	background: #e5e4e4;
	padding: .6em .6em 1em;
	display: none
}
.newsPart .n-list .bt0 {
	border-top: 0;
	padding-top: 0
}
.newsPart .n-list .bt0 dt {
	top: 0
}
.newsPart .n-list dl {
	height: 100px;
	width: 100%;
	padding: 15px 0;
	clear: both;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #ccc
}
.newsPart .n-list dl dt {
	position: absolute;
	left: 10px;
	top: 15px;
	width: 130px;
	height: 100px
}
.newsPart .n-list dl dt img {
	width: 130px;
	height: 100px
}
.newsPart .n-list dl dd {
	padding-left: 155px;
	padding-right: 10px
}
.newsPart .n-list dl dd a {
	display: inline-block;
	width: 100%;
	height: 100%
}
.newsPart .n-list dl dd .title {
	font-weight: normal;
	color: #313131;
	font-size: 20px;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	overflow: hidden
}
.newsPart .n-list dl dd .info {
	color: #787878;
	line-height: 23px;
	height: 50px;
	font-size: 16px;
	overflow: hidden
}
.newsPart .n-list dl dd .pf {
	color: #f00;
	font-size: 14px;
	position: relative
}
.newsPart .n-list dl dd .time {
	float: right;
	color: #999
}
.gm-topest .thead {
	width: 100%;
	background: #edecec
}
.gm-topest .thead td {
	font-size: 18px;
	border: 0 none;
	padding: 8px 0 8px 4px
}
.gm-topest .tbody td {
	font-size: 16px;
	border: 0 none;
	padding: 8px 0 8px 4px
}
.gm-topest .tbody td.ora {
	color: #ff4200;
	background: 0
}
.gm-topest .tbody td.dlgame img,
.gm-topest .tbody td.pack img {
	width: 30px
}
.gm-topest .tbody tr {
	border-bottom: 1px solid #ccc
}
.gm-topest td.get a {
	background: #ff4200;
	color: #fff;
	font-size: 1em;
	padding: 6px 10px
}
.gm-topest td img {
	width: 16px;
	vertical-align: middle;
	margin-right: .2em
}
.gm-topest tbody td {
	border-bottom: 1px solid #cdcdcd
}
.adv {
	width: 100%;
	background: #fff;
	padding: 10px 0;
	margin-top: 10px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc
}
.adv img {
	width: 95%;
	margin: 0 auto;
	display: block
}
.gm-topest .more {
	width: 100%;
	background: #edecec;
	padding: 10px 0;
	text-align: center
}
.gm-topest .more a {
	font-size: 22px
}
.gm-topest .more a em {
	color: #fb882a
}
.ucenter {
	width: 100%;
	background: #fff;
	margin-top: 74px
}
.ucenter .umessage {
	width: 95%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 30px
}
.ucenter .umessage p span {
	color: #ff4200;
	margin: 0 .2em
}
.ucenter .umessage p em {
	color: #6aa71b
}
.ucenter .umessage p em.mid {
	color: #fb632e
}
.ucenter .umessage p em.low {
	color: #f00
}
.ucenter .umessage p a {
	color: #ff4200;
	margin-left: 6px;
	text-decoration: underline
}
.ucenter .umessage p span#logout {
	float: right;
	display: block;
	width: 80px;
	height: 30px;
	background: #999;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	cursor: pointer
}
.gn-list {
	width: 100%;
	margin-top: 10px;
	padding-bottom: 20px
}
.gn-list .lo {
	width: 100%;
	border-top: 2px solid #cdcdcd;
	padding: 10px 0
}
.btmbd {
	border-bottom: 2px solid #cdcdcd
}
.gn-list .lo div {
	zoom: 1;
	width: 95%;
	margin: 0 auto;
	height: 40px
}
.gn-list .lo div:before,
.gn-list .lo div:after {
	content: '';
	display: table
}
.gn-list .lo div:after {
	clear: both
}
.gn-list .lo div label,
.gn-list .lo div span {
	float: left
}
.gn-list .lo div label {
	width: 32px;
	margin-right: 6px;
	margin-top: 4px
}
.gn-list .lo div label img {
	width: 100%
}
.gn-list .lo div span {
	font-size: 16px;
	margin-top: 10px
}
.gn-list .lo div span.fr {
	width: 12px;
	margin-top: 12px
}
.gn-list .lo div span.fr img {
	width: 100%
}
.gn-list .lo div span em {
	font-size: .75em;
	margin-left: .4em;
	color: #ff4200
}
.ulogin {
	width: 100%;
	background: #fff;
	margin-top: 74px;
	padding-bottom: 20px
}
.ulogin h1 {
	width: 100%
}
.ulogin h1 a {
	height: 30px;
	line-height: 30px;
	display: block;
	float: right;
	background: #e5e4e4;
	border: 1px solid #cdcdcd;
	margin-right: 2.5%;
	padding: 0 4px;
	margin-top: 10px;
	border-radius: 4px
}
.ulogin .log label {
	width: 66px
}
.checkin {
	border: 1px solid #ccc;
	width: 95%;
	margin: 20px auto 0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden
}
.checkin div {
	zoom: 1;
	border-bottom: 1px solid #cdcdcd
}
.checkin div.pmail input {
	width:
}
.checkin div.nob {
	border: 0
}
.checkin div:before,
.checkin div:after {
	content: '';
	display: table
}
.checkin div:after {
	clear: both
}
.checkin div label {
	float: left;
	width: 14.55%;
	background: #e5e4e4
}
.checkin div label img {
	width: 100%
}
.checkin div input {
	float: left;
	width: 72%;
	border: 0 none;
	font-size: 16px;
	text-indent: 6px;
	color: #626a77;
	height: 50px
}
.check {
	width: 95%;
	border: 1px solid #e87518;
	margin: 10px auto;
	border-radius: 4px
}
.check button {
	background: #fb882a;
	border: 1px solid #ff942e;
	width: 100%;
	border-radius: 4px;
	font-size: 18px;
	padding: 10px 0;
	color: #fff
}
.forgetpwd {
	width: 95%;
	margin: 10px auto 0;
	text-align: right;
	font-size: 14px
}
.forgetpwd a {
	color: #fb882a;
	margin-left: .4em
}
.ulogin div.register label {
	font-size: 16px;
	text-align: right;
	height: 50px;
	line-height: 50px;
	width: 68px;
	padding-right: .4em;
	color: #2b2b2b
}
.ulogin div.register input {
	width: 65%;
	height: 26px;
	padding: 11px;
	margin-top: 1px
}
.checkin div.code input {
	width: 30%
}
.checkin div.code img {
	height: 50px;
	width: auto;
	float: right
}
.checkin div.code span {
	float: right;
	display: block;
	font-size: 14px;
	background: #6aa71b;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	margin: 10px 4px 0 0;
	padding: 7px 4px;
	cursor: pointer;
	height: 18px;
	line-height: 18px
}
.ulogin h2.bdedphone {
	width: 95%;
	margin: 0 auto;
	font-size: 16px;
	font-weight: normal
}
.ulogin h2.bdedphone label {
	color: #fb882a
}
.ulogin .tips {
	width: 95%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 2em
}
.ulogin .tips a {
	color: #e87518;
	margin: 0 .4em
}
.hot-games {
	margin-top: 1em;
	background: #fff;
	width: 100%
}
.hot-games .games {
	width: 100%
}
.hot-games .games .line {
	width: 100%;
	border-top: 1px solid #cdcdcd
}
.hot-games .games .line .bdcont,
.hot-games .games .line .gmdl {
	margin: 0 auto;
	width: 95%;
	zoom: 1
}
.hot-games .games .line .bdcont:before,
.hot-games .games .line .bdcont:after,
.hot-games .games .line .gmdl:before,
.hot-games .games .line .gmdl:after {
	content: '';
	display: table
}
.hot-games .games .line .bdcont:after,
.hot-games .games .line .gmdl:after {
	clear: both
}
.hot-games .games .line .bdcont div,
.hot-games .games .line .gmdl div {
	width: 49%
}
.hot-games .games .line .bdcont .fl,
.hot-games .games .line .gmdl .fl {
	border-right: 1px solid #cdcdcd
}
.hot-games .games .line .gmdl dl {
	height: 80px;
	width: 100%;
	overflow: hidden;
	position: relative;
	font-size: 14px
}
.hot-games .games .line .gmdl dl dt {
	position: absolute
}
.hot-games .games .line .gmdl dl dt.sx {
	width: 14px
}
.hot-games .games .line .gmdl dl dt img {
	width: 100%
}
.hot-games .games .line .gmdl dl dt.lg {
	width: 60px;
	left: 18px;
	top: 6px
}
.hot-games .games .line .gmdl dl dt.lb {
	width: auto;
	left: 84px;
	min-width:75px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	top: 6px
}
.hot-games .games .line .gmdl dl dt h3 {
	font-weight: normal;
	font-size: 16px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hot-games .games .line .gmdl dl dt p {
	font-size: 14px;
	color: #626a77
}
.hot-games .games .line .gmdl dl h3 a {
	color: #2b2b2b
}
.hot-games .games .line .gmdl dl p a {
	background: #ff4200;
	color: #fff;
	display: block;
	width: 50px;
	padding: 2px 0;
	text-align: center
}
.hot-games .games .line .bdcont span {
	width: 12px;
	float: left
}
.hot-games .games .line .bdcont span.lg {
	width: 65px;
	margin: 6px
}
.hot-games .games .line .bdcont span img {
	width: 100%
}
.hot-games .games .line .bdcont label {
	float: left;
	margin-top: 10px;
	line-height: 16px;
	width: 30%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.hot-games .games .line .bdcont label h3 {
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	margin-bottom: 6px
}
.hot-games .games .line .bdcont label h3 a {
	color: #2b2b2b
}
.hot-games .games .line .bdcont label p {
	font-size: 12px;
	color: #626a77;
	display: block;
	width: 100%
}
.hot-games .games .line .bdcont label p a {
	background: #ff4200;
	color: #fff;
	display: block;
	width: 50px;
	padding: .2em 0;
	text-align: center;
	margin-left: .2em
}
.hot-games .more,
.topper .more {
	width: 100%;
	background: #edecec;
	padding: 10px 0;
	text-align: center
}
.hot-games .more a,
.topper .more a,
.gm-topest .more a {
	font-size: 18px
}
.hot-games .more a em,
.topper .more a em,
.gm-topest .more a em {
	color: #fb882a
}
.packlist {
	width: 100%
}
.packlist .row {
	width: 100%;
	border-top: 1px solid #cdcdcd;
	display: block
}
.packlist .row .packcont {
	width: 95%;
	margin: 0 auto;
	padding: 10px 0
}
.packlist .row .packcont div {
	float: left
}
.packlist .row .packcont div.logo {
	width: 60px
}
.packlist .row .packcont div.logo img {
	width: 100%
}
.packlist .row .packcont div.detail {
	width: 50%;
	margin-left: 4px
}
div.detail h3 {
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #2b2b2b
}
div.detail h3.bs {
	font-size: 20px;
	margin-top: 4px
}
.packlist .row .packcont div.detail p {
	font-size: 14px;
	color: #626a77;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 20px
}
.packlist .row .packcont div.detail p.roll em,
.packlist .row .packcont div.detail p.roll span {
	float: left
}
.packlist .row .packcont div.detail p em {
	color: #ff4200
}
.packlist .row .packcont div.detail p.roll span {
	width: 50%;
	height: .4em;
	display: block;
	background: #cdcdcd;
	margin-top: .5em;
	margin-right: .4em
}
.packlist .row .packcont div.detail p.roll span b {
	height: 100%;
	display: block;
	background: #ff4200
}
.packlist .row .packcont div.get {
	float: right
}
.packlist .row .packcont div.get a {
	display: block;
	text-align: center;
	background: #6aa71b;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	height: 30px;
	width: 50px;
	line-height: 30px;
	margin-top: 20px
}
.yellow {
	background-color: #f3c051!important
}
.grey {
	background-color: #959595!important
}
.packlist .row .packcont div.detail p.start {
	height: auto
}
.packlist .row .packcont div.detail p.start img {
	width: 16px;
	margin-right: 2px;
	vertical-align: middle
}
.packlist .row .packcont div.detail p.hapi img {
	width: 18px!important;
	margin-right: 2px;
	vertical-align: middle
}
.topper {
	width: 100%;
	margin-top: 74px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: #fff;
	padding: 10px 0
}
.topper .tophead {
	width: 95%;
	margin: 0 auto;
	border: 2px solid #cdcdcd;
	margin-bottom: 10px;
	border-radius: 4px
}
.topper .hapo {
	display: none
}
.topper .tophead span {
	float: left;
	width: 49%;
	display: block;
	text-align: center;
	font-size: 18px;
	margin: 1px;
	background: #e5e4e4;
	padding: .5em 0
}
.topper .tophead span.current {
	background: #fff;
	font-weight: bold
}
.topper .packlist {
	overflow-y: hidden
}
.topper .selects {
	margin: 0 auto;
	padding: 10px
}
.topper .selects p {
	font-size: 16px;
	margin-top: 10px;
	line-height: 24px
}
.topper .selects p span {
	margin-right: .4em;
	padding: 2px;
	border-radius: 4px
}
.topper .selects p span.selet {
	background: #690;
	color: #fff
}
.tops {
	margin-top: 74px
}
.tops .line {
	border-bottom: 1px solid #cdcdcd
}
.tops .n-list {
	display: block
}
.game-info {
	width: 100%;
	margin-top: 74px;
	border-bottom: 2px solid #ccc;
	background: #fff;
	padding: 1em 0
}
.game-info .packlist .row {
	border-top: 0
}
.game-info .row .packcont div.logo {
	width: 90px
}
.game-info .row .packcont div.detail p {
	font-size: 16px;
	margin-top: 4px
}
.game-info .row .packcont div.detail p.start {
	height: auto;
	margin-bottom: 6px
}
.game-info .row .dlbtn {
	width: 95%;
	margin: 4px auto 0
}
.game-info .row .dlbtn a {
	display: block;
	float: left;
	width: 31.5%;
	font-size: 18px;
	text-align: center;
	background: #e7e4e4;
	border: 1px solid #bbb;
	padding: .4em 0;
	margin-left: 1%;
	color: #2b2b2b
}
.game-info .row .dlbtn a.has {
	background: #6aa71b;
	color: #fff
}
.game-info .row .getcode {
	float: right;
	margin-right: 4%;
	margin-top: -80px
}
.game-info .row .getcode a {
	width: 100%;
	font-size: 14px;
	background: #6aa71b;
	color: #fff;
	display: block;
	text-align: center;
	padding: 8px 4px;
	border-radius: 4px
}
.game-info .row .free {
	font-size: 16px;
	width: 95%;
	margin: 0 auto 10px
}
.game-info .row .free img {
	vertical-align: middle;
	width: 16px;
	margin-left: 6px
}
.gameMes {
	width: 100%;
	margin-top: 10px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: #fff;
	padding: 20px 0
}
.gameMes .slider {
	width: 95%;
	margin: 0 auto
}
.gameMes .slider .addWrap {
	margin-top: 0;
	width: 100%
}
.gameMes .sim-intro {
	width: 95%;
	margin: 0 auto;
	font-size: 16px;
	padding-top: .6em;
	color: #262626;
	line-height: 30px
}
.gameMes .sim-intro h6 {
	font-size: 1.1em;
	font-weight: normal
}
.gameMes .sim-intro p {
	margin-top: .4em
}
.gameMes .dlandget {
	width: 95%;
	margin: 10px auto 0
}
.gameMes .dlandget a {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #fff;
	background: #6aa71b;
	text-align: center;
	padding: 10px 0;
	border-radius: 4px
}
.gameMes .slider #position {
	padding: 0;
	margin: -1.1em 0 1.1em 0;
	position: relative
}
.gameMes .slider #position li {
	width: 25.0%;
	height: 9px;
	display: block;
	float: left;
	background-color: #fff;
	opacity: .5;
	border-radius: 0;
	border: 0;
	margin: 0
}
.gameMes .slider #position li.cur {
	opacity: 1;
	background: #6aa71b
}
.relative .lh .fr {
	margin-top: 4px;
	padding: 0 6px;
	background: #6aa71b;
	color: #fff;
	border-radius: 4px;
	height: 30px;
	line-height: 30px;
}
.relative .lh .fr a {
	background: #6aa71b;
	color: #fff;
	padding: .2em .4em;
	border-radius: 4px;
	margin-top: .4em
}
.top-news {
	border-bottom: 1px solid #e5e5e5
}
.top-news .bt0 {
	border-top: 0;
	padding-top: 0
}
.top-news .bt0 dt {
	top: 0
}
.top-news .first dl {
	height: 100px;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	margin-top: -1px;
	padding: 15px 0;
	clear: both;
	overflow: hidden;
	position: relative
}
.top-news .first dl dt {
	position: absolute;
	left: 10px;
	top: 15px;
	width: 130px;
	height: 100px
}
.top-news .first dl dt img {
	width: 130px;
	height: 100px
}
.top-news .first dl dd {
	padding-left: 155px;
	padding-right: 10px
}
.top-news .first dl dd a {
	display: inline-block;
	width: 100%;
	height: 100%
}
.top-news .first dl dd .title {
	font-weight: normal;
	color: #313131;
	font-size: 20px;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	overflow: hidden
}
.top-news .first dl dd .info {
	color: #787878;
	line-height: 23px;
	height: 50px;
	font-size: 16px;
	overflow: hidden
}
.top-news .first dl dd .pf {
	color: #f00;
	font-size: 14px;
	position: relative
}
.top-news .first dl dd .time {
	float: right;
	color: #999
}
.actives dl {
	height: 40px;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	clear: both;
	overflow: hidden;
	position: relative;
	font-size: 16px
}
.actives dl dt {
	position: absolute;
	left: 10px;
	top: 8px;
	display: block;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 24px;
	line-height: 24px;
	padding: 0 4px
}
.actives dl dt.hd {
	background: #ff4200
}
.actives dl dt.gl {
	background: #117ab3
}
.actives dl dt.xw {
	background: #6aa71b
}
.actives dl dd {
	margin-left: 54px;
	line-height: 40px;
	width: 75%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.actives dl dd.fr {
	color: #999;
	width: auto;
	margin-right: 2.5%;
	margin-left: 0;
	font-size: 14px
}
.actives dl dd.st {
	float: left
}
.logout {
	width: 95%;
	margin: 0 auto;
	border-top: 1px solid #e87518;
	margin: 10px auto;
	border-radius: 4px;
	padding-bottom: 20px
}
.logout button {
	background: #fb882a;
	border: 1px solid #ff942e;
	width: 100%;
	border-radius: 4px;
	font-size: 18px;
	padding: 10px 0;
	color: #fff;
	cursor: pointer
}
.packlist .lbm {
	width: 93%;
	margin: 0 auto;
	background: #ccc;
	display: block;
	line-height: 30px;
	color: #000;
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 1%
}
.packlist .lbm span {
	color: #000
}
.tip,
.ways {
	width: 96%;
	margin: 0 auto;
	font-size: 18px
}
.ways {
	margin-top: 10px
}
.ways span {
	display: block;
	width: 49.8%;
	float: left;
	height: 30px;
	line-height: 30px;
	border-bottom: 4px solid #ccc;
	text-align: center
}
.ways span.current {
	border-bottom: 4px solid #ff942e
}
.gamepacks .packlist .row {
	height: 80px
}
.gamepacks .packlist .row .packcont {
	display: block;
	width: 100%;
	position: relative
}
.gamepacks .packlist .row .packcont div.logo {
	position: absolute;
	left: 10px
}
.gamepacks .packlist .row .packcont div.detail {
	position: absolute;
	left: 70px;
	min-width: 50%
}
.gamepacks .packlist .row .packcont div.get {
	position: absolute;
	right: 10px
}
.more a img {
	vertical-align: middle;
	vertical-align: middle!important
}
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease
}
.swiper-slide {
	float: left
}
.swiper-car,
.swiper-car .swiper-slide {
	color: #fff;
	text-align: center;
	height: auto!important
}
.pagination-car {
	width: 100%;
	position: absolute;
	z-index: 20;
	bottom: 0
}
.pagination-car .swiper-pagination-switch {
	width: 25.0%;
	height: 9px;
	display: block;
	float: left;
	background-color: #fff;
	opacity: .5;
	border-radius: 0;
	border: 0;
	margin: 0
}
.pagination-car .swiper-active-switch {
	opacity: 1;
	background: #6aa71b
}
.swiper-container {
	width: 100%
}
.swiper-slide img {
	width: 100%
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x
}
.ucenter .gn-list .lo a {
	display: block;
	width: 100%;
	height: 100%
}
.gameSearch {
	width: 95%;
	margin: 0 auto 10px
}
.searchBar {
	height: 40px;
	position: relative;
	border: 1px solid #ccc
}
.searchBar input {
	width: 100%;
	height: 40px;
	text-indent: 6px;
	color: #777;
	position: absolute;
	font-size: 18px;
	border: 0;
	line-height: 40px;
	font-family: 'Microsoft Yahei';
	background-color: #f4f4f4
}
.searchBar span {
	position: absolute;
	width: 40px;
	height: 40px;
	background-size: 100%;
	display: block;
	right: 0;
	top: 0;
	cursor: pointer;
	background-color: #fff;
	background-image: url(../img/searchicon.png);
	background-repeat: no-repeat
}
.searchList {
	position: absolute;
	border: 1px solid #ccc;
	background: #fff;
	border-top: 0 none;
	z-index: 9999999;
	width: 94.8%;
	display: none
}
.searchList li {
	height: 40px;
	line-height: 40px;
	text-indent: 6px;
	border-bottom: 1px solid #ccc;
	display: block;
	position: relative
}
.searchList li a {
	color: #777;
	font-size: 16px;
	width: 100%;
	height: 100%;
	display: block
}
.searchList li a:hover,
.searchList li a:active {
	background: #0c67e2;
	color: #fff
}
.searchList li img {
	vertical-align: middle;
	margin-right: 5px
}
#appPush {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color:rgba(0,0,0,.7);
	z-index:999999;
}
#appPush .appcont {
	height: 50px;
	padding: 10px 15px;
	position: relative
}
#appPush .appcont a {
	width: 100%;
	height: 100%;
	display: block
}
#appPush .appcont label {
	position: absolute;
	width: 50px;
	height: 50px
}
#appPush .appcont label img {
	width: 100%
}
#appPush .appcont span {
	position: absolute;
	left: 74px;
	color: #fff;
	line-height: 25px;
	font-size: 16px
}
#appPush .appcont b {
	position: absolute;
	right: 15px;
	top: 20px;
	padding: 0 15px;
	line-height: 32px;
	color: #fff;
	background-color: #5fb336;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	text-align: center
}
#appPush .appcont b a {
	color: #fff
}
#appPush span#close {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9999px;
	background: url(../img/close.png) no-repeat
}
@media screen and (max-width: 370px) {
	.mes {
		font-size: 16px
	}
	.checkin div.code input.short {
		width: 32%
	}
}
@media screen and (min-width: 380px) and (max-width: 480px) {
	.top-news .first span.hap {
		width: 68%
	}
	.actives dl dd {
		width: 75%
	}
	.actives dl dd.fr {
		color: #999;
		font-size: 12px
	}
	.nav li a sup{
		font-size:10px;
	}
}
@media screen and (min-width: 350px) and (max-width: 380px) {
	.top-news .first span.hap {
		width: 65%
	}
	.actives dl dd {
		width: 70%
	}
}
@media screen and (min-width: 351px) {
	.checkin div.code img {
		height: 50px;
		width: 100px
	}
}
@media screen and (max-width: 350px) {
	.checkin div.code img {
		height: 50px;
		width: 82px
	}
}
@media screen and (max-width: 479px) {
	.newsPart .n-list dl,
	.top-news .first dl {
		height: 75px;
		padding: 15px 0
	}
	.newsPart .n-list dl dt,
	.top-news .first dl dt {
		top: 15px;
		width: 105px;
		height: 75px
	}
	.newsPart .n-list dl dt img,
	.top-news .first dl dt img {
		width: 105px;
		height: 75px
	}
	.newsPart .n-list dl dd,
	.top-news .first dl dd {
		padding-left: 125px;
		padding-right: 10px
	}
	.newsPart .n-list dl dd .title,
	.top-news .first dl dd .title {
		font-size: 16px;
		height: 20px;
		line-height: 20px;
		overflow: hidden
	}
	.newsPart .n-list dl dd .info,
	.top-news .first dl dd .info {
		line-height: 18px;
		height: 36px;
		font-size: 12px
	}
	.newsPart .n-list dl dd .pf,
	.top-news .first dl dd .pf {
		font-size: 12px;
		margin-top: 3px
	}
	.newsPart .n-list dl dd .score,
	.top-news .first dl dd .score {
		left: 37px;
		width: 25px;
		height: 16px
	}
	#menu div,
	.tip,
	.ways {
		font-size: 16px
	}
	.actives dl {
		height: 30px;
		width: 100%;
		border-top: 1px solid #e5e5e5;
		clear: both;
		overflow: hidden;
		position: relative;
		font-size: 12px
	}
	.actives dl dt {
		position: absolute;
		left: 10px;
		top: 5px;
		display: block;
		text-align: center;
		color: #fff;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		height: 20px;
		line-height: 20px;
		padding: 0 4px
	}
	.actives dl dt.hd {
		background: #ff4200
	}
	.actives dl dt.gl {
		background: #117ab3
	}
	.actives dl dt.xw {
		background: #6aa71b
	}
	.actives dl dd {
		margin-left: 50px;
		line-height: 30px;
		width: 70%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.article_detail article div.det,
	.article_detail article div.det div,
	.article_detail article div.det p {
		font-size: 14px;
		line-height: 25px
	}
	.gameMes .sim-intro {
		font-size: 14px;
		line-height: 25px
	}
	.searchBar {
		height: 30px
	}
	.searchBar input {
		font-size: 14px;
		height: 30px;
		line-height: 30px
	}
	.searchBar span {
		width: 30px;
		height: 30px
	}
	.searchList li {
		height: 30px;
		line-height: 30px
	}
	.searchList li a {
		font-size: 14px
	}
	.searchList li img {
		width: 12px
	}
}
@media screen and (max-width: 320px) {
	#header .head span.phone {
	width:15px;
	height:20px;
}
#header .head span.phone i.q{
	width:11px;
	height:13px;
	top:2px;
	left:2px;
}
#header .head span.phone i.c{
	width:3px;
	height:3px;
	bottom:1px;
	margin-left:-1px;
	-webkit-border-radius:1.5px;
	-moz-border-radius:1.5px;
	border-radius:1.5px;
}
#header .head span.font {
	margin-top: 19px;
	height:18px;
	line-height:18px;
}
	.searchBar {
		height: 26px
	}
	.searchBar span {
		width: 26px;
		height: 26px
	}
	.searchBar input {
		font-size: 12px;
		height: 26px;
		line-height: 26px
	}
	.searchList li {
		height: 26px;
		line-height: 26px
	}
	.searchList li a {
		font-size: 12px
	}
	.searchList li img {
		width: 10px
	}
	.mygame div.outer .mess .fr {
		padding: 6px
	}
	.mygame div.outer .mess .fr a {
		font-size: 12px
	}
	.gm-topest .tbody td.dlgame img,
	.gm-topest .tbody td.pack img {
		width: 24px
	}
	.game-info .row .free {
		font-size: 14px
	}
	.newsPart .n-list dl,
	.top-news .first dl {
		height: 65px
	}
	.newsPart .n-list dl dt,
	.top-news .first dl dt {
		left: 5px
	}
	.newsPart .n-list dl dd .info,
	.top-news .first dl dd .info {
		line-height: 26px;
		height: 26px;
		font-size: 12px
	}
	.newsPart .n-list dl dt img,
	.top-news .first dl dt img {
		width: 90px;
		height: 65px
	}
	.newsPart .n-list dl dd,
	.top-news .first dl dd {
		padding-left: 105px;
		padding-right: 10px
	}
	.newsPart .n-list dl dd .title,
	.top-news .first dl dd .title {
		font-size: 14px;
		height: 18px;
		line-height: 20px
	}
	.gn-list .lo {
		padding: 4px 0
	}
	.mygame div.outer .mess .fl label {
		width: 54px
	}
	.actives dl dd {
		width: 64%
	}
	.gm-topest td img {
		width: 14px
	}
	.gm-topest .thead td {
		padding: 5px 0 5px 4px
	}
	.gm-topest .tbody td {
		padding: 5px 0 5px 4px
	}
	#menu div {
		font-size: 14px;
		line-height: 24px
	}
	#menu div label {
		width: 24px;
		height: 24px
	}
	#menu div span em {
		color: #f00;
		font-size: 12px;
		margin-left: 4px
	}
	.article_detail article div.det,
	.article_detail article div.det div,
	.article_detail article div.det p {
		font-size: 14px
	}
	div.detail h3.bs {
		font-size: 16px;
		margin-top: 0
	}
	.game-info .row .packcont div.detail p.start {
		margin-bottom: 0
	}
	.packlist .row .packcont div.detail p.start img {
		width: 13px
	}
	.packlist .row .packcont div.detail p.hapi img {
		width: 14px!important
	}
}
@media screen and (min-width: 320px) and (max-width: 479px) {
	.mygame div.outer .mess .apack span {
		width: 57%
	}
	.packlist .row .packcont div.detail {
		width: 67%
	}
}
@media screen and (min-width: 430px) {
	.checkin div.code input {
		width: 50%
	}
}
@media screen and (max-width: 429px) {
	.checkin div.code input {
		width: 45%
	}
	.bindmgetcode div input {
		width: 42%!important;
		padding: 11px 2px!important
	}
	.checkin div.code label,
	.checkin div.code input,
	.ulogin div.register input {
		font-size: 12px
	}
	.ulogin div.register label {
		width: 50px;
		font-size: 12px
	}
	.checkin div.code span {
		font-size: 12px
	}
	.hot-games .games .line .gmdl dl dt {
		font-size: 12px
	}
	.hot-games .games .line .gmdl dl dt h3 {
		font-size: 12px
	}
	.hot-games .games .line .gmdl dl dt p,
	.hot-games .games .line .gmdl dl dt p a {
		font-size: 12px
	}
	.hot-games .games .line .gmdl dl dt.lg {
		width: 54px
	}
	.hot-games .games .line .gmdl dl dt.lb {
		left: 74px
	}
	.gamepacks .packlist .row {
		height: 75px
	}
	.gamepacks .packlist .row .packcont div.logo {
		width: 55px
	}
	.gamepacks .packlist .row .packcont div.detail {
		left: 65px
	}
}
@media screen and (min-width: 400px) {
	.hot-games .games .line .bdcont label {
		width: 45%
	}
}
@media screen and (max-width: 320px) {
	#header .head {
		width: 95%;
		margin: 0 auto;
		height: 50px
	}
	#header .head label {
		float: left;
		margin-top: 10px;
		width: 120px
	}
	#header .head span {
		float: right;
		width: 20px;
		display: block;
		margin-top: 18px
	}
	#header .head span.uc {
		margin-right: 8px;
		width: 36px
	}
	.hot-games .games .line .bdcont label h3 a {
		font-size: 14px
	}
	.hot-games .games .line .bdcont label p {
		font-size: 12px
	}
	.quickNav li a {
		font-size: 14px;
		padding: 6px 0
	}
	.game-detail,
	.article_detail,
	.game-info,
	.mine,
	.service,
	.ucenter,
	.ulogin {
		margin-top: 60px
	}
	.game-list li h3 {
		font-size: 12px
	}
	.game-list li p {
		font-size: 10px
	}
	.addWrap {
		width: 95%;
		background: #fff;
		margin: 60px auto 0;
		position: relative
	}
	.quickNav {
		top: 50px
	}
	#menu {
		top: 50px;
		display: none;
	}
	.quickNav li {
		width: 16.2%
	}
	.top-news .first span.t {
		display: block;
		font-size: 16px;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: #2b2b2b
	}
	.top-news .first span.b {
		display: block;
		font-size: 12px;
		width: 100%;
		color: #626a77;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.top-news .first span.d {
		font-size: 14px;
		position: absolute;
		color: #ccc;
		bottom: 0;
		right: 0
	}
	.top-news ul li span {
		float: left;
		height: 30px;
		line-height: 30px;
		font-size: 12px
	}
	.top-news ul li span.hd {
		background: #ff4200;
		color: #fff;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		height: 1.4em;
		line-height: 1.4em;
		margin: .7em .5em 0 0;
		padding: 0 .2em
	}
	.top-news ul li span.gl {
		background: #117ab3;
		color: #fff;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		height: 1.4em;
		line-height: 1.4em;
		margin: .7em .5em 0 0;
		padding: 0 .2em
	}
	.top-news ul li span.fr {
		color: #ccc;
		font-size: 12px
	}
	.top-news ul li span.st {
		width: 64%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.top-news h2,
	.gm-topest h2,
	.ucenter h1,
	.ulogin h1,
	.hot-game h2,
	.mine h2,
	.hot-games h2,
	.tops h2 {
		font-size: 20px;
		font-weight: normal;
		width: 100%;
		height: 40px;
		line-height: 40px
	}
	.top-news h2 span,
	.gm-topest h2 span,
	.ucenter h1 span,
	.ulogin h1 span,
	.hot-game h2 span,
	.mine h2 span,
	.hot-games h2 span,
	.tops h2 span {
		width: 6px;
		background: #fb882a;
		display: block;
		float: left;
		height: 24px;
		margin-top: 8px;
		margin-right: 1%
	}
	.hot-game h2 a img {
		width: 6px;
		vertical-align: middle
	}
	.game-list li p a {
		padding: 4px 0;
		margin: 4px auto;
		font-size: 12px
	}
	.newsPart .leader li {
		font-size: 16px;
		padding: 8px 0
	}
	.newsPart .n-list .bdbtm div span h2 {
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 14px;
		font-weight: normal
	}
	.gm-topest .thead td {
		font-size: 16px
	}
	.gm-topest .tbody td {
		font-size: 12px
	}
	.newsPart .n-list .more a,
	.mine .more a,
	.top-news .more a {
		font-size: 16px;
		font-weight: normal
	}
	.tops,
	.topper {
		margin-top: 60px
	}
	#footer {
		font-size: 12px
	}
	.packlist .row .packcont div.logo {
		width: 70px
	}
	.packlist .row .packcont div.detail {
		width: 60%
	}
	.game-info .row .packcont div.detail p {
		font-size: 14px;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	.game-info .row .packcont div.detail p.start span {
		margin: 4px 4px 4px 0;
		width: 0;
		height: 0;
		border-right: 10px solid transparent;
		border-bottom: 7px solid #bbb;
		border-left: 10px solid transparent;
		-moz-transform: rotate(35deg);
		-webkit-transform: rotate(35deg);
		-ms-transform: rotate(35deg);
		-o-transform: rotate(35deg)
	}
	.game-info .row .packcont div.detail p.start span:before {
		border-bottom: 8px solid #bbb;
		border-left: 3px solid transparent;
		border-right: 3px solid transparent;
		height: 0;
		width: 0;
		top: -4.5px;
		left: -6.5px;
		-webkit-transform: rotate(-35deg);
		-moz-transform: rotate(-35deg);
		-ms-transform: rotate(-35deg);
		-o-transform: rotate(-35deg)
	}
	.game-info .row .packcont div.detail p.start span:after {
		top: .3px;
		left: -10.5px;
		width: 0;
		height: 0;
		border-right: 10px solid transparent;
		border-bottom: 7px solid #bbb;
		border-left: 10px solid transparent;
		-webkit-transform: rotate(-70deg);
		-moz-transform: rotate(-70deg);
		-ms-transform: rotate(-70deg);
		-o-transform: rotate(-70deg)
	}
	.game-info .row .packcont div.detail p.start span.red {
		border-bottom: 7px solid #fb882a
	}
	.game-info .row .packcont div.detail p.start span.red:before {
		border-bottom: 7px solid #fb882a
	}
	.game-info .row .packcont div.detail p.start span.red:after {
		border-bottom: 7px solid #fb882a
	}
	.packlist .row .packcont div.logo {
		width: 65px
	}
	.game-info .row .dlbtn a {
		font-size: 16px;
		width: 30.5%
	}
	div.detail h3 {
		font-size: 14px;
		margin-bottom: 2px;
		margin-top: 0
	}
	.packlist .row .packcont div.detail p {
		font-size: 12px
	}
	.packlist .row .packcont div.get a {
		font-size: 12px;
		height: 25px;
		width: 40px;
		line-height: 25px;
		margin-top: 20px
	}
	.packlist .row .packcont div.detail {
		width: 70%
	}
	.hot-games .more a,
	.topper .more a,
	.gm-topest .more a,
	.mine .more a,
	.top-news .more a {
		font-size: 16px
	}
	.game-info .row .getcode {
		float: right;
		margin-right: 4%;
		margin-top: -60px
	}
	.hot-games .games .line .bdcont span {
		width: 10%;
		float: left
	}
	.hot-games .games .line .bdcont span.lg {
		width: 30%;
		margin: 4px
	}
	.hot-games .games .line .bdcont span img {
		width: 100%
	}
	.hot-games .games .line .bdcont label {
		float: left;
		margin-top: 10px;
		line-height: 16px;
		width: 50%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	#header .head span.name {
		width: 60px;
		margin-top: 26px
	}
	.top-news .first span.hap,
	.newsPart .n-list .bdbtm div span {
		width: 56%
	}
	.top-news .first label img,
	.newsPart .n-list .bdbtm div label img {
		width: 80px;
		height: 52.4px
	}
	.mes {
		font-size: 14px
	}
	.gn-list .lo div span em {
		width: 90px;
		white-space: nowrap;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.topper .selects p {
		font-size: 14px
	}
}
@media screen and (min-width: 480px) {
	#header .head span.phone {
	width:26px;
	height:34px;
}
#header .head span.phone i.q{
	width:22px;
	height:24px;
	top:2px;
	left:2px;
}
#header .head span.phone i.c{
	width:4px;
	height:4px;
	bottom:2px;
	margin-left:-2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
#header .head span.font {
	margin-top: 22px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
}
	.game-detail,
	.article_detail,
	.game-info,
	.mine,
	.service,
	.ulogin,
	.ucenter {
		margin-top: 80px
	}
	#header .head {
		width: 95%;
		margin: 0 auto;
		height: 70px
	}
	#header .head label {
		float: left;
		margin-top: 12px;
		width: 175px
	}
	#header .head span {
		float: right;
		width: 34px;
		display: block;
		margin-top: 18px
	}
	#header .head span.uc {
		margin-right: 8px;
		width: 60px
	}
	.addWrap {
		width: 95%;
		background: #fff;
		margin: 80px auto 0;
		position: relative
	}
	.quickNav {
		top: 71px
	}
	.quickNav li {
		width: 16.38%;
		float: left
	}
	#menu {
		top: 70px;
		display: none;
	}
	.tops,
	.topper {
		margin-top: 80px
	}
	.newsPart .n-list .more a,
	.gm-topest .more a,
	.mine .more a,
	.top-news .more a {
		font-size: 20px;
		font-weight: normal;
		width: 100%;
		display: block
	}
	#footer {
		font-size: 16px
	}
	.game-info .row .getcode a {
		font-size: 18px;
		padding: 6px
	}
	#header .head span.name {
		width: 210px;
		margin-top: 38px;
		font-size: 14px
	}
	.top-news .first span.hap,
	.newsPart .n-list .bdbtm div span {
		{
			width: 62%
		}
		.hot-games .games .line .bdcont label {
			width: 50%
		}
		.nav li a sup{
			font-size:14px;
		}
	}
	@media screen and (min-width: 640px) {
		.top-news .first span.hap, .newsPart .n-list .bdbtm div span {
			width: 74%
		}
		.top-news .first label img,
		.newsPart .n-list .bdbtm div label img {
			width: 145px;
			height: 95px
		}
	}
	@media screen and (min-width: 450px) {
		.packlist .row .packcont div.detail {
			width: 66%
		}
	}
	@media screen and (orientation: landscape) {
		#menu {
			background: #303537;
			position: fixed;
			top: 70px;
			right: 0;
			z-index: 100000000;
			display: none;
			width: 100%
		}
		#menu div {
			border-bottom: 1px solid #191b1c;
			font-size: 18px;
			line-height: 50px;
			width: 33.333%;
			float: left;
			height: 50px;
			padding: 0;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap
		}
		#menu div h2 {
			font-weight: normal
		}
		#menu div label {
			width: 30px;
			height: 30px;
			float: left;
			margin-top: 10px
		}
		#menu div label img {
			width: 100%
		}
		#menu div span {
			margin-left: 5px;
			height: 50px;
			line-height: 53px;
			width: 175px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap
		}
		#menu div span.orz {
			color: #f18505
		}
		#menu div a {
			display: block;
			color: #fff;
			z-index: 1;
			width: 100%;
			height: 100%
		}
		#menu div span em {
			color: #f00;
			font-size: 14px;
			margin-left: 4px
		}
		#menu div a:before,
		#menu div a:after {
			content: '';
			display: table
		}
		#menu div a:after {
			clear: both
		}
		#menu div:active {
			background: #191b1c
		}
		#menu div a:active {
			color: #fff;
			background: 0
		}
		#menu div a:focus {
			outline: 0
		}
	}
	@media screen and (orientation: landscape) and (max-width: 640px) {
		#menu {
			top: 64px
		}
		#menu div {
			font-size: 16px;
			line-height: 45px;
			height: 45px;
			padding: 0
		}
		#menu div label {
			width: 25px;
			height: 25px;
			float: left;
			margin-top: 6px
		}
		#menu div span {
			height: 45px;
			line-height: 45px;
			width: 130px
		}
		#menu div span em {
			font-size: 12px;
			margin-left: 2px
		}
	}
	@media screen and (orientation: landscape) and (max-width: 480px) {
		#menu {
			top: 64px
		}
		#menu div span {
			height: 45px;
			line-height: 45px;
			width: 120px
		}
	}