html {  font-family: sans-serif; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {  margin: 0;text-align:left;font-size: 14px;padding:0 0 8px 0;  font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}
article,aside,details, /* 1 */figcaption,figure,footer,header,main, /* 2 */menu,nav,section,summary { /* 1 */  display: block;}
audio,canvas,progress,video {  display: inline-block;}
audio:not([controls]) {  display: none;  height: 0;}
progress {  vertical-align: baseline;}
template, /* 1 */[hidden] {  display: none;}
a {  background-color: transparent; /* 1 */  -webkit-text-decoration-skip: objects; /* 2 */}
a:active,a:hover {  outline-width: 0;}
abbr[title] {  border-bottom: none; /* 1 */  text-decoration: underline; /* 2 */  text-decoration: underline dotted; /* 2 */}
b,strong {  font-weight: inherit;}
b,strong {  font-weight: bolder;}
dfn {  font-style: italic;}
h1 {  font-size: 2em;  margin: 0.67em 0;}
mark {  background-color: #ff0;  color: #000;}
small {  font-size: 80%;}
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sub {  bottom: -0.25em;}
sup {  top: -0.5em;}
img {  border-style: none;}
svg:not(:root) {  overflow: hidden;}
code,kbd,pre,samp {  font-family: monospace, monospace; /* 1 */  font-size: 1em; /* 2 */}
figure {  margin: 1em 40px;}
hr {  box-sizing: content-box; /* 1 */  height: 0; /* 1 */  overflow: visible; /* 2 */}
button,input,select,textarea {  font: inherit; /* 1 */  margin: 0; /* 2 */}
optgroup {  font-weight: bold;}
button,input { /* 1 */  overflow: visible;}
button,select { /* 1 */  text-transform: none;}
button,html [type="button"], /* 1 */[type="reset"],[type="submit"] {  -webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {  outline: 1px dotted ButtonText;}
fieldset {  border:0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend {  box-sizing: border-box; /* 1 */  color: inherit; /* 2 */  display: table; /* 1 */  max-width: 100%; /* 1 */  padding: 0; /* 3 */  white-space: normal; /* 1 */}
textarea {  overflow: auto;}
[type="checkbox"],[type="radio"] {  box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto;}
[type="search"] {  -webkit-appearance: textfield; /* 1 */  outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
::-webkit-input-placeholder {  color: inherit;  opacity: 0.54;}
::-webkit-file-upload-button {  -webkit-appearance: button; /* 1 */  font: inherit; /* 2 */}
/*  */
.clearfix {	*zoom:1}
.clearfix:before,.clearfix:after {	display:table;	line-height:0;	content:""}
.clearfix:after {	clear:both}
em, i {    font-style: normal;}
p{margin: 0;}
img {	width:auto\9;	height:auto;	max-width:100%;	vertical-align:middle;	border:0;	-ms-interpolation-mode:bicubic}
ul,ol,dl,h1,h2,h3,h4,h5,h6,dt,dd{margin:0;padding:0}
ul li,ol li{list-style:none}
.f-fl,.f-lifl li{float:left;display:inline}
.f-fr{float:right;display:inline}
a{text-decoration:none;color:#2a2a2a;}
a:hover{color:#5ecd5b;}

em{ font-style:normal;}
/* ?0?10?0?11 */
#foot {    width: 1240px;    text-align: center;    margin: 0 auto; padding:16px 0;}
#foot h3 {    font-size: 12px;    font-weight: normal;   color: #999;}
#foot h3 a {    color: #333;    margin: 0 6px;}
#foot p span {    margin-left: 5px;}
#foot p span {    color: #808080;}
#foot p {    color: #f55110;    line-height: 24px;    margin:  0;}

/* game */
.g-nav-box { margin-bottom: 10px }
.g-1240 { width: 1240px; margin: 0 auto; }


.g-nav-box .g-nav-label { text-align: center; }
.g-nav-box .g-nav-label a { padding: 0 10px; margin:0 19px; }




.m-gamenavul { background: #f8f8f8 }
.m-gamenavul li { width: 103.3px; }
.m-gamenavul li a { display: block; height: 90.3px;padding-top: 13px; }
.m-gamenavul li a p { height: 74px; border-left: 1px solid #fff; border-right: 1px solid #e1e1e1; text-align: center; padding-top:6px }
.m-gamenavul li a img {  display: block; margin:0 auto 3px;transition:all .2s linear;	-webkit-transition:all .2s ease-out;	-moz-transition:all .2s ease-out;	-o-transition:all .2s ease-out;	-ms-transition:all .2s ease-out  }
.m-gamenavul li a:hover { font-weight: 800}
.m-gamenavul li a:hover img{transform:scale(1.1);	-webkit-transform:scale(1.1);	-moz-transform:scale(1.1);	-o-transform:scale(1.1);	-ms-transform:scale(1.1);width: 110%\9}
.m-gamenavul li.m-noxian1 p { border-left: none }
.m-gamenavul li.m-nlixian p {border-right: none}



.m-l1 { width: 280px; margin-right: 20px; }
.m-l2 { width: 520px; }
.m-r2 { width: 400px; }


.m-h3tit { height: 38px; line-height: 38px; border-bottom:2px #e2e2e2 solid; font-size: 20px; font-weight: 400; }
.m-h3tit .f-tabnav{ float:right; width:60px; margin-top: 8px; line-height: 10px;}
.m-h3tit .f-tabnav i{ display: inline-block; width: 20px; height: 20px; margin-left:6px; cursor:pointer; font-size: 13px; line-height: 20px; text-align: center;background-color:#fafafa; color:#333; }
.m-h3tit .f-tabnav i.hover{ background-color:#5ecd5b; color:#fff;}



.tabContent li .img {	display:none}
.tabContent .now .img {	display:block}
.tabContent li {	padding-left:30px;	position:relative;height:32px;	line-height:30px;	overflow:hidden;	}
.tabContent .now {	height:100px}
#no-rank .now {	height:30px}
.tabContent li .num {	width:20px;	height:20px;	background:#879299;	color:#fffefe;	font-size:14px;	text-align:center;	line-height:20px;	position:absolute;	left:0;	top:12px}
.tabContent li .r1 {	background:#fa4e57}
.tabContent li .r2 {	background:#fa7a53}
.tabContent li .r3 {	background:#fbc258}
.tabContent li .txt {	display:block;	overflow:hidden;height:30px;	line-height:30px;	margin-top:7px; font-size: 15px;}
.tabContent li p {	height:56px;	margin:5px 0 0 0}
.tabContent li .img,.tabContent li .img img {	width:64px; }
.tabContent li .img {	float:left; margin:10px 10px 0 0; }
.tabContent li span {	float:left;	width:155px;	position:relative;	top:-6px}
.tabContent li span a {	display:block;	width:90px;	height:30px;	line-height:30px;	text-align:center;	border:1px solid #00bd3f;	border-radius:3px;	color:#00bd3f}
.tabContent li span a:hover {	background:#00bd3f;	color:#fff}
.tabContent li span i {	color:#999}
.tabContent li span i s {	margin-left:5px}
.star0,.star1,.star2,.star3,.star4,.star5,.star6 {	background:url(../images/star.png) no-repeat;	width:84px;	height:13px;	display:inline-block}
.star1 {	background-position:0 -26px}
.star2 {	background-position:0 -52px}
.star3 {	background-position:0 -78px}
.star4 {	background-position:0 -104px}
.star5,.star6 {	background-position:0 -130px}






.m-bjtjul {}

.m-bjtjul li{ margin-top: 20px; }
.m-bjtjul li a{ display: block; }

.m-bjtjul li a p.f-fl{ display: block; width: 118px; height: 88px; overflow: hidden; margin:0 15px 0 0 ; border:1px #ccc solid; }
.m-bjtjul li a p.f-fl img{ display: block; width: 120px; height: 90px;transition:all .2s linear;	-webkit-transition:all .2s ease-out;	-moz-transition:all .2s ease-out;	-o-transition:all .2s ease-out;	-ms-transition:all .2s ease-out }
.m-bjtjul li a:hover p.f-fl img{transform:scale(1.2);	-webkit-transform:scale(1.2);	-moz-transform:scale(1.2);	-o-transform:scale(1.2);	-ms-transform:scale(1.2);width: 120%\9 }
.m-bjtjul li a strong { font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 7px; display: inline-block; width: 140px; height: 48px; overflow: hidden; padding-top: 3px}

.m-bjtjul li a p span { width: 44px; height: 20px; line-height: 20px; color: #fff; background: #3c6; text-align: center; }

.m-bjtjul li a p i { color: #999; margin: 2px 0 0 10px; }


.g-gamet { margin-bottom: 10px; }




.m-gametop h2  { text-align: center; margin-bottom:10px; height: 30px; overflow: hidden; padding-top: 5px}
.m-gametop h2 a{ font-size:22px; color:#ff3838; text-align:center; font-weight: bold; }
.m-gametop .headlinea{  text-align:center; color:#999; height:20px; line-height:20px; margin-bottom:12px; font-size:12px}
.m-gametop .headlinea a{ font-size:16px; color:#666; transition: color 0.4s ease-out 0s; padding: 0 8px}
.m-gametop .headlinea a:hover{ color:#ff3838;}

.m-gametopul{ padding:12px 0; border-top:1px dashed #d1d1d1;}
.m-gametopul li{ line-height: 28px; height: 28px;  overflow: hidden;}
.m-gametopul a{ font-size:15px; -webkit-transition:all .4s ease-out; transition:all .4s ease-out; }
.m-gametopul i{ float:right; color:#999}
.m-gametopul span{margin-right:5px;}
.m-gametopul span a{ color: #888 }






.m-cdul{width:630px;overflow: hidden;margin-left: -25px;}

.m-cdul .m-title  { margin-left: 25px }

.m-title {	height:55px;	line-height:55px;	border-bottom:2px solid #5ecd5b;	font-size: 16px; position: relative;}
.m-title h2 {	font-size:24px;	font-family:Candara;	color:#5ecd5b;	font-weight:400;	float:left;	padding-right:14px}
.m-title h2 b {	display:inline-block;	font-size:24px;	font-weight:400;	color:#676767;	font-family:"Microsoft YaHei";	padding:0 2px;			position:relative;	bottom:1px}
.m-title span {	font-size:20px;	color:#ddd}
.m-title span i {	cursor:pointer;	padding:0 20px;	font-size:18px;	color:#333}
.m-title span .hover {	color:#00bd3f}
.m-title .ctr {	position:absolute;	top:-0;right:0;	display:inline}
.m-title .ctr .more {	float:right;	border:none; height: 26px; line-height: 26px; margin:17px 0 0 0 ;}
.m-title .ctr a {	padding:0 7px;	border-right:1px solid #ddd;	font-size:16px}

.m-cdul { padding-top: 15px; }
.m-cdul li{float: left;margin-left: 26px;position: relative;width:131px;height:210px;margin-top: 2px;line-height: 35px;margin-bottom: 10px;}
.m-cdul li span { display: block;width: 131px;height: 174px; overflow: hidden; }
.m-cdul li img{width: 131px;display: block;transition:all .2s linear;	-webkit-transition:all .2s ease-out;	-moz-transition:all .2s ease-out;	-o-transition:all .2s ease-out;	-ms-transition:all .2s ease-out }
.m-cdul li .sbddy{width:131px;height:25px;line-height:25px;text-align:center;overflow:hidden;}
.m-cdul li a{color: #ccc;}
.m-cdul li a b{position: absolute;display: block;top: 150px;height: 24px;background: #000;width: 131px;z-index: 10}
.m-cdul li a p{color: #fff;display: block;margin-bottom:1px;position: absolute;top:150px;height: 24px;line-height: 24px;text-align: center;z-index: 50;color: #fff;width: 131px;text-align: center;overflow:hidden;background: none repeat scroll 0 0 #000;opacity:0.8; font-size: 15px;}
.m-cdul li a:hover{text-decoration: none;}
.m-cdul li a:hover img{border-color: #ffc000;transform:scale(1.1);	-webkit-transform:scale(1.1);	-moz-transform:scale(1.1);	-o-transform:scale(1.1);	-ms-transform:scale(1.1);width: 110%\9}
.m-cdul li em{position: absolute;right: 0;top: 170px;font-family: Arial;color: #f87272;font-size: 18px;font-weight: bold;}










.m-fzft { width:  820px}

.m-fzdd { width: 400px }




.m-fzft .m-title{ margin-bottom: 20px; }

.m-fzdiv{overflow: hidden;width: 390px;float: left; margin-right:20px }
.m-fzdiv span{width: 25px;height: 122px;background: url(../images/buding.png) no-repeat  -2px -3px;color: #929292;font-weight: bold;font-size: 14px;line-height: 16px;text-align:  center;padding-top: 10px;padding-right: 19px;padding-left: 5px;}
.m-fzdiv ul{float: left;}
.m-fzdiv ul li{width: 335px;margin-left: 6px;padding-bottom: 10px;}
.m-fzdiv ul li i{width: 6px;height: 6px;border-radius: 6px;background: #e8e8e8;margin-top: 6px;margin-right: 6px;}
.m-fzdiv ul li a{color: #444;font-size:15px;line-height: 20px;}
.m-fzdiv ul li i,.m-fzdiv span{display: inline-block;float: left;}
.m-fzdiv ul li a:hover,.m-fzdiv ul li.new a{ color: #ff5b28; }

.m-fzdiv span.m-tp2 { line-height: 22px; } 




.m-gamemap {  }
.m-gamemap li {  margin:14px 20px 0px 0px;overflow: hidden;  }
.m-gamemap li a { display: block; height: 32px; font-size: 15px; line-height: 32px; background: url(../images/xixibtn.png) no-repeat right center ; padding-right: 22px; }
.m-gamemap li a span { font-size: 14px; color: #666 }
.m-gamemap li a:hover span { color: #5ecd5b }
.m-gamemap li a img { width: 32px; height: 32px;float: left;margin-right: 10px; }





.m-link { padding-top: 15px }
.m-link a{ display: inline-block; margin: 0 1px; }










.m-gico { width: 34px; height: 34px; background-image: url(../images/gameico.png); background-repeat: no-repeat; position: relative; display:inline-block; margin:0 5px 0 0  }
.m-gico2 {background-position:0 -37px }
.m-gico3 {background-position:0 -77px }
.m-gico4 {background-position:0 -120px }
.m-gico5 {background-position:center -170px }
.m-gico6 {background-position:center -206px }
.m-gico7 {background-position:center -239px }
.m-gico8 {background-position:center -273px }
.m-gico9 {background-position:0 -300px }

.m-gh4 { font-weight: normal;border-bottom:1px #c7c7c7 solid; padding: 0 0 5px ; position: relative;}
.m-gh4 strong{ height: 34px;line-height: 34px; display:inline-block; font-weight: normal; font-size: 22px;}
.m-gh4 strong i { float: left;}
.m-gh4 span.f-fr{ float: right; font-size: 12px; font-family:SimSun;margin:12px 0 0 0  }

.m-toplis { position: absolute; width: 700px; height: 30px; top: 1px;right:45px;}
.m-toplis li {margin: 3px 5px 10px;    line-height: 26px;    height: 26px;
    width: auto;    position: relative;}
.m-toplis li span{    text-decoration: none;  width: 70px;    text-align: center; display: block}
.m-toplis li.m-hover { background: #3ba32a;color: #fff}
.m-toplis li.m-hover:before {
    display: block;
    content: '';
    position: absolute;
    top: 26px;
    left: 50%;
    margin-left: -4px;
    width: 0;
    height: 0;
    border: 6px solid #3ba32a;
    border-color: #3ba32a transparent transparent;
}

.scale_img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
a:hover .scale_img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}


.m-hejiul { margin-left: -20px; padding-top: 15px;}
.videobox{ width:293px; float:left; margin-left:20px; background:#FFF;box-shadow:0px 0px 1px 0px #f3f2f2; transition:all 0.3s; border:1px #eee solid}
.vimg{ width:293px; display:block; overflow:hidden}
.vimg img{ width:293px; height:160px; display:block}
.vnews{ height:40px; border-bottom:#f0f0f0 solid 1px; padding:12px 17px}
.vnews li{ line-height:20px; background:url(../images/dian.png) 0 center no-repeat; padding-left:13px; height:20px; overflow:hidden}
.vnews li a{ color:#666}
.vnews li a:hover{ color:#ff3300}
.vzz{ height:50px; padding:14px 16px; overflow:hidden}
.zz_text{ width:220px; float:left}
.zz_text h4{ font-size:16px; line-height:24px}
.zz_text p{line-height:24px; color:#bbb; height: 24px; overflow: hidden;;}
.zz_more{ width:18px; float:right; margin-top:23px}
.zz_more a{ width:18px; height:4px; background:url(../images/vmore.png) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-9999px}
.videobox:hover{box-shadow:0 0 15px rgba(0, 0, 0, 0.4);}






/* ??? */
.m-topdiv { margin-left: -20px; padding-top: 15px;}
.m-topdiv dl{ background-color:#f7f7f7; width:295px; margin-left: 20px; overflow: hidden; float: left;; }
.m-topdiv dl dt { margin:5px 0 10px 10px; font-size: 16px;}
.m-topdiv dl dt i { width: 20px; height: 18px; float: left;}

.m-topdiv dl dd { margin-bottom: 10px;}
.m-topdiv dl dd div{float: left;}
.m-topdiv dl dd .m-img a { width:70px; height: 98px; display: block; background-color: #fff; margin-right: 10px; position: relative; }
.m-topdiv dl dd .m-img a img {display:block; position: absolute; position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);}

.m-topdiv dl dd .m-tsn { width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #bbb; margin: 0 10px; border-radius: 10px; color:#fff}
.m-topdiv dl dd.f-t3 .m-tsn {background-color: #f60;}
.m-topdiv dl dd .m-topinfo { color: #999; width: 165px;}
.m-topdiv dl dd .m-topinfo strong { height: 30px; line-height: 30px; overflow: hidden; display: block;}
.m-topdiv dl dd .m-topinfo strong a{ font-weight: normal; font-size: 16px; color: #3daa24;}
.m-topdiv dl dd .m-topinfo strong a:hover { color: #277d14}
.m-topdiv dl dd .m-topinfo p{ height: 22px; line-height: 22px; overflow: hidden; font-size: 13px;;}
.m-topdiv dl dd .m-img,.m-topdiv dl dd .m-topinfo,.m-topdiv dl dd.f-ix .m-toptit { display: none} 
.m-topdiv dl dd.f-ix .m-img,.m-topdiv dl dd.f-ix .m-topinfo{ display: block;}

.m-toptit { width: 240px; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px;}



.m-tith5 { font-size: 20px; color: #000; font-weight: normal; border-bottom:1px #c7c7c7 solid; height: 36px; line-height: 36px;;}
.m-tith5 span{ display: inline-block; width: 4px; height: 22px; background-color: #3daa24;float: left; margin: 7px 5px 0 0 }
/* ?? */
.m-gamel1 { width: 920px; margin-right: 20px;}
.m-gamel3 { width: 300px;}

.m-hjli { 
  width: 293px;
  float: left;
  margin: 20px 20px 0 0;
}
.m-hjli a{ display: block; height: auto; background-color: #f9f9f9; overflow: hidden; position: relative;}
.m-hjli p {
  width: 100%; height: auto; display: block; overflow: hidden;
}
.m-hjli a p img{ 
  display: block; overflow: hidden; width: 100%; height: 204px;
}
.m-hjli a:hover p img{transform:scale(1.1);	-webkit-transform:scale(1.1);	-moz-transform:scale(1.1);	-o-transform:scale(1.1);	-ms-transform:scale(1.1);width: 110%\9}
.m-hjli strong {
  width: 100%; height: 36px; line-height: 36px; font-size: 14px; font-weight: normal; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.5); display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 5;
}
.m-hjli span { display: block; height: 70px; color: #555; overflow: hidden;padding: 5px 10px 0 0; line-height: 22px;}


.m-hjli.m-list2 p,.m-hjli.m-list4 p { float:right; margin:0 0 0 20px}
.m-hjli.m-list2 strong,.m-hjli.m-list2 span,.m-hjli.m-list4 strong,.m-hjli.m-list4 span {padding-left:15px;padding-right:0px;}
.m-hjli:nth-child(3n){
  margin-right: 0;
}

.m-gametop { width:300px;}
.m-gametop li{ float:left; width:300px;}
.m-gamediv{ width:300px; height:114px; border-bottom:1px dashed #D9D9D9; margin-top:18px; display: none}
.m-gdivimg{ float:left; width:75px; height:96px; position:relative;}
.m-gdivimg img{ width:75px; height:96px; }
.m-lnum{ position:absolute; left:0px; top:0px;}
.m-gamediv dl{ float:right; width:210px;}
.m-gamediv dl dt a{ display:block; height:20px; line-height:20px; overflow:hidden; font-size:16px;}
.m-gamediv dl dd.cont1{ width:210px; overflow:hidden;}
.m-gamediv dl dd.cont1 span{ display:block; float:left; width:103px; height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#999; margin-top:3px;}
.m-gamediv dl dd.cont2{ width:100px; height:30px; margin-top:8px;}
.m-gamediv dl dd.cont2 a{ display:block; width:68px; height:30px; line-height:30px; background:url(../images/bg1.png) no-repeat 0px -145px; color:#FFFFFF; text-decoration:none; padding-left:32px;}
.m-dl2{ width:300px; height:53px; border-bottom:1px dashed #D9D9D9;}
.m-nnu2{ float:left; margin-top:16px;}
.m-dl2 p{ float:left; width:190px; height:18px; line-height:18px; overflow:hidden; margin:18px 0px 0px 10px;}
.m-dl2 span{ display:block; float:right; width:54px; height:33px; line-height:33px; overflow:hidden; border-left:1px dashed #D9D9D9; font-size:18px; color:#FC7663; text-align:right; margin-top:11px;}
.m-dl2 span em{ font-size:12px; color:#999;}


.num1{ width:26px; height:29px; background:#ccc; color:#FFFFFF; font-size:16px; text-align:center; line-height:29px;}
.num2{ width:22px; height:22px; line-height:22px; text-align:center; background:#ccc; color:#FFFFFF; font-size:16px;}
.llGray1{ width:26px; height:29px; background:#B6B6B6; color:#FFFFFF; font-size:16px; text-align:center; line-height:29px;}
.llGray2{ width:22px; height:22px; line-height:22px; text-align:center; background:#B6B6B6; color:#FFFFFF; font-size:16px;}

.f-t3 .num1{ background:#FC7663;}
.f-t3 .num2{ background:#FC7663;}
.m-gametop li.f-ix .m-gamediv{ display: block}
.m-gametop li.f-ix .m-dl2{ display:none}


/* ?? */
.hot-title {position: relative;margin-top: 20px;border-bottom: 1px dashed #eaeaea;}
.hot-title .active-place {position: absolute;width: 150px;height: 115px;right: 0;overflow: hidden;top: 45px;}
.hot-title dt {height: 22px;line-height: 22px;margin-bottom: 18px;}
.hot-title dt em {display: block;width: 40px;height: 22px;text-align: center;line-height: 22px;color: #fff;font-size: 14px;background: #3daa24;float: left;position: relative;margin-right: 10px;font-style: normal;}
.hot-title dt em i {display: block;width: 0;height: 0;border-left: 5px solid #3daa24;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 0;position: absolute;right: -5px;top: 6px;}
.hot-title dt a {display: inline-block;vertical-align: middle;width: 385px;font-size: 16px;color: #3daa24;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hot-title dt a:hover {color:#277d14}
.hot-title dd {padding-bottom: 20px;position: relative;border-left: 1px solid #eaeaea;margin-left: 8px;padding-left: 15px;width: 260px;height: 15px;}
.hot-title dd i {display: block;width: 18px;height: 18px;text-align: center;line-height: 7px;position: absolute;top: -2px;left: -10px;color: #777;background: #fff;font-style: normal;}
.hot-title dd.d i {line-height: 18px;font-size: 12px;border: 1px solid #eaeaea;border-radius: 50%;}
.hot-title dd a {display: inline-block;vertical-align: middle;height: 20px;overflow: hidden;text-overflow: ellipsis;}
.hot-title dd i {display: block;width: 18px;height: 18px;text-align: center;line-height: 7px;position: absolute;top: 0px;left: -10px;color: #777;background: #fff;font-style: normal;}
.hot-title .active-place a{display: block;}
.hot-title .active-place a img {display: block;width: 150px;height: 115px;transition:all .2s linear;	-webkit-transition:all .2s ease-out;	-moz-transition:all .2s ease-out;	-o-transition:all .2s ease-out;	-ms-transition:all .2s ease-out}
.hot-title .active-place a:hover img {transform:scale(1.1);	-webkit-transform:scale(1.1);	-moz-transform:scale(1.1);	-o-transform:scale(1.1);	-ms-transform:scale(1.1);width: 110%\9}
.hot-title .active-place a span {font-size: 12px;color: #fff;position: absolute;width: 130px;left: 0;bottom: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 30px;line-height: 30px;padding: 0px 10px 0 10px;text-align: center;background:rgba(0, 0, 0, 0.4)}





.m-gamebibei { margin-left: -20px }
.m-gamebibei dl{ width: 400px; margin-left: 20px; }
.m-gamebibei dl dt { position: relative; border-bottom: 1px #ddd solid; height: 27px;margin: 5px 0;}
.m-gamebibei dl dt span { font-size: 16px; color: #3daa24; width: 70px; border-bottom:3px #3daa24 solid; position: absolute; height: 26px;}
.m-gamebibei dl dt .f-fr { margin: 5px 0 0 0; font-size: 12px; color: #bbb}

.m-gamebibei dl dd { height: 26px; line-height: 26px; overflow: hidden;}
.m-gamebibei dl dd span { color: #999; margin-left: 5px}
.m-gamebibei dl dd i { display: inline-block; width: 3px; height: 3px; background-color:#bbb; float: left; margin: 12px 5px 0 0 }


/*  ???? */
.m-hotgame { padding: 12px 0;}
.m-hotgame dt{ width: 920px;}
.m-hotgame dd{ width: 300px}

.m-hotgame dt ul.m-hotul { margin-left: -19px}
.m-hotgame dt ul.m-hotul li{width: 135px;margin:15px 0 0 21px;float: left;position: relative;}
.m-hotgame dt ul.m-hotul li .m-ltop {height: 189px;overflow: hidden;position: relative;border-radius: 3px;-webkit-transition: -webkit-transform .35s,-webkit-box-shadow .35s;transition: -webkit-transform .35s,-webkit-box-shadow .35s;transition: transform .35s,box-shadow .35s;transition: transform .35s,box-shadow .35s,-webkit-transform .35s,-webkit-box-shadow .35s;}
.m-hotgame dt ul.m-hotul li:hover .m-ltop{-webkit-box-shadow: 0 12px 30px -8px rgba(0,0,0,.4);    box-shadow: 0 12px 30px -8px rgba(0,0,0,.4);    -webkit-transform: translate(-1px,-4px);    transform: translate(-1px,-4px);}
.m-hotgame dt ul.m-hotul li .m-ltop a.m-atop {position: relative; display: block; height: 189px;;}
.m-hotgame dt ul.m-hotul li .m-ltop a.m-atop img{display:block; position: absolute; position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);}
.m-hotgame dt ul.m-hotul li .m-ltop .setnum{height: 24px;width: 36px;border-radius: 24px;overflow: hidden;position: absolute;z-index: 3;top: 8px;left: 8px;font-size: 16px;color: #ff8a4c;line-height: 24px;text-align: center;background: #666;background: rgba(0,0,0,.7);}
.m-hotgame dt ul.m-hotul li .m-ltop .to-update {height: 22px;width: 90px;overflow: hidden;position: absolute;border-radius: 22px;border-bottom-left-radius: 0;left: 25px;bottom: 8px;font-size: 12px;line-height: 22px;text-align: center;color: #fff;}
.m-hotgame dt ul.m-hotul li .m-ltop .to-update p{height: 100%;width: 50px;
background: #000;background: rgba(0,0,0,.8);float: left;}


.m-hotgame dt ul.m-hotul li .m-ltop .to-update em{    height: 100%;width: 40px;
color: #fff;display: block;background: url(http://pub.dwstatic.com/p/2017dw/1.5.0/img/bg-sets_4303640.jpg) repeat-x center left;float: left;}
.m-hotgame dt ul.m-hotul li .m-tit2 { height: 30px;  line-height: 30px; font-size: 16px; overflow: hidden; display: block; text-align: center}




.m-rhotdiv{ height:auto; margin:3px 0px 0; display:block; overflow:hidden}
.m-rhotdiv a{ width:100%; height:38px; border-bottom:1px solid #eee; display:block; overflow:hidden}
.m-rhotdiv a i{ width:5px; height:5px; background:#ccc; float:left; margin:17px 0 0; display:inline; overflow:hidden}
.m-rhotdiv a img{ display:none}
.m-rhotdiv a strong{ width:280px; height:38px; line-height:38px; font-size:14px; font-weight:normal; color:#333; float:left; margin:0 0 0 9px; display:inline; overflow:hidden}
.m-rhotdiv a b{ display:none}
.m-rhotdiv a em{ height:38px; line-height:38px; float:right; font-size:14px; color:#f7021d; display:inline; overflow:hidden}

.m-rhotdiv .f-ix a{ height:auto; padding:12px 0;}
.m-rhotdiv .f-ix a i{ display:none}
.m-rhotdiv .f-ix a img{ width:86px; height:120px; float:left; margin:0 14px 0 0; display:inline; overflow:hidden}
.m-rhotdiv .f-ix a strong{width:150px;height:18px;line-height:18px;font-size: 16px;font-weight:normal;color:#00bd3f;float:left;margin: 3px 0 4px;}
.m-rhotdiv .f-ix a b{width:150px;height:15px;line-height:15px;font-size:14px;font-weight:normal;color:#999;float:left;margin: 12px 0 0;display:inline;overflow:hidden;}
.m-rhotdiv .f-ix a b span{ color:#333}
.m-rhotdiv .f-ix a b:nth-child(3) span{ color:#f7021d}
.m-rhotdiv .f-ix a em{ display:none}



.g-float{ width:60px; height:auto;position:fixed;bottom:10px;left:50%;cursor:pointer;margin-left:630px;z-index:100;}
.g-float a{ width:100%; height:60px; margin:1px 0 0 0; display:block; overflow:hidden;}
.g-float #m-top-back{ height:0px; background:url(../images/gotopll.gif) no-repeat;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2; float:left; display:block; overflow:hidden}
.g-float #m-top-back:hover {background-position:-60px 0;}

.g-gamebb,.g-gamehj { margin-bottom: 12px;}


