/* line 1, ../sass/common.scss */
.w {
  width: 1240px;
  margin: 0 auto;
}

/* line 35, ../sass/common.scss */
.header-layout .head-top {
  height: 40px;
  background-color: #333;
}
/* line 38, ../sass/common.scss */
.header-layout .head-top .left {
  float: left;
}
/* line 40, ../sass/common.scss */
.header-layout .head-top .left span {
  float: left;
  line-height: 40px;
  margin-right: 60px;
}
/* line 44, ../sass/common.scss */
.header-layout .head-top .left span a {
  color: #f5f5f5;
  font-size: 14px;
  float: left;
}
/* line 48, ../sass/common.scss */
.header-layout .head-top .left span a i {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -2px 8px 0 8px;
  vertical-align: middle;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
}
/* line 56, ../sass/common.scss */
.header-layout .head-top .left span a i.ico1 {
  background-position: -6px -6px;
}
/* line 59, ../sass/common.scss */
.header-layout .head-top .left span a i.ico2 {
  background-position: -5px -35px;
}
/* line 62, ../sass/common.scss */
.header-layout .head-top .left span a i.ico3 {
  background-position: -6px -66px;
  margin-right: 0;
}
/* line 68, ../sass/common.scss */
.header-layout .head-top .left span.appDown {
  margin-top: 4px;
}
/* line 70, ../sass/common.scss */
.header-layout .head-top .left span.appDown a {
  display: block;
  width: 138px;
  height: 29px;
  line-height: 29px;
  border: 1px solid #f5d055;
  color: #f5d055;
  text-align: center;
  border-radius: 2px;
}
/* line 84, ../sass/common.scss */
.header-layout .head-top .right {
  float: right;
  width: 490px;
}
/* line 87, ../sass/common.scss */
.header-layout .head-top .right .qq {
  float: left;
  margin-top: 4px;
}
/* line 90, ../sass/common.scss */
.header-layout .head-top .right .qq a {
  display: block;
  height: 29px;
  line-height: 29px;
  width: 110px;
  border: 1px solid #f5f5f5;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  color: #f5f5f5;
}
/* line 100, ../sass/common.scss */
.header-layout .head-top .right .qq a i {
  display: inline-block;
  width: 21px;
  height: 21px;
  vertical-align: middle;
  margin-top: -3px;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  margin-left: 10px;
  background-position: -5px -95px;
}
/* line 113, ../sass/common.scss */
.header-layout .head-top .right .reg-login {
  float: right;
  margin-right: 55px;
  line-height: 40px;
}
/* line 117, ../sass/common.scss */
.header-layout .head-top .right .reg-login i {
  display: inline-block;
  width: 1px;
  height: 12px;
  vertical-align: middle;
  background-color: #f5f5f5;
  float: left;
  margin-top: 14px;
}
/* line 126, ../sass/common.scss */
.header-layout .head-top .right .reg-login a {
  color: #f5f5f5;
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  float: left;
}
/* line 135, ../sass/common.scss */
.header-layout .head-top .right .allGame {
  float: right;
  padding: 0 10px;
  height: 40px;
  position: relative;
}
/* line 140, ../sass/common.scss */
.header-layout .head-top .right .allGame:hover {
  background-color: #272727;
}
/* line 143, ../sass/common.scss */
.header-layout .head-top .right .allGame:hover .tit i {
  background: url("../images/icon.png") no-repeat -45px -90px;
}
/* line 147, ../sass/common.scss */
.header-layout .head-top .right .allGame:hover .game-list {
  display: block;
}
/* line 151, ../sass/common.scss */
.header-layout .head-top .right .allGame .tit {
  font-size: 14px;
  color: #f5f5f5;
  float: right;
  margin-top: 10px;
  cursor: pointer;
}
/* line 157, ../sass/common.scss */
.header-layout .head-top .right .allGame .tit i {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/icon.png") no-repeat -30px -90px;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: -3px;
}
/* line 167, ../sass/common.scss */
/* line 167, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list {
  position: absolute;
  right: 0;
  top: 40px;
  width: 1000px;
  height: 304px;
  background-color: #272727;
  right: 0;
  top: 40px;
  z-index: 999;
  display: none;
}
/* line 178, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .g-img {
  float: left;
  width: 496px;
  height: 304px;
  overflow: hidden;
}
/* line 183, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .g-img img {
  width: 100%;
}
/* line 187, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .list-dl {
  float: left;
  width: 166px;
  font-size: 14px;
  color: #fff;
  height: 304px;
}
/* line 193, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .list-dl.hot-game {
  border-right: 1px solid #6d6d6d;
}
/* line 196, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .list-dl dt {
  padding: 15px 0;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
/* line 201, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .list-dl dt i {
  display: inline-block;
  margin-right: 10px;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  border-radius: 50%;
  vertical-align: middle;
}
/* line 209, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .list-dl dt i:after {
  content: '';
  display: block;
  widows: 10px;
  height: 10px;
  background-color: #fff;
  margin: 1px;
  border-radius: 50%;
}
/* line 220, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .list-dl dd {
  height: 38px;
  line-height: 38px;
  padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	width:140px;
}
/* line 224, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .list-dl dd a {

	color: #fff;
}
/* line 226, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .list-dl dd a:hover {
  color: #ffd729;
}
/* line 230, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .list-dl dd i {
  display: inline-block;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 14px;
  color: #272727;
  font-size: 12px;
  vertical-align: middle;
  margin-left: 15px;
  border-radius: 50%;
  font-weight: bold;
}
/* line 242, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .list-dl dd i.h {
  background-color: #ff2a2a;
}
/* line 245, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list .list-dl dd i.n {
  background-color: #2cbbff;
}/* line 256, ../sass/common.scss */
.header-layout .head-nav {
  height: 85px;
  background-color: #fff;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
}
/* line 260, ../sass/common.scss */
.header-layout .head-nav .logo {
  float: left;
  margin-top: 8px;
  width: 220px;
  height: 60px;
  overflow: hidden;
}
/* line 266, ../sass/common.scss */
.header-layout .head-nav .logo img {
  width: 100%;
}
/* line 270, ../sass/common.scss */
.header-layout .head-nav .menu {
  float: left;
  margin-left: 20px;
}
/* line 273, ../sass/common.scss */
.header-layout .head-nav .menu .nav-list {
  float: left;
  margin-top: 28px;
}
/* line 276, ../sass/common.scss */
.header-layout .head-nav .menu .nav-list li {
  float: left;
  font-size: 16px;
  margin: 0 20px;
}
/* line 280, ../sass/common.scss */
.header-layout .head-nav .menu .nav-list li a {
  color: #333;
  text-decoration: none;
}
/* line 283, ../sass/common.scss */
.header-layout .head-nav .menu .nav-list li a:hover {
  color: #fe931e;
}
/* line 290, ../sass/common.scss */
.header-layout .head-nav .search {
  float: right;
  width: 270px;
  margin-top: 20px;
}
/* line 294, ../sass/common.scss */
.header-layout .head-nav .search .inputItem {
  float: left;
  border: 1px solid #f9c354;
  border-right: none;
  height: 40px;
  width: 220px;
  position: relative;
}
/* line 301, ../sass/common.scss */
.header-layout .head-nav .search .inputItem input.inputSty {
  border: none;
  background-color: transparent;
  width: 156px;
  margin-left: 5px;
  height: 20px;
  line-height: 20px;
  float: left;
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}
/* line 313, ../sass/common.scss */
.header-layout .head-nav .search .inputItem .key {
  position: absolute;
  right: 10px;
  top: 11px;
  font-size: 12px;
}
/* line 318, ../sass/common.scss */
.header-layout .head-nav .search .inputItem .key a {
  background-color: #eee;
  padding: 2px 5px;
  margin-left: 3px;
  color: #666;
}
/* line 326, ../sass/common.scss */
.header-layout .head-nav .search .btn {
  width: 47px;
  height: 42px;
  background-color: #ffd729;
  border: none;
  cursor: pointer;
}
/* line 332, ../sass/common.scss */
.header-layout .head-nav .search .btn i {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  background: url(../images/icon.png) no-repeat -5px -125px;
}

/* line 344, ../sass/common.scss */
.tit-box {
  padding: 10px 0;
}
/* line 346, ../sass/common.scss */
.tit-box h3 {
  float: left;
  font-size: 16px;
  color: #333;
}
/* line 350, ../sass/common.scss */
.tit-box h3 i {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-right: 2px;
  margin-top: -2px;
}
/* line 358, ../sass/common.scss */
.tit-box h3:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 14px;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -3px;
  background-color: #ffd729;
}
/* line 369, ../sass/common.scss */
.tit-box .more {
  float: right;
  width: 56px;
  height: 22px;
  margin-top: 0px;
}
/* line 374, ../sass/common.scss */
.tit-box .more a {
  display: block;
  width: 54px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #fe931e;
  border-radius: 2px;
  color: #fe931e;
}
/* line 383, ../sass/common.scss */
.tit-box .more a:hover {
  background-color: #fe931e;
  color: #fff;
}

/* line 393, ../sass/common.scss */
.kf-item dd {
  height: 36px;
  line-height: 36px;
  border-bottom: 1px dashed #cecece;
}
/* line 397, ../sass/common.scss */
.kf-item dd.f-cur, .kf-item dd.n-cur {
  border-bottom-style: solid;
}
/* line 400, ../sass/common.scss */
.kf-item dd.f-cur {
  background-color: #fcf9e7;
}
/* line 403, ../sass/common.scss */
.kf-item dd.n-cur {
  background-color: #edf9ff;
}
/* line 407, ../sass/common.scss */
.kf-item dd a {
  display: block;
  color: #535353;
  height: 36px;
  line-height: 36px;
}
/* line 412, ../sass/common.scss */
.kf-item dd a:hover {
  background-color: #f5f5f5;
}
/* line 416, ../sass/common.scss */
.kf-item dd span {
  display: inline-block;
  font-size: 14px;
  float: left;
}
/* line 420, ../sass/common.scss */
.kf-item dd span i.lab {
  font-style: normal;
  font-size: 10px;
  margin-left: 5px;
  color: #fff;
  padding: 0 2px;
  border-radius: 2px;
}
/* line 428, ../sass/common.scss */
.kf-item dd span i.first {
  background-color: #f5551d;
}
/* line 432, ../sass/common.scss */
.kf-item dd span i.new {
  background-color: #3da7ef;
}
/* line 435, ../sass/common.scss */
.kf-item dd span:nth-child(1) {
  width: 142px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
}
/* line 440, ../sass/common.scss */
.kf-item dd span:nth-child(2) {
  width: 88px;
  text-align: center;
}
/* line 444, ../sass/common.scss */
.kf-item dd span:nth-child(3) {
  width: 128px;
  text-align: center;
}

/* line 453, ../sass/common.scss */
.BT-box ul.yy-list {
  width: 105%;
}
/* line 455, ../sass/common.scss */
.BT-box ul.yy-list li {
  float: left;
  width: 264px;
  height: 168px;
  overflow: hidden;
  position: relative;
  margin-right: 12px;
  margin-bottom: 12px;
  box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
}
/* line 464, ../sass/common.scss */
.BT-box ul.yy-list li .info {
  position: absolute;
  left: 25px;
  top: 30px;
}
/* line 468, ../sass/common.scss */
.BT-box ul.yy-list li .info p {
  line-height: 26px;
}
/* line 470, ../sass/common.scss */
.BT-box ul.yy-list li .info p.name {
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
/* line 475, ../sass/common.scss */
.BT-box ul.yy-list li .info p.dec {
  font-size: 14px;
  color: #666;
}
/* line 479, ../sass/common.scss */
.BT-box ul.yy-list li .info p.scale {
  font-size: 16px;
  color: #fe931e;
  font-weight: bold;
}
/* line 486, ../sass/common.scss */
.BT-box ul.yy-list li .lab {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  top: 0;
}
/* line 493, ../sass/common.scss */
.BT-box ul.yy-list li .hover-box {
  position: absolute;
  width: 264px;
  height: 38px;
  line-height: 38px;
  left: 0;
  bottom: -40px;
  transition: bottom 0.4s;
  background-color: rgba(0, 0, 0, 0.7);
}
/* line 502, ../sass/common.scss */
.BT-box ul.yy-list li .hover-box a {
  float: left;
  color: #fff;
  font-size: 12px;
  padding: 0 10px;
  text-decoration: none;
}
/* line 508, ../sass/common.scss */
.BT-box ul.yy-list li .hover-box a i {
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 4px;
  vertical-align: middle;
}
/* line 514, ../sass/common.scss */
.BT-box ul.yy-list li .hover-box a i.en-g {
  background: url("../images/icon.png") no-repeat -33px -124px;
}
/* line 517, ../sass/common.scss */
.BT-box ul.yy-list li .hover-box a i.d-g {
  background: url("../images/icon.png") no-repeat -33px -154px;
}
/* line 520, ../sass/common.scss */
.BT-box ul.yy-list li .hover-box a i.gift {
  background: url("../images/icon.png") no-repeat -34px -184px;
}
/* line 527, ../sass/common.scss */
.BT-box ul.yy-list li:hover .hover-box {
  bottom: 0;
  transition: bottom 0.4s;
}
/* line 534, ../sass/common.scss */
.BT-box ul.sy-list {
  width: 105%;
}
/* line 536, ../sass/common.scss */
.BT-box ul.sy-list li {
  float: left;
  width: 190px;
  height: 260px;
  border: 1px solid #e2e2e2;
  margin-right: 15px;
  margin-bottom: 10px;
  position: relative;
}
/* line 544, ../sass/common.scss */
.BT-box ul.sy-list li:hover {
  box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
}
/* line 547, ../sass/common.scss */
.BT-box ul.sy-list li i.lab {
  position: absolute;
  width: 77px;
  height: 36px;
  left: -6px;
  top: 10px;
}
/* line 554, ../sass/common.scss */
.BT-box ul.sy-list li .img {
  width: 120px;
  height: 120px;
  overflow: hidden;
  padding-top: 10px;
  margin: 0 auto;
}
/* line 560, ../sass/common.scss */
.BT-box ul.sy-list li .img img {
  width: 100%;
}
/* line 565, ../sass/common.scss */
.BT-box ul.sy-list li .info {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 570, ../sass/common.scss */
.BT-box ul.sy-list li .info .name {
  font-size: 16px;
  color: #333;
  padding: 6px 0;
}
/* line 575, ../sass/common.scss */
.BT-box ul.sy-list li .info .dec {
  color: #txt-6;
  font-size: 12px;
}
/* line 579, ../sass/common.scss */
.BT-box ul.sy-list li .info .scale {
  font-size: 12px;
  padding-top: 6px;
  color: #fe931e;
}
/* line 585, ../sass/common.scss */
.BT-box ul.sy-list li .btn {
  text-align: center;
  padding-top: 10px;
}
/* line 588, ../sass/common.scss */
.BT-box ul.sy-list li .btn .btn-a {
  display: inline-block;
  width: 80px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #666;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
/* line 597, ../sass/common.scss */
.BT-box ul.sy-list li .btn .btn-a:hover {
  border: 1px solid #fe931e;
  color: #fe931e;
}

/* line 607, ../sass/common.scss */
.rank-frame {
  width: 104%;
}
/* line 609, ../sass/common.scss */
.rank-frame .item-box {
  margin-right: 22px;
  padding: 12px;
  box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
  width: 375px;
  float: left;
}
/* line 615, ../sass/common.scss */
.rank-frame .item-box .tit-box {
  border-bottom: 1px solid #b5b5b5;
}
/* line 617, ../sass/common.scss */
.rank-frame .item-box .tit-box i {
  background: url("../images/icon.png") no-repeat -95px -35px;
}
/* line 621, ../sass/common.scss */
.rank-frame .item-box .rank-tab {
  padding: 25px 20px;
}
/* line 623, ../sass/common.scss */
.rank-frame .item-box .rank-tab li {
  float: left;
  width: 50%;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
/* line 630, ../sass/common.scss */
.rank-frame .item-box .rank-tab li.on {
  color: #fe931e;
}
/* line 632, ../sass/common.scss */
.rank-frame .item-box .rank-tab li.on span {
  border-bottom: 1px solid #fe931e;
  display: inline-block;
  padding: 0 5px;
}
/* line 641, ../sass/common.scss */
.rank-frame .item-box .rank-list .rank-top {
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 20px;
}
/* line 644, ../sass/common.scss */
.rank-frame .item-box .rank-list .rank-top dd {
  float: left;
  padding: 0 15px;
  text-align: center;
  font-size: 0px;
}
/* line 649, ../sass/common.scss */
.rank-frame .item-box .rank-list .rank-top dd.two, .rank-frame .item-box .rank-list .rank-top dd.three {
  margin-top: 36px;
}
/* line 652, ../sass/common.scss */
.rank-frame .item-box .rank-list .rank-top dd .name {
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 5px;
  font-size: 14px;
}
/* line 659, ../sass/common.scss */
.rank-frame .item-box .rank-list .rank-top dd .num {
  font-size: 14px;
  color: #ff2a2a;
}
/* line 662, ../sass/common.scss */
.rank-frame .item-box .rank-list .rank-top dd .num i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/icon.png") no-repeat -67px -127px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 3px;
}
/* line 675, ../sass/common.scss */
.rank-frame .item-box .rank-list .item-ul li {
  height: 49px;
  line-height: 49px;
  border-bottom: 1px dashed #e3e3e3;
  font-size: 14px;
}
/* line 680, ../sass/common.scss */
.rank-frame .item-box .rank-list .item-ul li:hover {
  background-color: #f5f5f5;
}
/* line 683, ../sass/common.scss */
.rank-frame .item-box .rank-list .item-ul li span {
  display: inline-block;
  vertical-align: middle;
}
/* line 686, ../sass/common.scss */
.rank-frame .item-box .rank-list .item-ul li span.no {
  width: 65px;
}
/* line 689, ../sass/common.scss */
.rank-frame .item-box .rank-list .item-ul li span.name {
  width: 95px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fe931e;
}
/* line 695, ../sass/common.scss */
.rank-frame .item-box .rank-list .item-ul li span.name a {
  color: #fe931e;
}
/* line 699, ../sass/common.scss */
.rank-frame .item-box .rank-list .item-ul li span.f {
  width: 55px;
}
/* line 702, ../sass/common.scss */
.rank-frame .item-box .rank-list .item-ul li span.num {
  width: 75px;
  text-align: center;
}
/* line 707, ../sass/common.scss */
.rank-frame .item-box .rank-list .item-ul li span.en a {
  display: inline-block;
  width: 63px;
  height: 20px;
  border: 1px solid #fe931e;
  color: #fe931e;
  line-height: 20px;
  text-align: center;
  border-radius: 2px;
}
/* line 716, ../sass/common.scss */
.rank-frame .item-box .rank-list .item-ul li span.en a:hover {
  background-color: #fe931e;
  color: #fff;
}

/* line 731, ../sass/common.scss */
.page-box {
  padding: 20px 0;
  text-align: center;
  font-size: 0;
}
.page-box ul li{
	float:left;
}
/* line 735, ../sass/common.scss */
.page-box a, .page-box span {
  display: inline-block;
  padding: 10px 18px;
  margin: 0 5px;
  font-size: 12px;
}
/* line 741, ../sass/common.scss */
.page-box a {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}
/* line 744, ../sass/common.scss */
.page-box a:hover {
  border: 1px solid #ffd729;
}
/* line 748, ../sass/common.scss */
.page-box span {
  background-color: #ffd729;
}

/* line 753, ../sass/common.scss */
.footer-container {
  margin-top: 20px;
  background-color: #333;
  padding: 48px 0;
  color: #c3c3c3;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}
/* line 762, ../sass/common.scss */
.footer-container .f-link a {
  color: #c3c3c3;
  margin: 0 10px;
}
/* line 767, ../sass/common.scss */
.footer-container .copyright {
  padding-top: 10px;
}
/* line 769, ../sass/common.scss */
.footer-container .copyright span {
  margin-left: 40px;
  display: inline-block;
  margin-right: 10px;
}
/* line 774, ../sass/common.scss */
.footer-container .copyright img {
  vertical-align: middle;
}

/* line 781, ../sass/common.scss */
.hot-rank-container {
  box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
  padding-bottom: 10px;
}
/* line 784, ../sass/common.scss */
.hot-rank-container .title-box {
  height: 50px;
  line-height: 50px;
}
/* line 787, ../sass/common.scss */
.hot-rank-container .title-box h2 {
  font-size: 16px;
  font-weight: bold;
  color: #fe931e;
  padding: 0 35px;
}
/* line 792, ../sass/common.scss */
.hot-rank-container .title-box h2 i.ico {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -3px;
}
/* line 799, ../sass/common.scss */
.hot-rank-container .title-box h2 i.ico.ico1 {
  background: url("../images/icon.png") no-repeat -60px -200px;
}
.hot-rank-container .title-box h2 i.ico.news-icon {
  background: url("../images/news-icon.png");
}
.hot-rank-container .title-box h2 i.ico.gift-icon {
  background: url("../images/gift-icon.png");
}

.hot-rank-container .title-box h2 i.ico.game-icon {
  background: url("../images/game-icon.png");
}

/* line 805, ../sass/common.scss */
.hot-rank-container .hot-citem {
  padding: 0 15px;
}
/* line 807, ../sass/common.scss */
.hot-rank-container .hot-citem li {
  padding: 0 8px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #eee;
}
/* line 812, ../sass/common.scss */
.hot-rank-container .hot-citem li.one {
  background-color: #fcf7f6;
}
/* line 814, ../sass/common.scss */
.hot-rank-container .hot-citem li.one i.num {
  background-color: #f51d27;
  color: #fff;
}
/* line 819, ../sass/common.scss */
.hot-rank-container .hot-citem li.one span.e-a a {
  color: #f51d27;
  border: 1px solid #f51d27;
}
/* line 825, ../sass/common.scss */
.hot-rank-container .hot-citem li.two {
  background-color: #fcf9e7;
}
/* line 827, ../sass/common.scss */
.hot-rank-container .hot-citem li.two i.num {
  background-color: #fe931e;
  color: #fff;
}
/* line 832, ../sass/common.scss */
.hot-rank-container .hot-citem li.two span.e-a a {
  color: #fe931e;
  border: 1px solid #fe931e;
}
/* line 838, ../sass/common.scss */
.hot-rank-container .hot-citem li.three {
  background-color: #edf9ff;
}
/* line 840, ../sass/common.scss */
.hot-rank-container .hot-citem li.three i.num {
  background-color: #2cbbff;
  color: #fff;
}
/* line 845, ../sass/common.scss */
.hot-rank-container .hot-citem li.three span.e-a a {
  color: #2cbbff;
  border: 1px solid #2cbbff;
}
/* line 851, ../sass/common.scss */
.hot-rank-container .hot-citem li i.num {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #999;
  vertical-align: middle;
  background-color: #eee;
  font-size: 12px;
  border-radius: 2px;
}
/* line 863, ../sass/common.scss */
.hot-rank-container .hot-citem li span {
  display: inline-block;
  margin-left: 18px;
  color: #333;
}
/* line 867, ../sass/common.scss */
.hot-rank-container .hot-citem li span.name {
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
}
/* line 871, ../sass/common.scss */
.hot-rank-container .hot-citem li span.h {
  color: #666;
  width: 45px;
  text-align: center;
}
/* line 877, ../sass/common.scss */
.hot-rank-container .hot-citem li span.e-a a {
  display: inline-block;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  width: 65px;
  height: 20px;
  color: #333;
  border: 1px solid #333;
  border-radius: 2px;
}
/* line 887, ../sass/common.scss */
.hot-rank-container .hot-citem li span.e-a a:hover {
  color: #fff;
  background-color: #fe931e;
  border: 1px solid #fe931e;
}
/* line 894, ../sass/common.scss */
.hot-rank-container .hot-citem li span.kf {
  text-align: center;
  width: 70px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;

}

/* line 903, ../sass/common.scss */
.guess-live-box {
  margin-top: 20px;
  box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
  padding-bottom: 10px;
}
/* line 907, ../sass/common.scss */
.guess-live-box .title-box {
  height: 50px;
  line-height: 50px;
}
/* line 910, ../sass/common.scss */
.guess-live-box .title-box h2 {
  font-size: 16px;
  font-weight: bold;
  color: #fe931e;
  padding: 0 35px;
}
/* line 915, ../sass/common.scss */
.guess-live-box .title-box h2 i.ico {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -3px;
}
/* line 922, ../sass/common.scss */
.guess-live-box .title-box h2 i.ico.ico1 {
  background: url("../images/icon.png") no-repeat -80px -200px;
}
/* line 928, ../sass/common.scss */
.guess-live-box .BT-box {
  padding: 0 25px;
}
/* line 931, ../sass/common.scss */
.guess-live-box .BT-box ul.yy-list .hover-box {
  height: 26px;
  line-height: 26px;
  width: 100%;
}
/* line 935, ../sass/common.scss */
.guess-live-box .BT-box ul.yy-list .hover-box a {
  padding: 0;
  width:50%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  
}
/* line 939, ../sass/common.scss */
.guess-live-box .BT-box ul.yy-list .info {
  top: 18px;
}
/* line 941, ../sass/common.scss */
.guess-live-box .BT-box ul.yy-list .info p {
  line-height: 22px;
}
/* line 944, ../sass/common.scss */
.guess-live-box .BT-box ul.yy-list .info .name {
  font-size: 14px;
}
/* line 947, ../sass/common.scss */
.guess-live-box .BT-box ul.yy-list .info .dec {
  font-size: 12px;
}
/* line 950, ../sass/common.scss */
.guess-live-box .BT-box ul.yy-list .info .scale {
  font-size: 12px;
}
/* line 954, ../sass/common.scss */
.guess-live-box .BT-box ul.yy-list li {
  width: 163px;
  height: 103px;
}
/* line 957, ../sass/common.scss */
.guess-live-box .BT-box ul.yy-list li img {
  width: 100%;
}
/* line 963, ../sass/common.scss */
.guess-live-box .updata-box {
  padding: 10px;
  text-align: center;
  font-size: 14px;
  color: #666;
}
/* line 968, ../sass/common.scss */
.guess-live-box .updata-box a {
  color: #333;
}
/* line 971, ../sass/common.scss */
.guess-live-box .updata-box i.ico {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url("../images/icon.png") no-repeat -100px -200px;
  vertical-align: middle;
}

/* line 981, ../sass/common.scss */
.wap-love-item {
  padding: 0 25px;
}
/* line 983, ../sass/common.scss */
.wap-love-item ul {
  width: 110%;
}
/* line 985, ../sass/common.scss */
.wap-love-item ul li {
  float: left;
  width: 102px;
  margin-bottom: 20px;
  margin-right: 17px;
  margin-top: 3px;
}
/* line 991, ../sass/common.scss */
.wap-love-item ul li .img {
  width: 94px;
  height: 94px;
  overflow: hidden;
}
/* line 995, ../sass/common.scss */
.wap-love-item ul li .img img {
  width: 100%;
}
/* line 999, ../sass/common.scss */
.wap-love-item ul li .name {
  font-size: 14px;
  padding: 5px 0;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
}
/* line 1004, ../sass/common.scss */
.wap-love-item ul li .d-bnt {
  display: block;
  margin: 0 auto;
  width: 96px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #666;
  border: 1px solid #eee;
  border-radius: 4px;
}
/* line 1014, ../sass/common.scss */
.wap-love-item ul li .d-bnt:hover {
  background-color: #fe931e;
  color: #fff;
  border: 1px solid #fe931e;
}

/* line 3, ../sass/news.scss */
.news-main .container {
  margin-top: 40px;
  margin-bottom: 50px;
}
/* line 6, ../sass/news.scss */
.news-main .container .left {
  width: 837px;
  float: left;
}
/* line 9, ../sass/news.scss */
.news-main .container .left .news-ctab {
  box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
  height: 40px;
  line-height: 40px;
}
/* line 13, ../sass/news.scss */
.news-main .container .left .news-ctab li {
  float: left;
  width: 140px;
  text-align: center;
  color: #666;
  font-size: 14px;
  cursor: pointer;
}
/* line 20, ../sass/news.scss */
.news-main .container .left .news-ctab li a {
  display: block;
}
/* line 23, ../sass/news.scss */
.news-main .container .left .news-ctab li.on {
  color: #fff;
  background-color: #fe931e;
}
/* line 26, ../sass/news.scss */
.news-main .container .left .news-ctab li.on a {
  color: #fff;
}
/* line 32, ../sass/news.scss */
.news-main .container .left .news-item-box {
  box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
  margin-top: 20px;
}
/* line 35, ../sass/news.scss */
.news-main .container .left .news-item-box .top-nav {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f1f2f3;
  white-space:nowrap;
  overflow:hidden;
}
/* line 39, ../sass/news.scss */
.news-main .container .left .news-item-box .top-nav li {
  float: left;
  width: auto;
  text-align: center;
  padding-left: 5px;
  max-width:84px;
  padding-right: 9px;
  font-size: 12px;
  color: #333;
  cursor: pointer;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;	  
  background: url(../images/tabfg.png) no-repeat right center;
}
/* line 48, ../sass/news.scss */
.news-main .container .left .news-item-box .top-nav li:last-child {
  background: none;
}
/* line 52, ../sass/news.scss */
.news-main .container .left .news-item-box .top-nav li.on span a {
  display: inline-block;
  padding: 0 8px;
  border-bottom: 1px solid #fe931e;
  color: #fe931e;
}
/* line 61, ../sass/news.scss */
.news-main .container .left .news-item-box .n-item-box {
  margin-top: 10px;
  min-height:884px;
}
/* line 63, ../sass/news.scss */
.news-main .container .left .news-item-box .n-item-box .newsbox {
  /* width: 713px; */
  width: 95%;
  margin: 0 auto;
}
/* line 66, ../sass/news.scss */
.news-main .container .left .news-item-box .n-item-box .newsbox li {
  padding: 13px 0;
  border-bottom: 1px solid #eeeeee;
}
/* line 68, ../sass/news.scss */
.news-main .container .left .news-item-box .n-item-box .newsbox li a:hover {
  background-color: #fafafa;
  color: #fe931e;
}
/* line 75, ../sass/news.scss */
.news-main .container .left .news-item-box .n-item-box .newsbox li h2 {
  font-size: 14px;
  padding-bottom: 10px;
}
/* line 79, ../sass/news.scss */
.news-main .container .left .news-item-box .n-item-box .newsbox li .info {
  padding-bottom: 5px;
  font-size: 12px;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
}
/* line 85, ../sass/news.scss */
.news-main .container .left .news-item-box .n-item-box .newsbox li .time {
  font-size: 12px;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
}

.news-main .container .left .news-item-box .n-item-box .newsbox li .tp {
  color: #fe931e;
}

/* line 89, ../sass/news.scss */
.news-main .container .left .news-item-box .n-item-box .newsbox li .time .m {
  float: right;
  color: #fe931e;
}
/* line 99, ../sass/news.scss */
.news-main .container .right {
  float: right;
  width: 384px;
}
/* line 105, ../sass/news.scss */
.news-main .news-info-main {
  box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
  padding-top: 20px;
  background-color: #fafafa;
}
/* line 109, ../sass/news.scss */
.news-main .news-info-main .top-t {
  padding: 0 20px 10px 20px;
  border-left: 5px solid #fe931e;
}
/* line 112, ../sass/news.scss */
.news-main .news-info-main .top-t h1 {
  font-size: 24px;
  color: #fe931e;
  font-weight: normal;
}
/* line 117, ../sass/news.scss */
.news-main .news-info-main .top-t p.path {
  font-size: 14px;
  color: #666;
  padding-top: 5px;
}
/* line 121, ../sass/news.scss */
.news-main .news-info-main .top-t p.path a {
  color: #666;
}
/* line 123, ../sass/news.scss */
.news-main .news-info-main .top-t p.path a:hover {
  color: #fe931e;
}
/* line 129, ../sass/news.scss */
.news-main .news-info-main .info-m {
  background-color: #fff;
  padding: 20px 60px;
  min-height: 1013px;
}
/* line 133, ../sass/news.scss */
.news-main .news-info-main .info-m img {
  max-width: 100%;
}
/* line 136, ../sass/news.scss */
.news-main .news-info-main .info-m .tit {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  text-align: center;
}
/* line 142, ../sass/news.scss */
.news-main .news-info-main .info-m .time {
	 width:100%;
  text-align: center;
  font-size: 14px;
  padding: 15px 0;
  color: #666;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;  
}
.news-main .news-info-main .info-m .width30 {
  width:30%;
  margin-left:4%;

}

/* line 149, ../sass/news.scss */
.news-main .news-info-main .info-m .info-txt {
  padding-top: 20px;
  font-size: 14px;
  line-height: 2em;
}

.ul-game-pic {padding:10px;}
.ul-game-pic li{float:left;margin-left:10px;width:110px;}
.ul-game-pic li img{width:110px;border-radius: 20px;}
.ul-game-pic li p{width:110px;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;text-align:center;}

.js-all-tj-gamelist-tab{ width:100%;text-align:left;  }
.js-all-tj-gamelist-tab .hd{ height:35px; line-height:35px; padding:0 20px; border-bottom:1px solid #ddd;  position:relative; }
.js-all-tj-gamelist-tab .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:37px;   }
.js-all-tj-gamelist-tab .hd ul li{ float:left; padding:0 15px; cursor:pointer; width:80px;height:35px;text-align:center;font-size:18px;color:#A3A3A3;}
.js-all-tj-gamelist-tab .hd ul a{color:#A3A3A3;}
.js-all-tj-gamelist-tab .hd ul li.on{ height:35px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; border-top: 1px solid #FFBE00;color:#333;}
.js-all-tj-gamelist-tab .hd ul li.on a{color:#333;}

.js-all-tj-gamelist-tab .bd ul{ padding:15px;  zoom:1;  }
.js-all-tj-gamelist-tab .bd li{ height:45px; line-height:34px; border-bottom: 1px solid #E8E7ED;}
.js-all-tj-gamelist-tab .bd li .bi1-3{ color:#FF8A0C;width:10%;float:left;margin-left:10px;margin-top:7px;}
.js-all-tj-gamelist-tab .bd li .bi6-10{ color:#9D9D9D;width:10%;float:left;margin-left:10px;margin-top:7px;}

.js-all-tj-gamelist-tab .bd li .lb1 span{ color:#fff;width:18px;height:18px;line-height:18px;background-color:#FF0000;float:left;text-align:center;margin-left:10px;margin-right:10px;margin-top:15px;}
.js-all-tj-gamelist-tab .bd li .lb2 span{ color:#fff;width:18px;height:18px;line-height:18px;background-color:#FE931E;float:left;text-align:center;margin-left:10px;margin-right:10px;margin-top:15px;}
.js-all-tj-gamelist-tab .bd li .lb3 span{ color:#fff;width:18px;height:18px;line-height:18px;background-color:#2CBBFF;float:left;text-align:center;margin-left:10px;margin-right:10px;margin-top:15px;}
.js-all-tj-gamelist-tab .bd li .lb4 span{ color:#fff;width:18px;height:18px;line-height:18px;background-color:#999;float:left;text-align:center;margin-left:10px;margin-right:10px;margin-top:15px;}
.js-all-tj-gamelist-tab .bd li .lb5 span{ color:#fff;width:18px;height:18px;line-height:18px;background-color:#999;float:left;text-align:center;margin-left:10px;margin-right:10px;margin-top:15px;}
.js-all-tj-gamelist-tab .bd li .lb6 span{ color:#fff;width:18px;height:18px;line-height:18px;background-color:#999;float:left;text-align:center;margin-left:10px;margin-right:10px;margin-top:15px;}
.js-all-tj-gamelist-tab .bd li .lb7 span{ color:#fff;width:18px;height:18px;line-height:18px;background-color:#999;float:left;text-align:center;margin-left:10px;margin-right:10px;margin-top:15px;}
.js-all-tj-gamelist-tab .bd li .lb8 span{ color:#fff;width:18px;height:18px;line-height:18px;background-color:#999;float:left;text-align:center;margin-left:10px;margin-right:10px;margin-top:15px;}
.js-all-tj-gamelist-tab .bd li .lb9 span{ color:#fff;width:18px;height:18px;line-height:18px;background-color:#999;float:left;text-align:center;margin-left:10px;margin-right:10px;margin-top:15px;}
.js-all-tj-gamelist-tab .bd li .lb10 span{ color:#fff;width:18px;height:18px;line-height:18px;background-color:#999;float:left;text-align:center;margin-left:10px;margin-right:10px;margin-top:15px;}
.js-all-tj-gamelist-tab .bd li .lbbtn{float:left;width:20%;text-align:center;color: #fff;border: 1px solid #ddd;height:23px;line-height:23px;margin-top:10px;font-size:12px;background-color:#ff0000;}
.js-all-tj-gamelist-tab .bd li .lbbtn:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';}

.js-all-tj-gamelist-tab .bd li .game{ float:left;width:64%;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;margin-top:7px;}
.js-all-tj-gamelist-tab .bd li .btn{float:left;width:20%;text-align:center;color: #666;border: 1px solid #ddd;height:23px;line-height:23px;margin-top:10px;font-size:12px;}
.js-all-tj-gamelist-tab .bd li .btn:hover{background-color:#FF8A0C;color:#fff;}