﻿/*专题列表页*/
.special{background: #fff;display: block;padding-top: 10px;}
.special ul{display:block;padding:10px;overflow: hidden;}
.special ul li{position:relative;display: inline-block;width: 50%;float: left;margin: 5px 0;overflow: hidden;text-align: center;}
.special ul li a{display: inline-block;width: 90%;position:relative;padding-bottom:65%;height: 0;}
.special ul li a img{display: inline-block;border-radius: 4px;position: absolute;top:0;left: 0;width: 100%;height: 76%;margin-bottom: 4%;background-color: #eee;}
.special li p{position: absolute;bottom:0;left: 0;height: 20%;width: 100%;font-size: 14px;color: #555;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*专题内容页*/
.collect_intro { overflow: hidden; background: #fff; margin-bottom: 6px;border-top:1px solid #fff;}
.collect_intro .info { margin-bottom: 6px;height:0;width: 100%; position: relative; display: block; padding-bottom:50%;overflow: hidden; }
.collect_intro .info img { position: absolute; z-index: 1; width: 100%;height: 100%; display: block; }
.collect_intro .info .title { width: 100%; position: absolute; height: 60px; left: 0; bottom: 0; z-index: 2; background: -webkit-linear-gradient(bottom, #000000 0%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); background: linear-gradient(to top, #000000 0%, transparent 100%); display: flex; }
.collect_intro .info .title p { font-size: 16px; color: #fff; font-weight: bold; overflow: hidden; flex: 1; height: 60px; line-height: 60px; margin: 0 12px; }
.collect_intro .info .title span { height: 60px; line-height: 60px; margin: 0 12px; font-size: 14px; color: #ff9900; font-weight: 600; }
.collect_intro .text { overflow: hidden; padding:12px 12px 0; line-height: 20px; font-size: 12px; color: #666; }
.collect_intro .text span { color: #ff9900; }
.collect_intro .xiangguan { overflow: hidden; padding:0 12px; line-height: 20px; font-size: 12px; color: #666; }
.collect_intro .xiangguan a{color: #ff9900;}
.collect_intro strong{font-weight:bold;}

.qlist_introcon{overflow: hidden;height:22px;}
.qlist_intromore {display: inline-block;float: right;width: 54px;height: 20px;border: 1px solid #f0f0f0;color: #c3c3c3;text-indent: 10px;line-height: 20px;margin: 0 12px 5px 0;font-size: 12px;position: relative;}
.qlist_intromore em {font-style: normal;}
.qlist_intromore i {position: absolute;top:3px;right:4px;display: inline-block;width: 14px;height: 14px;background: url(../images/myicon.png) -34px -81px  no-repeat;background-size: 120px 120px;}
.qlist_intromore i.zk {background-position: -50px -81px;}
.kstext{padding:0 10px!important;}

.qlist_title {
  height: 39px;
  position: relative;
  padding: 0 10px;
  background: #fff;
  margin-bottom: 6px;
}
.qlist_title p {
  height: 18px;
  line-height: 16px;
  display: block;
  text-align: center;
  border-radius: 10px;
  font-size: 12px;
  color: #7f7f7f;
  position: absolute;
  right: 10px;
  top: 13px;
  font-style: normal;
}
.qlist_title h1 {
	max-width:60%;
	overflow: hidden;
  height: 39px;
  line-height: 39px;
  font-size: 16px;
  font-weight: bold;
  border-top: 2px solid #37c44a;
  position: absolute;
  left: 0;
  top: 0;
  color: #424242;
  padding: 0 5px 0 20px;
}
.qlist_title h1 a{
	color: #424242;
}
.qlist_title i {
  background: url(../images/myicon.png) -91px -5px no-repeat;
  width: 26px;
  height: 26px;
  background-size: 120px 120px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.gamelist { overflow: hidden;margin-top: 0; }
.gamelist .gameli:last-child { border: none; }
.gamelist + .gamelist{display: none;}
.gamelist .gameli { overflow: hidden; margin: 10px 12px; border-bottom: 1px solid #f5f5f5;  }
.gamelist .gameli .game {padding: 15px 0; height: 70px; margin: 0 12px;display: flex; }
.gamelist .gameli .game .img { display: block; margin-right: 12px;position: relative; }
.gamelist .gameli .game .img p{position: absolute;
    left: -10px;width: 40px;
    top: -10px;background: #ff4c88;font-size: 12px;color: #fff;text-align: center;line-height: 20px;height: 20px;border-radius: 10px;}
.gamelist .gameli .game .img, .gamelist .gameli .game .img img { width: 70px; height: 70px; border-radius: 10px; }
.gamelist .gameli .game .info { flex: 1; margin-right: 12px; }
.gamelist .gameli .game .info .title { display: block; width: 100%; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: 600; color: #333; }
.gamelist .gameli .game .info p { height: 20px; line-height: 20px; font-size: 10px; color: #999; margin: 4px 0; }
.gamelist .gameli .game .info p span { margin-left: 10px; }
.gamelist .gameli .game .info ul { overflow: hidden; width: 100%; height: 24px; }
.gamelist .gameli .game .info ul li { float: left; height: 18px; border-radius: 10px; padding: 0 10px; border: 1px solid #BDEDAF; text-align: center; font-size: 12px; color: #16ac1d; margin: 2px 4px 10px 0; }
.gamelist .gameli .game .info ul li a{ color: #16ac1d; }
.gamelist .gameli .game .btn { width: 60px; height: 26px; box-shadow: 0 0 12px #BDEDAF; background: -webkit-linear-gradient(left, #16ac1d 0%, #37c44a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16ac1d', endColorstr='#37c44a',GradientType=1 ); background: linear-gradient(to right, #16ac1d 0%, #37c44a 100%); color: #fff; text-align: center; border-radius: 4px; line-height: 26px; margin-top: 22px; }

.zt_new ul { padding: 0 10px;margin:10px 0 10px;width:100%;height:100px;overflow-y:scroll;}
.zt_new ul li{ width: 24%; float: left; height: 22px;  margin-bottom: 15px;}
.zt_new ul li a{ width: 90%;border:1px solid #e0e0e0; border-radius: 10px; display: block; height: 100%; text-align: center; line-height: 22px; font-size: 12px; color: #666666; overflow: hidden;}