﻿
.ext {color: #999;}
.white {color: #fff;}
.orange {color: #f60;}
.red {color: #f00;}
.blue {color: #0085ec;}
.c666 {color: #666;}
.cccc {color: #ccc;}
.fst {font-family: "\5B8B\4F53";}
a {color: #333;text-decoration: none;}
a:hover {color: #14A218;text-decoration: underline;}
:focus {outline: none;}
a i, a span {cursor: pointer;}
.fl {float: left;}
.fr {float: right;}
.title {font-weight: 400;font-size: 14px}
.b {font-weight: bold;}
.h1 {font-size: 24px;}
.h2 {font-size: 18px;}
.h3 {font-size: 14px;}
/* end reset */
.imp,.imp a {color: #14A218;font-size: 18px;font-weight: 900;padding: 0px 20px 3px 0;border-bottom: 2px solid #14a218}
.row {width: 1200px;margin: 0 auto;}
.lay-240 {width: 240px;}
.lay-740 {width: 740px;}
.lay-700 {width: 700px;}
.lay-680 {width: 680px;}
.lay-340 {width: 340px;}
.lay-300 {width: 300px;}
.lay-280 {width: 280px;}
.lay-380 {width: 380px;}
.mt5 {margin-top: 5px;}
.mt6 {margin-top: 6px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mr20 {margin-right: 20px}

/*.sub-menu {margin: 0 auto;width: 1200px;display: none;}*/
.sub-menu-in {background: #EFFFEF;border: 1px solid #45B823;border-top: none;position: absolute;top: 40px;width: 1198px;}
.sub-menu-in p {overflow: hidden;zoom: 1;padding: 8px 10px;line-height: 24px;}
.sub-menu-in a {white-space: nowrap;}
.sub-menu-in .cccc {margin: 0 4px;}
.nav-soft-box {padding: 6px 0 8px;overflow: hidden;zoom: 1;border-top: 1px solid #eee;margin: 0 10px;}
.nav-soft-box li {float: left;width: 97px;
 *width: 75px;}
.nav-more-box {position: absolute;right: 10px;top: 13px;z-index: 99;width: 12px;height: 12px;}
.btn-more {display: block;width: 12px;height: 12px;overflow: hidden;background: url(../images/index_ico.png) no-repeat -21px -235px;cursor: pointer;}
.more-nav {width: 70px;background: #fff;border: 1px solid #eee;margin-top: 15px;padding: 3px 5px;display: none;position: absolute;top: -4px;left: -68px;}
.more-nav a {display: block;}
.nav-more-hover .more-nav {display: block;}
.nav-more-hover .btn-more {background-position: -21px -256px;}
.sub-menu-game {padding: 5px;width: 1200px;margin: 0 auto;border: 1px solid #45B823;border-top: none;}
.sub-menu-game strong {font-weight: 700;float: left;padding-right: 4px;}
.sub-menu-game div {padding: 4px 0;line-height: 25px;clear: both;overflow: hidden;height: 25px;}
.cccc {margin: 0 5px;}
.sub-menu-game h1 {font-size: 14px;line-height: 25px}
.sub-menu-game i, .sub-menu-game a {font-size: 12px;}
.game-banner {width: 441px;height: 320px;position: relative;overflow: hidden;margin-right: 20px;}
.game-banner .inner-banner {width: 1323px;height: 320px;position: absolute;left: 0;top: 0;overflow: hidden;}
.inner-banner li {float: left;width: 441px;height: 100%}
.inner-banner img {width: 441px;height: 320px;}
.game-update {width: 425px;height: 330px;margin-top: -6px;margin-right: 20px;padding-top: 0;}
.game-update ul {}
.game-update .h3 {color: #14a218;font-size: 16px;}
.game-update li {height: 27px;position: relative;}
.game-update img {width: 16px;height: 16px;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.game-update ul a {display: inline-block;line-height: 27px;padding-left: 18px;width: 327px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;font-size: 12px}
.game-update i {display: inline-block;height: 27px;line-height: 27px;float: right;font-style: normal;font-size: 12px}
.gage-once {width: 290px;height: 320px;overflow: hidden;margin-top: -5px}
.gage-once .ft24 {display: block;width: 100%;height: 32px;background: url(../images/publish.jpg) no-repeat center center;margin-bottom: 10px}
.show-game {width: 290px;height: 171px;position: relative;overflow: hidden;padding-left: 136px;}
.show-game .pic {position: absolute;left: 0;top: 0;}
.show-game img {width: 120px;height: 170px;vertical-align: middle;}
.game-intro p {height: 29px;line-height: 29px;font-size: 14px;}
.game-intro p span {display: inline-block;width: 56px}
.game-intro .ft16 {font-size: 16px;text-indent: 10px;font-weight: bold;}
.game-rank ul {width: 100%;height: 25px}
.game-rank ul li {width: 93px;float: left;height: 25px;line-height: 25px;font-size: 14px;text-align: center}
.game-rank .fw900 {margin-top: 10px}
.game-rank .fw900 li {font-weight: bold}
.hot-tj {width: 890px;height: auto;overflow: hidden;}
.gonglue-title {height: 32px;background: none;line-height: 32px;padding: 0;position: relative;border-bottom: solid 2px #eee;margin-bottom: 0}
.gonglue-title .title a {color: #14a218;}
.gonglue-title .sub-mark {position: absolute;top: 0;right: 10px;}
.hot-tu {width: 100%;height: auto;overflow: hidden;}
.hot-tu ul {width: 1000px;padding: 10px 10px 0 10px;overflow: hidden;}
.hot-tu li {width: 125px;height: 200px;float: left;margin-right: 25px;margin-bottom: 10px;}
.hot-tu img {width: 125px;display: block;height: 170px}
.hot-tu span {display: block;height: 34px;line-height: 34px;font-size: 14px;text-align: center;overflow: hidden;}
.hot-zq {width: 290px;height: auto;overflow: hidden;}
.zq-tu ul {padding: 10px 10px 0 10px;overflow: hidden;}
.zq-tu li {width: 100%;height: 100%;margin-bottom: 10px;}
.zq-tu img {width: 100%;height: 120px;}
.game-zt {width: 100%;height: auto;}
.game-zt ul {padding-top: 10px;overflow: hidden;width: 1230px;}
.game-zt li {float: left;width: 380px;height: 200px;margin-right: 30px;}
.game-zt a {display: inline-block;width: 100%;height: 100%;position: relative;}
.game-zt img {width: 380px;height: 200px;}
.game-zt span {width: 100%;position: absolute;left: 0;bottom: 0;display: block;height: 34px;line-height: 34px;font-size: 14px;text-align: center;overflow: hidden;background: rgba(100,100,100,.5);color: white;}
.hot-gl {width: 100%;height: auto;overflow: hidden;}
.g-li li {height: 28px !important;}
.hot-gl li {height: 29px;}
.hot-gl a {display: block;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;}
.game-tools {width: 1250px;height: auto;/*display: -webkit-box;      display: -moz-box;         display: -ms-flexbox;     display: -webkit-flex;     display: flex; */overflow: hidden;}
.game-tools div.game-same {width: 380px;margin-top: 16px;/*-webkit-box-flex: 1;      -moz-box-flex: 1;         -webkit-flex: 1;          -ms-flex: 1;              flex: 1; */margin-right: 25px;}
.game-xg {margin-left: 10px;}
.game-tools-title {height: 30px;line-height: 30px;}
.game-tools-title span {font-size: 15px;font-weight: bold;padding-left: 30px;}
.game-tools-title .s1 {background: url(../images/tools_03.jpg) no-repeat left center}
.game-tools-title .s2 {background: url(../images/tools_05.jpg) no-repeat left center}
.game-tools-title .s3 {background: url(../images/tools.png) no-repeat left center}
.game-box ul {margin-top: 11px;width: 375px;height: 158px;background: url(../images/line.png) no-repeat right center;}
.game-box .noU {background: none;}
.game-box li {width: 360px;height: 30px;}
.game-box a {display: block;line-height: 30px;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.game-tab-box {width: 890px;height: auto;overflow: hidden;float: left;}
.tab-til {height: 31px;position: relative;border-style: solid;border-width: 0 0 2px 0;border-color: #45B823;}
.tab-til ul {height: 32px;position: absolute;left: 0;top: 0;}
.tab-til li {float: left;height: 30px;width: 95px;text-align: center;line-height: 30px;cursor: pointer;border-style: solid;border-width: 1px 1px 0 1px;border-color: #ddd;background: #f8f8f8;margin-right: 5px;}
.tab-til .current {background: #fff;color: #45B823;border-color: #45B823;height: 32px;}
.game-tab-con {/*width: 740px;*/overflow: hidden;/* height: 505px;*/}
.game-tab-con .xtaber-item {width: 100%;padding-top: 10px;/*height: 495px;*/}
.game-tab-box .xtaber-item ul {width: 910px;padding: 0 10px;}
.game-tab-con li {width: 97px;height: 124px;float: left;margin-right: 33px;margin-bottom: 10px;}
.game-tab-con img {width: 97px;display: block;height: 97px;border-radius: 10px}
.game-tab-con span {display: block;height: 34px;line-height: 34px;font-size: 14px;text-align: center;overflow: hidden}

.safety li {float: left;margin-left: 20px;margin-top: 2px;}
.rank-box {width: 366px;height: auto;overflow: hidden;float: left;margin-right: 33px;}
.rank-box ul {width: 100%;/*height: 25px*/overflow: hidden;}
.rank-box ul.active .show-rank {display: block;}
.rank-box ul li {width: 90px;float: left;height: 25px;line-height: 25px;font-size: 14px;text-align: center}
.show-rank {display: none;margin-left: 70px;width: 170px;height: 100px;position: relative;overflow: hidden;padding-left: 126px;}
.show-rank .pic {position: absolute;left: 0;top: 0;}
.show-rank img {width: 120px;height: 170px;vertical-align: middle;}
.game-intro p {height: 30px;line-height: 30px;}
.game-intro a {display: block;height: 30px;line-height: 30px;text-align: center;background: #45B823;border-radius: 5px;}
.rank-box .fw900 {font-weight: bold;}
.rank-box ul li.sm-li {width: 50px;}
.rank-box ul li.bg-li {width: 130px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rank-box ul .sm-pic {width: 100px;height: 100px;border-radius: 10px;}
.rank-box ul .sm-pic img {width: 100px;height: 100px;border-radius: 10px;}
.sub-mark {width: 35px;height: 30px;background: url(../images/m2_main.png) 4px 12px no-repeat;margin-top: 7px;}
.sub-mark:hover {background: url(../images/m2_main.png) -42px 12px;}
.gonglue-title .pd60 {float: left;padding-right: 65px;padding-bottom: 0}
.nnc-btn {position: absolute;bottom: -2px;left: 130px;padding-left: 20px;border-bottom: 2px solid #14a218}
.nnc-btn li {float: left;width: 95px;text-align: center;height: 31px;line-height: 31px;cursor: pointer;font-size: 14px}
.nnc-btn .current {background: #14a218;color: #fff;}
