body {
  background-color: var(--color-bg);
}

.m-coll {
  margin-top: 10px;
}

.m-coll-left .intro-box {
  width: 100%;
  height: 172px;
  box-sizing: border-box;
  padding: 11px;
  background: var(--color-surface);
  margin-bottom: 15px;
}

.m-coll-left .intro-box img {
  width: 242px;
  height: 150px;
}

.m-coll-left .intro-box .info {
  display: inline-block;
  width: 582px;
  margin-left: 10px;
  vertical-align: top;
}

.m-coll-left .intro-box .info .title {
  font-size: var(--fs-2xl);
}

.m-coll-left .intro-box .info .txt {
  font-size: var(--fs-sm);
  height: 60px;
  margin-bottom: 10px;
  margin-top: 10px;
  overflow: hidden;
}

.m-coll-left .intro-box .info .time {
  color: var(--color-text-muted);
  font-size: var(--fs-sm);

}

.m-coll-left .intro-box .info .time i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/icon-time.png) no-repeat center;
  background-size: 100%;
  vertical-align: text-bottom;
  margin-right: 10px;
}

.m-coll .m-coll-left .container{
  background: var(--color-surface);
  padding: 0 15px;
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.m-coll .m-coll-left .hd-title.list-tab{
  font-size: var(--fs-lg);
  background: var(--color-surface);
  padding: 0;
  border-bottom: 1px solid var(--color-border-light);
} 

.m-coll-left .list-tab a {
  display: inline-block;
  height: 35px;
  /* margin-top: 5px; */
  padding: 0 10px;
  font-size: var(--fs-lg);
  line-height: 35px;
  font-weight: normal;
  color: var(--color-text-heading);
}

.m-coll-left .list-tab a.cur {
  color: var(--color-text-heading);
  background: var(--color-surface);
  font-weight: bold;
  border-bottom: 2px solid var(--color-primary);
}

.m-coll-left ul {
  display: none;
  position: relative;
  padding: 10px 0;  
}

.m-coll-left ul.cur {
  display: block;
}

.m-coll-left ul.m-list-box li:last-child{
  /* margin-bottom: 0; */
}

.m-coll .m-coll-right .m-right-item{
  box-sizing: border-box;
  padding: 0 15px;
}

.m-coll .m-coll-right .m-right-item .hd-title {
  padding-left: 5px;
}

.m-coll-right .week-all-rank .rank-tab a,
.m-coll-right .recommend-game-soft .game-soft-tab a {
  display: block;
  color: var(--color-text-heading);
  text-align: center;
  float: left;
  width: 50%;
}

.m-coll-right .week-all-rank .rank-tab a.cur,
.m-coll-right .recommend-game-soft .game-soft-tab a.cur {
    border-bottom: 2px solid var(--color-primary);
}

.m-coll-right .week-all-rank ul,
.m-coll-right .recommend-game-soft ul {
  display: none;
  padding: 10px 0;
}

.m-coll-right .week-all-rank ul.cur,
.m-coll-right .recommend-game-soft ul.cur {
  display: block;
}

.m-coll .m-coll-right .recommend-game-soft {
  padding-bottom: 0;
}

.m-coll-right .recommend-game-soft ul {
  padding: 15px 0 0;
}

.m-coll-right .recommend-game-soft ul li {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 10px 0 15px;
}

.m-coll-right .recommend-game-soft ul li+li {
  border-top: 1px dashed var(--color-bg);

}

.m-coll-right .recommend-game-soft ul li .img-box {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  overflow: hidden;
  margin-right: 10px;
}

.m-coll-right .recommend-game-soft ul li .info .tt {
  display: block;
  margin-bottom: 10px;
  font-size: var(--fs-sm);
  color: var(--color-text-strong);
  transition: color var(--transition-fast);
}

.m-coll-right .recommend-game-soft ul li .info .tt:hover {
  color: var(--color-primary);
}

.m-coll-right .recommend-game-soft ul li .info .star-bar {
  display: inline-block;
  width: 85px;
  height: 15px;
  overflow: hidden;
  vertical-align: middle;
  background: url(../images/iconpic-star-S-default_to.png) repeat-x 0 0;
}

.m-coll-right .recommend-game-soft ul li .info .star-bar .star {
  display: block;
  float: left;
  height: 15px;
  background: url(../images/iconpic-star-S-default_to.png) repeat-x 0 -16px;
}

.m-coll-right .recommend-game-soft ul li .info .time,
.m-coll-right .recommend-game-soft ul li .info .fg,
.m-coll-right .recommend-game-soft ul li .info .size {
  margin-left: 10px;
  font-size: var(--fs-xs);
  vertical-align: middle;
  color: var(--color-text-muted);
}


.m-coll-right .m-gg-320 {
  padding: 10px 0;
  color: var(--color-text-strong);
  font-size: var(--fs-xs);
  min-height: 300px;
}