@charset "utf-8";
body{background: #f2f2f2;}
.section-title h3{ margin: 0 0 10px 0; padding: 0 0 0 8px;line-height: 20px;font-size: 18px;border-left: 4px solid #0066cc;}
.section-title{border-bottom: 1px solid #ddd;margin: 15px 0;}

.content-list{width: 1200px;margin: 20px auto;}
.content-list ul{margin: -6px -6px 0;}
.taptap-app-list::after{content:"";display:table;clear:both}
#filter{margin:0;clear:both;background:#fff;border-bottom: 1px solid #ebebeb;height: auto;overflow: hidden;padding: 10px;}
#filter .qcls{height: auto;padding:16px 0;overflow: hidden;}
#filter .qcls span{float:left;width: 50px;line-height:28px;display:block;font-size: 16px;font-weight: 600;color: #0066cc;}
#filter .qcls p{float:left;line-height:28px;}
#filter .qcls a,#filter .qcls a:visited{float:left;padding:0 8px 0;display:block;line-height:28px;height:28px;margin-right:2px;margin-bottom:8px}
#filter .qcls a.curr,#filter .qcls a.curr:visited,#filter .qcls a:hover{background: #0066cc;color:#fff;text-decoration:none;border-radius:2px}
#filter .uplink{line-height:36px;height:36px}
#filter .uplink em{float:left;display:block;height:36px;font-style:normal;border-radius:10px}
#filter .uplink a{float:left;line-height:34px;height:34px;width:100px;text-align:center;border:1px solid #1aabc0;border-left:0;margin:0}
#filter .uplink a#bcss0{border-radius:5px 0 0 5px;border-left:1px solid #1aabc0}
#filter .uplink a#bcss3{border-radius:0 5px 5px 0}

/*list*/
.downlist{width: 1200px;overflow: hidden;margin: 0 auto;background: #fff;}
.downlist ul{/* width: 105%; */overflow:hidden;padding: 10px;}
.downlist li{padding: 15px;float:left;width: 552px;/* border-bottom:1px solid #f4f4f4; */overflow: hidden;height: 139px;margin-right: 8px;}
.downlist li:hover{background:#f4f4f4}
.text{width: 100%;line-height:22px;color: #777;font-size: 14px;height: 44px;overflow: hidden;display: inline-block;margin-top: 8px;}
.downlist .g{position:relative;float:left;width:90px;margin-top: 15px;}
.downlist .g i{width:90px;height:90px;position:absolute;top:0;left:0}
.downlist .g img{width:90px;height:90px;border-radius:10px;}
.downlist .ginfo{float:left;padding-left: 16px;width: 434px;font-size:12px;color:#999;overflow: hidden;}
.downlist .ginfo b{display:block;line-height:36px;height:36px;font-size:18px;overflow:hidden;width:425px;font-weight: 600;}
.downlist .ginfo i{float:left;display:block;line-height: 20px;height: 20px;padding-right:5px;font-style:normal;font-size:12px;overflow:hidden;width: 100%;}
.downlist .ginfo .sj{width:170px;padding-right:0;font-size:12px}
.downlist .ginfo .lb{width:52px;color: #00aeef;}
.downlist .ginfo .lb a{color: #00aeef;}
.downlist .ginfo p{display:block;line-height:28px;height:28px;overflow:hidden;width:300px}
.downlist a.durl{width: 90px;height:30px;line-height:30px;text-align:center;font-size: 14px;border:1px solid #00aeef;color:#00aeef;margin-right: 0;float: right;margin-top: -65px;display: inline-block;border-radius: 10px;}
.downlist a.durl:hover{background:#0066cc;color:#fff;border:1px solid #0066cc;}
.downlist .g .sign{position:absolute;width:45px;height:50px;top:0;left:0;z-index:1;}
.downlist .g .sign_1{background-position:-150px 1px}
.downlist .g .sign_2{background-position:0 1px}
.downlist .g .sign_3{background-position:-613px 1px}
.downlist .g .sign_4{background-position:-48px 1px}
.downlist .g .sign_5{background-position:-200px 1px}
.downlist .g .sign_6{background-position:-252px 1px}
.downlist .g .sign_7{background-position:-303px 1px}
.downlist .g .sign_8{background-position:-355px 1px}
.downlist .g .sign_9{background-position:-407px 1px}
.downlist .g .sign_10{background-position:-459px 1px}
.downlist .g .sign_11{background-position:-511px 1px}
.downlist .g .sign_12{background-position:-562px 1px}
.downlist .g .sign_13{background-position:-668px 1px}
.downlist .g .sign_14{background-position:-721px 1px}
.downlist .g .sign_15{background-position:-778px 1px}
/* 分页 */
#pages{height:40px;padding:10px 0;clear:both;text-align:center}
#pages a,#pages a:hover,#pages a:visited{padding:0 14px;font-size:16px;border:1px solid #e4e4e4;display:inline-block;height:36px;line-height:36px;text-decoration:none;color:#777;margin:0 3px;background:#fff}
#pages .active a,#pages .cur a,#pages a:hover{border: 1px solid #06c;color:#fff;background: #06c;}


.breadcrumb{width: 1200px;margin: 20px auto 0;}
.category-tags{width: 100%;overflow: auto;white-space: nowrap;}
.category-tags .tag{font-size:16px;height:34px;line-height:34px;padding:0 15px;background: #06c;border-radius:18px;display: inline-block;margin-right: 10px;}
.category-tags .tag a{color: #fff;}


@media only screen and (max-width:767px){
  .content-list{width: 100%;}
  .list-item{float: none;width: auto;margin: 0;padding: 10px 0;border-bottom: 1px solid #eee;}
  .list-item .item-image{float:left;width: 80px;height: 80px;margin: 0;}
  .content-list ul {margin:0;padding:10px;background: #fff;}
  .list-item .item-caption .item-caption-title>h4{margin:0;line-height:20px;font-size:16px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
    .list-item .item-caption{padding: 10px 0 10px 10px;}
    .list-item .item-caption .item-caption-title{margin-bottom: 20px;}
    #pages a,#pages a:hover,#pages a:visited{padding: 0 10px;font-size: 14px;height: 30px;line-height: 30px;}
    .breadcrumb{width: 100%;margin: 10px auto 0;}
}