/* 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("../img/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("../img/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("../img/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("../img/icon.png") no-repeat -30px -90px;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: -3px;
}
/* line 167, ../sass/common.scss */
.header-layout .head-top .right .allGame .game-list {
  position: absolute;
  right: 0;
  top: 40px;
  width: 830px;
  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;
}
/* 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: 216px;
  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: 166px;
  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(../img/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("../img/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("../img/icon.png") no-repeat -33px -154px;
}
/* line 520, ../sass/common.scss */
.BT-box ul.yy-list li .hover-box a i.gift {
  background: url("../img/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("../img/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("../img/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;
}
/* 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("../img/icon.png") no-repeat -60px -200px;
}
/* line 805, ../sass/common.scss */
.hot-rank-container .hot-citem {
  padding: 0 25px;
}
/* line 807, ../sass/common.scss */
.hot-rank-container .hot-citem li {
  padding: 0 10px;
  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: 65px;
  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: 45px;
}

/* 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("../img/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;
}
/* 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("../img/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 2, ../sass/rank.scss */
.wap-banner {
  height: 265px;
  position: relative;
}
/* line 5, ../sass/rank.scss */
.wap-banner ul {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
}
/* line 10, ../sass/rank.scss */
.wap-banner ul li {
  height: 265px;
  overflow: hidden;
}

/* line 17, ../sass/rank.scss */
.bt-main {
  margin-top: 20px;
  position: relative;
  margin-bottom: 20px; 
}
.banner{
	float: left;
	position:relative
}
.lab{
	position:absolute;
	width:207px;
	height:217px;
	right:0;
	bottom:0;
}
.main-container{
	
}
.main-container ul li{
	background-color:#e8e8e8;
	height:288px;
	float:left;
	margin-top:40px;
	
}
.main-container ul li .con-left{
	width:409px;
	height:288px;
	background-color:#595959;
	float:left;
	border-radius:5px 5px 0 0;
}
.main-container ul li .con-left .left-top{
	background:#feb028;
	width:409px;
	height:62px;
	border-radius:5px;
	position: relative;
	text-align:center;
}
.main-container ul li .con-left .left-top .top-num{
	position: absolute;
	top:-8px;
	background:url(../img/top-num.png) no-repeat 0 -14px;
	margin-left:37px;
	width:122px;
	height:139px;
}
.main-container ul li .con-left .left-top .top-num h2{
	font-size:24px;
	text-align:center;
	margin-top:20px;
	float:left;
	color:#ffffff;
	font-weight:bold;
	width:122px;
}
.main-container ul li .con-left .left-top .top-num h3{
	font-size:24px;
	text-align:center;
	color:#ffffff;
	float:left;
	font-weight:bold;
	width:122px;
}
.main-container ul li .con-left .left-top span{
	font-size:20px;
	margin-left:43px;
	line-height:62px;
	color:#ffffff;
	font-weight:bold;
}
.main-container ul li .con-left .context{
	padding-left:100px;
	padding-top:32px;
	color:#ffffff;
	font-size:16px;
}
.main-container ul li .con-left .context p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.main-container ul li .con-left .context .ser{
	color:#f0db08;
	border-radius:2px;
	margin:3px;
	border: 1px solid #f0db08;
}
.main-container ul li .con-left .context .ser a{
	color:#f0db08;
	margin:4px;
}
.main-container ul li .con-left .context .start-game{
	display:block;
	margin-top:17px;
	width:232px;
	height:44px;
	text-align:center;
	line-height:44px;
	background-color:#ffe800;
	color:#595959;
	font-weight:bold;
	font-size:20px;
	border-radius:15px;
}
.main-container ul li .con-right{
	width:810px;
	height:288px;
	margin-left:21px;
	float:left;
}
.main-container ul li .con-right img{
	width:790px;
	height:151px;
}
.main-container ul li .con-right .r-context{
	font-size:16px;
	float:left;
}
.main-container ul li .con-right .r-context p{
	padding-top:10px;
	
}
.main-container ul li .con-right .r-context .r-blue{
	color:#2cbbff;
}
.main-container ul li .con-right .r-context .r-org{
	color:#fe931e;
}