
/* ==================列表begin================= */
/* style1 */
.excerpt {position:relative;overflow:hidden;margin-bottom:20px;box-shadow: 0 50px 80px rgba(229, 229, 229, 0.3);;}
.excerpt:last-child{border-bottom:none;;}
.excerpt .focus {float:left;overflow:hidden;position:relative;}
.excerpt .focus .imagelink {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)}
.excerpt .focus span{display:block;position:absolute;top:20px;right:20px;padding:0 10px;z-index:1}
.excerpt .thumb-big {width:40%;margin-right:30px;}
.excerpt .thumb-small {width:33%;margin-right:30px;}
.excerpt strong{display:block;margin:30px 30px 20px 0;overflow:hidden;font-weight:400}
.excerpt strong a{font-size:24px;}
.excerpt .note {word-wrap:break-word;padding-right:30px}
.excerpt .time {position:absolute;left:33%;margin-left:30px;bottom:30px;}
.excerpt .itag {position:absolute;right:30px;bottom:30px;}
.excerpt .focus:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:.3s;transition:.3s;}
.excerpt:hover .focus:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);-webkit-transition:.3s;transition:.3s;}

/* style2 */
.excerpt-2 {margin-bottom:30px;position:relative;overflow:hidden;}
.excerpt-2 .time{margin-top:70px;margin-right:-20px;padding:15px 0 10px 0;border-right:1px solid #eee;}
.excerpt-2 .time .text-large{font-size:52px;line-height:54px;}
.excerpt-2 .tit {margin-top:70px;margin-left:50px;margin-right:30px;}
.excerpt-2 .tit strong a{display:block;font-size:24px;color:#333;margin-bottom:20px;font-weight:400}
.excerpt-2 .button{margin-top:70px;width:70px;line-height:56px;font-size:24px;border:1px solid #ebebeb;}
.excerpt-2:hover .button{background:#0162B3;color:#fff;border:1px solid #0162B3}
.excerpt-2:hover .tit strong a{color:#0162B3}

/* style3 */
.excerpt-top strong {padding:5px 0 20px 0;display: block}
.excerpt-top strong a{font-size:20px;color:#333;}
.excerpt-3 .media {top:0;-webkit-transition:.5s;transition:.5s;margin-bottom:30px;position:relative;}
.excerpt-3 .media .ph{padding-bottom:68%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;}
.excerpt-3 .media:hover {top:-5px;-webkit-transition:.5s;transition:.5s;box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);}
.excerpt-3 .media-body {text-align:left;padding:15px 20px 20px 20px}
.excerpt-3 .media-body strong {height:60px;line-height:26px;overflow:hidden;}
.excerpt-3 .media .ph:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;-webkit-transition:.5s;transition:.5s;
background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(0,0,0,.8)));
background: -webkit-linear-gradient(top,transparent 50%,rgba(0,0,0,.8) 100%);
background: -o-linear-gradient(top,transparent 50%,rgba(0,0,0,.8) 100%);
background: linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.8) 100%);
}

/* style4 */
.excerpt-4 .media {-webkit-transition:.5s;transition:.5s;margin-bottom:30px;}
.excerpt-4 .media .date{border-right:1px solid #eee;padding:30px 20px;margin-right:30px}
.excerpt-4 .media .date .day{font-size:48px;}
.excerpt-4 .media .date .year{font-size:18px;}
.excerpt-4 .media .date hr{width:28px;height:2px;margin:10px auto;background:#ff4800}
.excerpt-4 .media .media-body{padding:20px 0}
.excerpt-4 .media .media-body strong{padding-bottom:10px;display: block}
.excerpt-4 .media .media-body strong a{font-size:18px;transition: all 0.3s;}
.excerpt-4 .media:hover .media-body strong a{color:#ff4800;transition: all 0.3s;}

/* style5 */
.excerpt-5 .media{margin-bottom:20px;padding-bottom:20px;overflow:hidden;position:relative;border-bottom:1px solid #eee;}
.excerpt-5 .media:last-child{border-bottom:none;}
.excerpt-5 .media img{width:230px;}
.excerpt-5 .media a.button{border:1px solid #ddd;padding:5px 15px}
.excerpt-5 .media:hover a.button{background:#0162B3;border:1px solid #0162B3;color:#fff}
.excerpt-5 .media .media-body {text-align:left;padding:0 15px;margin:0;}
.excerpt-5 .media .media-body h2{overflow:hidden;margin-bottom:10px}
.excerpt-5 .media .media-body h2 a {color:#333;font-weight:600;}
.excerpt-5 .media:hover .media-body h2 a {color:#0162B3;}

.list-post-text {padding:0px}
.list-post-text li {padding:10px 0;line-height:20px}
.list-post-text li a {display:block;}
.list-post-text li.dot a {padding-left:15px;position:relative}
.list-post-text li.dot:hover a:before {background:#0162B3;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:8px;border-radius:50%}

/* ==================列表end================= */

@media screen and (max-width:1440px) {
.excerpt-2 {margin-bottom:20px;position:relative;overflow:hidden;}
.excerpt-2 .media-img{margin-right:80px}
.excerpt-2 .time{margin-top:60px;margin-right:50px;margin-left:-100px;padding:10px 0;}
.excerpt-2 .time .text-large{font-size:48px;line-height:48px;}
.excerpt-2 .tit {margin-top:30px;margin-left:-10px;margin-right:10px;}
.excerpt-2 .tit strong a{font-size:20px;margin-bottom:20px;}
.excerpt-2 .button{margin-top:35px;margin-left:20px;width:50px;line-height:35px;font-size:20px;}

.excerpt-5 .media{margin-bottom:15px;}
.excerpt-5 .media img{width:200px;}
.excerpt-5 .media .media-body {padding:0 15px 5px 15px;}
}
@media screen and (max-width:768px) {

/* ==================m列表begin================= */
/* style1 */
.excerpt {margin-bottom:20px;}
.excerpt .thumb-small {width:40%;}
.excerpt .thumb-small,.excerpt .thumb-big {margin-right:20px}
.excerpt strong {margin:10px 20px 0 0;}
.excerpt strong a {font-size:16px;font-weight:400}

/* style2 */
.excerpt-2 {margin-bottom:10px}
.excerpt-2 .media-img{margin-right:0}
.excerpt-2 .tit {margin:10px;}
.excerpt-2 .tit strong a{font-size:16px;}

/* style3 */
.excerpt-3 .media {margin-bottom:10px;}
.excerpt-3 .media-body {padding:10px}
.excerpt-3 .media-body strong {}
.excerpt-3 .media-body strong a.text-middle {font-size:16px;}

/* style4 */
.excerpt-4 .media {margin-bottom:10px;}
.excerpt-4 .media .date{padding:20px 15px;margin-right:20px}
.excerpt-4 .media .day{font-size:36px;}
.excerpt-4 .media .year{font-size:18px;}
.excerpt-4 .media .media-body{padding:10px 0}
.excerpt-4 .media .media-body strong a{font-size:16px;line-height:28px;}

.excerpt-5 .media{margin-bottom:10px;}
.excerpt-5 .media .media-body {padding:0px 10px;}
.excerpt-5 .media img{width:120px;}
.excerpt-5 .media .media-body {padding:0 5px 5px 5px;margin:0;}
/* ==================m列表end================= */

}