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; background:#f5f5f5;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}
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}
i,em{ font-style:normal}
a:link,a:visited,a:hover,a:active{ text-decoration:none}
.m-fl { display: inline; float: left; margin: 0; overflow: hidden;}

.row{ width:1240px; height:auto;  margin:auto; display:block; overflow:hidden;position: relative; z-index: 100}

.g-top-full{ width:100%; height:36px; display:block; overflow:hidden; background:#01c16a;}
.g-top-full strong{ width:auto; height:36px; line-height:36px; font-size:12px; font-weight:normal; color:#fff;}
.g-top-full ul{ width:auto; height:36px; float:right; display:inline; overflow:hidden}
.g-top-full ul li{ height:36px; line-height:36px; font-size:12px; font-weight:normal; color:#fff; float:left; margin:0 0 0 5px; float:left;display:inline; overflow:hidden}
.g-top-full ul li i{ width:auto; padding:0 0 0 5px;}
.g-top-full ul li a{ color:#fff;}
.g-top-full ul li a:hover{ color:#ff0; text-decoration:underline}


.g-head-full{ width:100%; height:86px; background:#fff; box-shadow:0 2px 3px #cecece; display:block; overflow:hidden}
.g-head-full .g-logo{ width:auto; height:auto; margin:6px 0 0;}
.g-head-full ul{ width:auto; height:42px; margin:23px 0 0 220px;}
.g-head-full ul li{ width:auto; height:42px; padding:0 6px; margin:0 4px 0 0; float:left; float:left;display:inline; overflow:hidden; position:relative; zoom:1}
.g-head-full ul li a{ width:auto; height:30px; line-height:30px; font-size:18px; font-weight:normal; color:#333;font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1"; text-align:center; padding:0 12px; border-radius:4px; margin:6px 0 0 0; float:left; display:inline; overflow:hidden}
.g-head-full ul li b{ display:none}
.g-head-full ul .m-hover{ width:auto; height:42px; background:url(../images/keyword-icon.png) no-repeat; padding:0 6px; position:relative; zoom:1}
.g-head-full ul .m-hover a{ width:auto; height:30px; line-height:30px; font-size:18px; font-weight:normal; color:#fff; text-align:center; padding:0 12px; background:#0fc459; margin:6px 0 0 0;  float:left;display:inline; overflow:hidden}
.g-head-full ul .m-hover b{ width:5px; height:42px; background:url(../images/keyword-icon.png) no-repeat 0 -61px; position:absolute; right:0; top:0; display:block; overflow:hidden}

.g-head-full #topForm{ width:334px; height:43px; margin:21px 0 0 21px;}
.g-head-full #topForm .keyword_input{ width:278px; height:39px; line-height:39px; text-indent:10px; border:2px solid #3fb118; border-right:0; border-radius:0; float:left;display:inline; overflow:hidden; padding:0; margin:0;}
.g-head-full #topForm .schbtn{ width:54px; height:43px; background:url(../images/keyword-icon.png) no-repeat 15px -349px #3fb118; padding:0; margin:0; border:0;}


.g-hide-nav{ width:100%; height:0; background:#fff; display:none; overflow:hidden; position:absolute; left:0; top:122px; border-top:1px solid #eee; border-bottom:1px solid #eee; box-shadow:0 3px 4px #ccc; z-index:99999}
.g-hide-nav .row .g-nav-cont{ width:100%; height:auto; display:none; overflow:hidden;  font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}
.g-hide-nav .row .g-nav-cont dl{ width:180px; height:auto; float:left; margin:15px 0 0 56px; display:inline; overflow:hidden}
.g-hide-nav .row .g-nav-cont dl dt{ width:100%; height:48px; line-height:48px; font-size:18px; font-weight:normal; color:#333; display:block; overflow:hidden}
.g-hide-nav .row .g-nav-cont dl dd{ width:100%; height:41px; margin:14px 0 0 0; display:block; overflow:hidden}
.g-hide-nav .row .g-nav-cont dl dd a img{ width:41px; height:41px; float:left; display:inline; overflow:hidden}
.g-hide-nav .row .g-nav-cont dl dd a strong{ width:138px; height:41px; line-height:41px; font-size:14px; font-weight:normal; color:#333; text-indent:10px; float:left; display:inline; overflow:hidden}
.g-hide-nav .row .g-nav-cont dl dd a:hover{ color:#3fb118; text-decoration:underline}
.g-hide-nav .row .g-nav-cont dl dd a:hover strong{ color:#3fb118; text-decoration:underline}

.g-box-1240{ width:1240px; height:auto; margin:18px auto 0; display:block; overflow:hidden;}
.g-position{ background:#fff; padding:10px 0; text-indent:12px; font-size:14px;}
.g-position a{ color:#333}
.g-position a:hover{ color:#ff4939; text-decoration:underline}
.g-left{ width:240px; height:auto; background:#fff; padding:0px 5px 5px; overflow:hidden}
.g-left .u-left-btn{ width:100%; height:auto; display:block; overflow:hidden}
.g-left .u-left-btn dt{ width:100%; height:auto; margin:5px 0 0; display:block; overflow:hidden; position:relative; zoom:1;}
.g-left .u-left-btn dt a{width:234px; height:49px; line-height:49px; text-indent:34px; border:3px solid #fcfcfc; font-size:18px; font-weight:bold; color:#333; text-indent:37px; background:#fcfcfc; display:block; overflow:hidden;}
.g-left .u-left-btn dt span{ width:52px; height:55px; cursor:pointer; display:block; overflow:hidden; position:absolute;top:0; right:0; z-index:500}
.g-left .u-left-btn dt span i{ width:20px; height:4px; background:#2ecc71; display:block; margin:26px 0 0 17px;}
.g-left .u-left-btn dt span i:after{content:'|'; width:20px; height:4px; background:#2ecc71; display:block; overflow:hidden; transform:rotate(90deg); font-size:0}
.g-left .u-left-btn dt a:hover{ background:#fff; border-color:#2ecc71; }
.g-left .u-left-btn dd{ width:100%; height:auto; display:none; overflow:hidden}
.g-left .u-left-btn dd a{ width:100%; height:41px; line-height:41px; font-size:16px; font-weight:normal; color:#333; text-align:center; background:#fcfcfc; border-bottom:1px solid #eee; display:block; overflow:hidden}
.g-left .u-left-btn dd a:hover{ background:#2ecc71; color:#fff;}
.g-left .u-left-btn dd .f-hover{ background:#2ecc71; color:#fff;}
.g-left .f-hover dt a{ background:#fff; border-color:#2ecc71; color:#2ecc71}
.g-left .f-hover dt span i:after{ display:none}
.g-left .f-hover dd{ height:auto; display:block;}

.g-right{ width:970px; height:auto; background:#fff;}
.g-right h1{ width:930px; height:26px; line-height:26px; font-size:16px; font-weight:bold; color:#333; margin:19px auto 13px; display:block; overflow:hidden;}
.g-right h1 i{ width:5px; height:26px; background:#2ecc71; float:left; margin:0 16px 0 0; display:inline; overflow:hidden}
.g-right .m-list-box{ width:100%; height:auto; display:block; overflow:hidden; position:relative; zoom:1; }
.g-right .m-list-box .m-list-cont{ width:930px; height:160px; margin:auto; border-bottom:1px solid #eee; display:block; overflow:hidden; position:relative; zoom:1; z-index:20;}
.g-right .m-list-box .m-list-cont .u-list-label{ width:25px; height:auto; margin:22px 17px 0 20px; overflow:hidden; position:relative; zoom:1 }
.g-right .m-list-box .m-list-cont .u-list-label dt{ width:25px; height:17px; background:url(../images/rank-icon.png) no-repeat; display:block; overflow:hidden;}
.g-right .m-list-box .m-list-cont .u-list-label dd{ width:100%; height:78px; line-height:76px; font-size:16px; font-weight:normal; color:#fff; text-align:center; background:#33abff;  border-radius:4px 4px 0 0; margin:5px 0 0; display:block; overflow:hidden}
.g-right .m-list-box .m-list-cont .u-list-label dd i{ border-left:13px solid transparent; border-right:12px solid transparent; border-bottom:8px solid #fff; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.g-right .m-list-box .m-list-cont .u-list-img{ width:120px; height:120px; margin:20px 20px 0 0; border-radius:16px; overflow:hidden;}
.g-right .m-list-box .m-list-cont .u-list-introd{ width:574px; height:auto; overflow:hidden}
.g-right .m-list-box .m-list-cont .u-list-introd dt{ width:100%; height:26px; line-height:26px; font-size:24px; font-weight:normal; color:#333; margin:24px 0 0; display:block; overflow:hidden;transition:color 0.4s}
.g-right .m-list-box .m-list-cont .u-list-introd dd{width:100%;height:auto;margin: 15px 0 0;display:block;overflow:hidden;}
.g-right .m-list-box .m-list-cont .u-list-introd dd strong{width:auto;height:14px;line-height:14px;font-size:12px;font-weight:normal;color: #999;float:left;margin:4px 0 0;display:inline;overflow:hidden;}
.g-right .m-list-box .m-list-cont .u-list-introd dd i{width:1px;height:12px;background: #eee;float:left;margin:5px 18px;display:inline;overflow:hidden;}
.g-right .m-list-box .m-list-cont .u-list-introd dd .u-introd-rank5{ width:120px; height:17px; background:url(../images/rank-icon.png) no-repeat 0 -34px; float:left; margin:0 0 0 38px; display:inline; overflow:hidden}
.g-right .m-list-box .m-list-cont .u-list-introd dd .u-introd-rank4{ width:120px; height:17px; background:url(../images/rank-icon.png) no-repeat 0 -64px; float:left; margin:0 0 0 38px; display:inline; overflow:hidden}
.g-right .m-list-box .m-list-cont .u-list-introd dd .u-introd-rank3{ width:120px; height:17px; background:url(../images/rank-icon.png) no-repeat 0 -94px; float:left; margin:0 0 0 38px; display:inline; overflow:hidden}
.g-right .m-list-box .m-list-cont .u-list-introd dd .u-introd-rank2{ width:120px; height:17px; background:url(../images/rank-icon.png) no-repeat 0 -124px; float:left; margin:0 0 0 38px; display:inline; overflow:hidden}
.g-right .m-list-box .m-list-cont .u-list-introd dd .u-introd-rank1{ width:120px; height:17px; background:url(../images/rank-icon.png) no-repeat 0 -154px; float:left; margin:0 0 0 38px; display:inline; overflow:hidden}
.g-right .m-list-box .m-list-cont .u-list-introd dd p{width:100%;height: 38px;line-height: 20px;font-size:12px;font-weight:normal;color: #555;float:left;margin: 8px 0 0;display:inline;overflow:hidden;}
.g-right .m-list-box .m-list-cont .u-list-introd dd p span{ color:#999}
.g-right .m-list-box .m-list-cont .u-list-score{ width:100px; height:100px; margin:28px 0 0; overflow:hidden}
.g-right .m-list-box .m-list-cont .u-list-score dt{ width:100%; height:25px; line-height:25px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:#333; display:block; overflow:hidden}
.g-right .m-list-box .m-list-cont .u-list-score dd{ width:100%; height:75px; line-height:75px; font-size:45px; font-weight:bold; color:#fff; text-align:center; background:#fbad27; display:block; overflow:hidden}
.g-right .m-list-box:nth-child(even) .m-list-cont .u-list-score dd{ background:#88d109;}
.g-right .m-list-box .f-hover-bg{ width:0; height:160px; background:#fffcfb; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:10;transition:width 1s, background 2s,opacity 1.6s; opacity:0.3}
.g-right .m-list-box:hover .f-hover-bg{ width:100%; opacity:1}
.g-right .m-list-box:hover .m-list-cont .u-list-introd dt{ color:#ff4939}

/*·ÖÒ³*/
.g-box-1240 .g-right .tspage{ width:auto; height:30px; background:#fff; padding:46px 0; margin:0; display:block; overflow:hidden;}
.g-box-1240 .g-right .tspage .tsp_count{ display:none}
.g-box-1240 .g-right .tspage .tsp_nav{ width:auto; height:30px; text-align:center; display:block; overflow:hidden}
.g-box-1240 .g-right .tspage .tsp_nav i{ width:auto; height:30px; line-height:30px; background:#c2c2c2; font-size:14px; font-weight:normal; color:#fff; text-align:center; display:inline-block; padding:0 10px; margin:0 0 0 4px; cursor:pointer}
.g-box-1240 .g-right .tspage .tsp_nav a{ width:auto; height:30px; line-height:30px; background:#c2c2c2; font-size:14px; font-weight:normal; color:#fff; text-align:center; display:inline-block; padding:0 10px; text-decoration:none;margin:0 0 0 4px;}
.g-box-1240 .g-right .tspage .tsp_nav a i{ margin:0}
.g-box-1240 .g-right .tspage .tsp_nav a:hover{ background:#ff4939; text-decoration:none}
.g-box-1240 .g-right .tspage .tsp_nav a:hover i{ background:#ff4939; text-decoration:none}
.g-box-1240 .g-right .tspage .tsp_nav b{ width:auto; height:30px; line-height:30px; background:#ff4939; font-size:14px; font-weight:normal; color:#fff; text-align:center; display:inline-block; padding:0 10px;margin:0 0 0 4px;}
.g-box-1240 .g-right .tspage .tsp_nav .tsp_more{ display:none}
.g-box-1240 .g-right .tspage .tsp_nav #tsp_change{ display:none}

/*µ×²¿*/
#foot{ width:100%; height:auto; line-height:30px; padding:30px 0; font-size:12px; font-weight:normal; color:#fff; text-align:center; background:#3eb37e; margin:15px 0 0 0; display:block; overflow:hidden}
#foot a{ color:#fff; padding:0 4px;}
#foot a:hover{ color:#ff0; text-decoration:underline}


/*Ê×Ò³*/
.m-recomd-top{ width:100%; height:51px;background:#fcfcfc; display:block; overflow:hidden}
.m-recomd-top li{ width:auto; height:49px; border-top:1px solid #eee; border-bottom:1px solid #eee; float:left; display:inline; overflow:hidden}
.m-recomd-top li a{width:auto; height:49px; line-height:49px; font-size:16px; font-weight:bold; color:#333; padding:0 34px; float:left; display:inline; overflow:hidden;}
.m-recomd-top li a:hover{ background:#fff; color:#2ecc71; border-top:3px solid #2ecc71; height:47px; line-height:47px;}
.m-recomd-top li .f-hover{ width:150px; height:48px; line-height:47px; font-size:18px; font-weight:bold; color:#2ecc71; background:#fff; text-align:center; border-top:3px solid #2ecc71; float:left; display:inline; overflow:hidden; padding:0;}

.m-recomd-foot{ width:100%; height:auto; background:#fff; padding:0 0 20px 0; display:block; overflow:hidden}
.m-recomd-foot dt{ width:75px; height:28px; line-height:28px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:#ff6600; float:left; margin:19px 23px 0 20px; display:inline; overflow:hidden}
.m-recomd-foot dd{ width:1115px; height:auto; float:left; margin:6px 0 0; display:inline; overflow:hidden;}
.m-recomd-foot dd a{ font-size:14px; font-weight:normal; color:#333; float:left; margin:12px 24px 0 0; display:inline; overflow:hidden}
.m-recomd-foot dd a:hover{ color:#f60;}

.g-soft-tank{ width:601px; height:auto; background:#fff; padding:6px 19px 0 0px; overflow:hidden}
.g-soft-tank h4{ width:581px; height:55px; border-bottom:3px solid #46505b; margin:0 0 0 20px; display:block; position:relative; zoom:1}
.g-soft-tank h4 strong{ width:200px; height:55px; line-height:55px; font-size:20px; font-weight:normal; color:#333;border-bottom:3px solid #2ecc71; display:block; overflow:hidden; position:absolute; left:0; top:0;}
.g-soft-tank h4 strong i{ width:25px; height:23px; background:url(../images/rank-icon.png) no-repeat 0 -265px; float:left; margin:16px 14px 0 0; display:inline; overflow:hidden}
.g-soft-tank h4 a{ float:right; height:55px; line-height:64px; font-size:14px; font-weight:normal; color:#333; display:inline; overflow:hidden}
.g-soft-tank h4 a:hover{ color:#f40}
.g-soft-tank:nth-child(2) h4 strong i{ background-position:0 -329px;}

.g-soft-tank ul{ width:100%; height:auto; display:block; overflow:hidden}
.g-soft-tank ul li{ width:269px; height:69px; border-bottom:1px dotted #f0f0f0; float:left; margin:0 11px 0 20px; display:inline; overflow:hidden}
.g-soft-tank ul li i{ width:25px; height:25px; line-height:26px; font-size:12px; font-weight:bold; color:#fff; text-align:center; background:#999; border-radius:25px; float:left; margin:21px 0 0 1px; display:inline; overflow:hidden}
.g-soft-tank ul li a{ width:230px; height:auto; float:left; margin:14px 0 0 10px; display:inline; overflow:hidden}
.g-soft-tank ul li a img{ width:40px; height:40px; float:left; border-radius:8px; margin:0 14px 0 0; display:inline; overflow:hidden}
.g-soft-tank ul li a strong{ width:176px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; float:left; margin:3px 0 0; display:inline; overflow:hidden}
.g-soft-tank ul li a b{ width:176px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; float:left; margin:7px 0 0; display:inline; overflow:hidden}
.g-soft-tank ul li a:hover strong{ color:#f40}
.g-soft-tank ul li:nth-child(1) i{ background:#ff5555}
.g-soft-tank ul li:nth-child(2) i{ background:#f90}
.g-soft-tank ul li:nth-child(3) i{ background:#fc0}



.g-gamerank-box{ width:1280px; margin:0 auto;}
.g-gamerank-box .m-game-rank{ width:360px; height:610px; padding:20px; background:#fff; margin:20px 0 0 20px; float:left; display:inline; overflow:hidden}
.g-gamerank-box .m-game-rank .u-gamerank-title{ width:100%; height:38px; display:block; overflow:hidden}
.g-gamerank-box .m-game-rank .u-gamerank-title dt{ width:120px; height:35px; line-height:22px; font-size:18px; font-weight:bold; color:#333; text-align:center; float:left; border-bottom:3px solid #2ecc71; display:inline; overflow:hidden; position:relative; zoom:1;letter-spacing:2px;}
.g-gamerank-box .m-game-rank .u-gamerank-title dt a{ color:#333}
.g-gamerank-box .m-game-rank .u-gamerank-title dt a:hover{ color:#2ecc71}
.g-gamerank-box .m-game-rank .u-gamerank-title dt i{ border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #2ecc71; display:block; overflow:hidden; position:absolute; left:55px; bottom:0;}
.g-gamerank-box .m-game-rank .u-gamerank-title dd{width: 138px;height:35px;border-bottom:3px solid #46505b;float:left;margin:0 0 0 5px;padding: 0 0 0 97px;display:inline;overflow:hidden;}
.g-gamerank-box .m-game-rank .u-gamerank-title dd b{ width:30px; height:24px; line-height:24px; font-size:16px; font-weight:normal; color:#333; float:left; margin:0 0 0 16px; display:inline; overflow:hidden; text-align:center; cursor:pointer}
.g-gamerank-box .m-game-rank .u-gamerank-title dd .f-hover{ background:#2ecc71; color:#fff;}
.g-gamerank-box .m-game-rank .m-gamerank-ul{ width:100%; height:auto; display:block; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul li{ width:100%; height:49px; border-bottom:1px dotted #f0f0f0; display:block; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul li i{ width:20px; height:auto; float:left; margin:14px 16px 0 0; display:inline; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul li i strong{ width:20px; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#fff; text-align:center; background:#999; border-radius:4px; display:block; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul li a{ width:324px; height:auto; float:left; margin:0; display:inline; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul li a img{ display:none}
.g-gamerank-box .m-game-rank .m-gamerank-ul li a strong{ width:206px; height:20px; line-height:20px; font-size:16px; font-weight:normal; color:#333; float:left; margin:14px 0 0 0; display:inline; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul li a b{ width:110px; height:20px; float:right; margin:14px 0 0; display:inline; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul li a b span{ float:right; height:20px; line-height:20px; font-size:14px;  color:#999; font-weight:normal; display:inline; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul li a b span u{ font-style:normal; text-decoration:none; display:none}
.g-gamerank-box .m-game-rank .m-gamerank-ul li a em{ display:none}
.g-gamerank-box .m-game-rank .m-gamerank-ul li a p{ display:none}
.g-gamerank-box .m-game-rank .m-gamerank-ul li:nth-child(1) i strong{ background:#ff5555}
.g-gamerank-box .m-game-rank .m-gamerank-ul li:nth-child(2) i strong{ background:#ff9900}
.g-gamerank-box .m-game-rank .m-gamerank-ul li:nth-child(3) i strong{ background:#ffcc00}

.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover{ height:114px; margin-top:4px;}
.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover i{ margin-top:21px;}
.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover i b{ width:20px; height:14px; background:url(../images/rank-icon.png) no-repeat 0 -216px; display:block; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover i strong{ height:30px; line-height:30px; border-radius:4px 4px 0 0;position:relative; zoom:1; margin:2px 0 0;}
.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover i strong em{ border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:6px solid #fff; display:block; overflow:hidden; position:absolute; left:0; bottom:0}
.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover a img{ width:80px; height:80px; border-radius:20px; float:left; margin:17px 12px 0 0; display:inline; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover a strong{ font-size:18px; color:#ff4400; width:232px; margin-top:18px;}
.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover a b{ width:167px; height:30px; float:left; margin:9px 0 0; display:inline; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover a b span{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#333; float:left; margin:0; display:inline; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover a b span u{ display:inline;}
.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover a b img{ width:auto; height:16px; float:left; margin:1px 0 0; display:inline; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover a em{ width:65px; height:30px; line-height:30px; font-size:16px; font-weight:normal; color:#fff; text-align:center; background:#f40; border-radius:4px; float:left; margin:9px 0 0; display:inline; overflow:hidden}
.g-gamerank-box .m-game-rank .m-gamerank-ul .f-hover a p{ width:232px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; float:left; margin:9px 0 0; display:inline; overflow:hidden}

.g-rank-recomd{background:#fff;}
.g-rank-recomd dl{ width:1200px; height:59px; display:block; overflow:hidden; position:relative; zoom:1; margin:auto;}
.g-rank-recomd dl dt{ width:100%; height:auto; display:block; overflow:hidden; z-index:50; position:relative; zoom:1}
.g-rank-recomd dl dt b{ width:auto; height:56px; line-height:60px; font-size:18px; font-weight:bold; color:#333; padding:0 20px; float:left; display:inline; position:relative; zoom:1; cursor:pointer}
.g-rank-recomd dl dt .f-hover{ border-bottom:3px solid #2ecc71; color:#2ecc71}
.g-rank-recomd dl dt .f-hover i{ border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #2ecc71; display:block; overflow:hidden; position:absolute; left:50%; bottom:0; margin:0 0 0 -5px;}
.g-rank-recomd dl dt .f-hover:before{ width:5px; height:3px; background:#fff; content:""; color:#fff; display:block; position:absolute; left:0; bottom:-3px;}
.g-rank-recomd dl dt .f-hover:after{ width:5px; height:3px; background:#fff; content:""; color:#fff; display:block; position:absolute; right:0; bottom:-3px;}
.g-rank-recomd dl dd{ width:100%; height:3px; background:#46505b; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}

.g-rank-recomd div{ width:100%; height:auto; margin:5px 0 0; padding:0 0 20px 0; display:block; overflow:hidden}
.g-rank-recomd div a{ width:383px; height:138px; border:1px solid #eee;float:left; margin:23px 0 0 22px; display:inline; overflow:hidden}
.g-rank-recomd div a img{ width:110px; height:110px; float:left; margin:14px 12px 0 13px; display:inline; overflow:hidden}
.g-rank-recomd div a strong{ width:235px; height:18px; line-height:18px; font-size:16px; font-weight:bold; color:#333; float:left; margin:20px 0 0; display:inline; overflow:hidden}
.g-rank-recomd div a b{ width:144px; height:auto; float:left; margin:4px 0 0; display:inline; overflow:hidden}
.g-rank-recomd div a b span{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; margin:6px 0 0; display:block; overflow:hidden}
.g-rank-recomd div a em{ width:78px; height:28px; line-height:28px; font-size:14px; font-weight:normal; color:#333; text-align:center; border:1px solid #eee; border-radius:4px; float:left; margin:11px 0 0; display:inline; overflow:hidden}
.g-rank-recomd div a p{ width:225px; height:30px; line-height:30px; font-size:12px; font-weight:normal; color:#555; padding:0 5px; background:#fff4e2; float:left; margin:13px 0 0; display:inline; overflow:hidden}
.g-rank-recomd div a:hover{ box-shadow:0px 0px 5px #f40; border-color:#f40}
.g-rank-recomd div a:hover strong{ color:#f40}
.g-rank-recomd div a:hover em{ background:#f40; color:#fff;}