figure { margin:0px; padding:0px} .mtuji dl{width:46%;overflow:hidden;float:left;border:1px solid #ddd;border-radius:10px; margin:1.6%} .mtuji dl dt{height:160px;overflow:hidden;} .mtuji dl dt img{width:100%;min-height:100%;} .mtuji dl dd{font-size:12px;padding:5%;} .mtuji dl dd .tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .mtuji dl dd .info{text-align:right;} .mtuji dl dd .see i{display: inline-block;width: 18px;height: 14px;background: url(../img/see_icon.png) no-repeat;vertical-align: middle;} .mtuji dl dd .see span{margin-left:10px;color:#999;vertical-align: middle;} .mtuji dl dd .time.fl{float:left;color:#999;} .mtuji dl dd .see.fr{float:right;} .article { padding-top: 10px; background: #fff; } .article h1 { padding: 0 10px; margin-bottom: 10px; line-height: 30px; font-size: 23px; } .article .detail { padding: 0 10px; font-size: 13px; color: #5c5c5c; margin-bottom: 15px; overflow: hidden; } .picin{background:#333333;} .picin .picdes{color:#fff;line-height: 2.6rem;display:none;} .swiperbox .swiper-pagination-fraction {color: #fff;position: absolute;right: 12px;width: 60px;left: auto;height: 40px;border-radius: 8px;font-size: 16px;white-space: nowrap;top: 50%;background: rgba(0,0,0,.65);} .swiperbox .swiper-pagination-fraction .swiper-pagination-current{color: #e60012;font-size: 28px;} .swiperbox .hezi{height:300px;overflow:hidden;} .swiperbox .hezi img{width:100%;min-height:100%;} .article .picin_cont h1{color:#fff;} .article .picin_cont .detail{color:#fff;} .article .picin_cont .tags{color: #fff;} .article .picin_cont .mobileshare span{color:#fff;} .article .picin_cont .wzbody{color: #fff;font-size: 14px;padding: 0 10px;margin: 20px 0;} .picin .nextpage{padding:5%;} .picin .nextpage .sp{font-size:14px;color:#fff;} .picin .nextpage .link{font-size:14px;color:#fff!important;width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .picin .clear{clear:both;} .picin .backicon{margin-bottom: 4rem;padding-left: 5%;margin-top: 1rem;} .picin .backicon img{width:1.5rem;} .feeds { position: relative; overflow: hidden } .feeds-item { border-top: 1px solid #eee; position: relative; padding: 12px 0 } .feeds-item:first-child { border-top: 0 } .feeds-item:hover { background: #f8f8f8 } .feeds-item h3 { font-size: 16px; font-size: 1.6rem; height: 42px; line-height: 22px; margin-bottom: 5px; overflow: hidden; font-weight: normal; } .feeds-item h3 a { color: #262627; font-weight: normal; } .feeds-item h3 a:hover { color: #3ba0f2; text-decoration: none } .feeds-item h2 { font-size: 16px; font-size: 1.6rem; height: 42px; line-height: 22px; margin-bottom: 5px; overflow: hidden; font-weight: normal; } .feeds-item h2 a { color: #262627; font-weight: normal; } .feeds-item h2 a:hover { color: #3ba0f2; text-decoration: none } .feeds-item .tw_icon{margin-left: 10px;color: #51addf;background:#f5fbfe;border:1px solid #addcf4;border-radius:2px;padding: 0px 6px;padding: 1px 6px;font-size: 12px;} .feeds-item .tj_icon{margin-left: 10px;color: #e35b5b;background:#fef8f8;border:1px solid #f4a8a8;border-radius:2px;padding: 0px 6px;padding: 1px 6px;font-size: 12px;} .feeds-item .sp_icon{margin-left: 10px;color: #efbe39;background:#fdfbf7;border:1px solid #f9de94;border-radius:2px;padding: 0px 6px;padding: 1px 6px;font-size: 12px;} .feeds-item .littitle{ font-size: 17px; font-size: 16px; height: 42px; line-height: 22px; margin-bottom: 5px; overflow: hidden} .feeds-item .feeds-item-pic { position: absolute; left: 0; top: 12px; width: 96px; height: 66px; padding: 1px; border: 0px solid #ededed } .feeds-item .feeds-item-pic a { display: block; height: 100%; overflow: hidden } .feeds-item .feeds-item-pic img { width: 90px; } .feeds-item .feeds-item-info { height: 18px; line-height: 18px; color: #999; overflow: hidden; font-size: 12px; overflow: hidden } .feeds-item .feeds-item-info span { margin-right: 0px } .feeds-item .feeds-item-info a { color: #999 } .feeds-item .feeds-item-info i { margin-right: 3px } .feeds-item .feeds-item-info .author i { color: #afafaf } .feeds-item .fa-heart-o { font-size: 13px; font-size: 1.3rem } .feeds .hasImg { padding-left: 103px; min-height: 60px } .loadmore { width: 100%; height: 35px; line-height: 35px; margin: 5px 0; background: #f7f8f9; font-size: 16px; font-size: 1.6rem; color: #213d7c; letter-spacing: 1px; text-align: center; cursor: pointer } .mod { position: relative; padding: 10px; background: #fff; } .mod .title { position: relative; display: inline-block; width: 100%; height: 32px; } .mod .TitA { height: 38px; border-bottom: 1px solid #eee; margin-bottom: 6px; } .mod .TitA em { position: absolute; left: 0; top: 8px; display: inline-block; width: 3px; height: 20px; background: #213d7c; } .mod .title h2{ float: left; color: #5c5c5c; font-size: 18px; font-size: 16px; line-height: 32px; padding-left:10px; } .article .tags{font-size: 14px;padding:0 10px} .article .tags i{width: 12px;height: 13px;display: inline-block;background: url(../img/tagicon.png) no-repeat;background-size: 100%;margin-right: 10px;} .article .tags a{font-size: 14px;color: #4ba4ff;margin: 0 4px;} .article .mobileshare{font-size: 14px;padding:0 10px;margin-top:10px;} .article .mobileshare i{width: 12px;height: 13px;display: inline-block;background: url(../img/tagicon.png) no-repeat;background-size: 100%;margin-right: 5px;vertical-align: middle;} .article .mobileshare span{vertical-align: middle;} .article .mobileshare a{font-size: 0;color: #4ba4ff;margin: 0 10px;vertical-align: middle;} .article .mobileshare a img{width:25px!important;height:25px!important;}