.nav-rounded li{display:inline-block;position:relative;}
.nav-rounded li a{margin-right:10px;border:2px solid #9DA3AC;height:36px;line-height:34px;display:block;color:#8E8787;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;text-transform:uppercase;}
.nav-rounded li a:hover{color:#4370F5;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.nav-rounded li a.active{color:#fff;font-weight:600;border:2px solid #FF2C55;background:#FF2C55}

.excerpt-4 .media{-webkit-transition:.5s;transition:.5s;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);margin-bottom: 30px}
.excerpt-4 .media:hover{box-shadow: 0 0 30px rgba(0, 0, 0, 0.2)} 
.excerpt-4 .media-img{position:relative;overflow:hidden}
.excerpt-4 .media-body .padding-big{padding:20px 15px}
.excerpt-4 .media-body strong{margin:10px 0;line-height:22px;overflow:hidden;height: 44px}
.excerpt-4 .media .post-zoom{transform:scale(1);transition:.5s;padding-bottom:67%;display:block;width:100%;height:0;overflow:hidden;background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.excerpt-4 .media:hover .post-zoom{transform:scale(1.1);-webkit-transition:.3s;transition:.3s}

.excerpt-info ul .userimg{width:24px;height:24px}
.excerpt-info ul li{padding:0}
.excerpt-info ul li.x3-1{width:50%;float:left;}
.excerpt-info ul li.x3-2{width:20%;float:left;}
.excerpt-info ul li.x3-3{width:30%;float:right}

/* css3瀑布流begin */
.waterfall{column-count:3;-moz-column-count:3;-webkit-column-count:3;column-gap:24px;-moz-column-gap:24px;-webkit-column-gap:24px;margin:0 auto;}
.waterfall .item{margin-bottom:24px;break-inside:avoid;-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid}
.waterfall .item .post-link h2{position:absolute;right:20px;bottom:20px;left:20px;z-index:3;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.waterfall .item a.collect{position:absolute;top:20px;right:20px;z-index:3;width:80px;height:30px;border:1px solid hsla(0,0%,100%,.8);line-height:28px;opacity:0}
.waterfall .item:hover .post-link,.waterfall .item:hover .post-title,.waterfall .item:hover a.collect{opacity:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.waterfall .item{position:relative;overflow:hidden}
.waterfall .item.maxheight-small{max-height:400px}
.waterfall .item.maxheight-big{max-height:850px}
.waterfall .item .post-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1),rgba(0,0,0,.6));opacity:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.waterfall .item:hover .post-link{opacity:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
/* css3瀑布流end */

/* css3瀑布流begin */
.articlefall{column-count:4;-moz-column-count:4;-webkit-column-count:4;column-gap:30px;-moz-column-gap:30px;-webkit-column-gap:30px;margin:0 auto;}
.articlefall .item{margin-bottom:30px;break-inside:avoid;-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid}
.articlefall .media{-webkit-transition:.5s;transition:.5s;top:0}
/* 
.articlefall .media img{transform: scale(1.03);transition:0.3s;}
.articlefall .media:hover img{transform: scale(1.03);transition:0.3s;}
 */
.articlefall .media .media-header .memberinfo .userimg{width:28px;height:28px;}
.articlefall .media:hover{box-shadow:0 10px 25px rgba(0,0,0,0.15);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.articlefall .media .media-header{padding:20px 25px;}
.articlefall .media .media-header a h2{font-size:18px;line-height:24px}
.articlefall .media-content{padding:20px 25px 25px 25px;}
.articlefall .media:hover .media-content a.button{background:#FF2C55}
/* css3瀑布流end */

/* 内容 begin box-shadow:0px 0px 10px rgba(0,0,0,.03);*/
.article .padding{padding:20px 50px;}
.article .padding-small{padding:20px}
.article .post-meta{line-height:32px}
.article .post-meta .userimg{width:32px;height:32px}
.article .post-title h1{font-size:28px;font-weight:600;margin:10px 0}
.article .post h2{font-size:24px;font-weight:600;line-height:28px;margin:10px 0}
.article .post h3{font-size:20px;font-weight:600;line-height:24px;margin:10px 0}
.article .post hr{margin:10px 0;height:1px}
.article .post strong{font-size:18px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.article .post p{font-size:14px;line-height:26px;margin-bottom:10px}
.article .post img{max-width:100%;border-radius:6px}
.article .post a{text-decoration:none;border-bottom:1px solid #0053c4;color:#0053c4}
.article .post a:hover{color:#e7161a;border-bottom:0 solid #e7161a}
.article .post .text-right{text-align:right}
.article .post ul li{padding:0 0 5px 20px;position:relative;font-size:16px}
.article .post ul li p{line-height:24px}
.article .post ul li:before{content:'';position:absolute;top:10px;left:0;background:#666;width:8px;height:8px;border-radius:50%}
.article .post ol{padding:10px 0 0 0}
.article .post ol.list-paddingleft-2{position:relative}
.article .post ol li{padding:0;position:relative}
.article .post ol li p{line-height:26px;font-size:16px;color:#999}

.article-urltit {padding: 0 0 0 20px;line-height:50px;height:50px;border-bottom: 1px solid #f8f8f8;}

.url_article{overflow:hidden;}
.url_article .media{padding:20px;}
.url_article .media .media-body strong {margin:0 0 5px 0;color:#333;font-size:15px}
.url_article .media.media-x .media-body{padding:0 0 0 5px;font-size:14px;color:#666;}
.url_article .actions{border-top:1px solid #f8f8f8}
.url_article .actions span{display:block;float:left;width:33.33333333333%}
.url_article .actions span a{display:block;line-height:50px;height:50px;text-align:center;}
.url_article .actions span a.border-l-r{border-left:1px solid #f8f8f8;border-right:1px solid #f8f8f8}

 /* Tooltip 容器 */
.Tooltip {
    position: relative;
    display: inline-block;
}
 
/* url_tip 文本 */
.Tooltip .tiptext {
    visibility: hidden;
    width:40px;
    background-color: #666;
    left:50%;
	margin-left:-20px;
	bottom: 100%;
    position: absolute;
    z-index: 1;
	box-shadow:0 9px 28px 8px rgba(0,0,0,.05);
}

.Tooltip .tiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
 
/* 鼠标移动上去后显示提示框 */
.Tooltip:hover .tiptext {
    visibility: visible;
}

/* 内容 end */

.loading-more a.button{padding:12px 60px}
.loading-more a.bg-white{border:1px solid rgba(0,0,0,.05);color:#666}
.loading-more a.bg-white:hover{background:#4370F5;color:#fff}

.tag{display:inline-block;transition:.5s}
.tag.padding-small{padding:1px 8px}
.tag.border{border:1px solid #eee}
.tag.padding{padding:5px 12px}
.tag.bg-none{padding:0}
.tag.bg-white{background-color:#fff}
.tag.bg-black{background-color:rgba(0,0,0,.3)}
.tag.bg-gray{background-color:rgba(0,0,0,.1)}

/* 上下篇  */
.prenext-pro a.button{padding:0}

/* 置顶文章-图片 */
.excerpt-top .media-img{position:relative;overflow:hidden;}
.excerpt-top .media-img img{transform: scale(1);transition:0.3s;overflow:hidden;}
.excerpt-top .media-img:hover img{transform: scale(1.02);transition:0.3s;}
.excerpt-top .media-img .linear-link{opacity:.6;background:linear-gradient(to bottom,rgba(0,0,0,0.1) 65%,rgba(0,0,0,1) 100%);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;}
.excerpt-top .media-img .link{opacity:.1;background:rgba(0,0,0,0.3);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;}
.excerpt-top .media-img:hover .linear-link,.excerpt-top .media-img:hover .link{transition:0.3s;opacity:.9;}
.excerpt-top .media-img .post-zoom{transform: scale(1);transition:0.5s;padding-bottom:37%;display:block;width:100%;height:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;}
.excerpt-top .media-img .post-title{width:100%;bottom:20px;left:0;position:absolute;text-transform:uppercase;transition:0.3s;padding:0 20px;z-index:3;}
.excerpt-top .media-img .post-title strong{color:#fff;display:block;font-size:20px}
.excerpt-top .dot-center .owl-dots{position:relative;top:10px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%}
.excerpt-top-arrow:hover .owl-nav .owl-prev,.excerpt-top-arrow:hover .owl-nav .owl-next {opacity:0.3;}
/* 置顶文章-图片 end */

/* 滚动新闻 */
.owl-carousel .owl-dots{position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.owl-carousel .owl-dots .owl-dot{display:inline-block;position:relative;vertical-align:middle}
.owl-carousel .owl-dots .owl-dot span{width:8px;height:8px;margin:0 5px;border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.owl-carousel .owl-dots .owl-dot.active span{width:16px;height:8px;background:#000;border-radius:20px}
.owl-carousel .owl-nav i{font-size:24px;color:#fff}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{background:#000;width:36px;height:36px;line-height:40px;margin-top:-20px;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;text-align:center;border-radius:50%;opacity:0}
.owl-carousel .owl-nav .owl-prev{background:#000;left:10px;right:auto}
.owl-carousel .owl-nav .owl-next{right:10px}

.carousel-post-x .padding{padding:10px 0}
.carousel-post-x .media {position:relative;-webkit-transition:.5s;transition:.5s;}
.carousel-post-x .media:hover{box-shadow:0 5px 12px rgba(0,0,0,0.1);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.carousel-post-x .media-body {padding:5px 15px 15px;-webkit-transition:.5s;transition:.5s;position:relative;z-index:999999}
.carousel-post-x .media .media-body strong a {color:#6c6c6c;}
.carousel-post-x .media:hover .zoomimg::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);-webkit-transition:.5s;transition:.5s;}
.carousel-post-x .media .zoomimg{padding-bottom:67%;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;font-size:0;text-indent:-2600px/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.carousel-post-x .media .zoomimg::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:.5s;transition:.5s;}

.carousel-post-x:hover .owl-nav .owl-next,.carousel-post-x:hover .owl-nav .owl-prev{opacity:.5}
.carousel-post-x.dot-center .owl-dots{position:relative;top:20px;text-align:center;vertical-align:middle;display:inline-block;width:100%}
/* 滚动新闻 */

.nav-bread.height-large{height:50px;line-height:50px}
.nav-bread i{font-size:14px;color:#999}
.nav-bread a{color:#999;font-size:14px;display:inline-block}
.nav-bread a:hover{color:#333}

.list-post-x .media{margin-bottom:25px}
.list-post-x .media.border{border:0;border-bottom:1px solid #EBEBEB;padding-bottom:25px}
.list-post-x .media img{transition:all .3s ease-out}
.list-post-x .media .thumb-bd{position:relative;max-width:20%;overflow:hidden}
.list-post-x .media .thumb-md{position:relative;max-width:120px;overflow:hidden}
.list-post-x .media .thumb-md .playtime{position:absolute;bottom:5px;right:5px;padding:0 5px;height:20px;line-height:18px;background:rgba(0,0,0,.6);z-index:3;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.list-post-x .media .thumb-md .playicon{position:absolute;bottom:5px;left:5px;width:20px;height:20px;line-height:18px}
.list-post-x .media:hover img{transition:all .3s ease-out;transform:scale(1.1)}
.list-post-x .media.media-x .float-left{margin-right:15px}
.list-post-x .media.media-x .float-right{margin-left:15px}
.list-post-x .media.media-x .media-body{text-align:left;padding:0}
.list-post-x .media a:hover{color:#4370F5}
.list-post-x .media-body p{color:#666;line-height:22px}
.list-post-x .media:last-child{margin-bottom:0}

/*分页 begin*/
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:2px;}
.pagination li a {border-radius:20px;color:#6e6e6e;background:#fff;padding:11px 16px;border:0px solid #ccc;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#3A3A3F;color:#fff;border:0px solid #ccc;}
/*分页 end*/

@media screen and (max-width:768px) {
.excerpt-4 .media{margin-bottom: 10px}
.excerpt-4 .media-body .padding-big{padding:10px 10px 15px 10px}
/* css3瀑布流begin */
.waterfall .item{margin-bottom:10px}
.waterfall{column-count:2;-moz-column-count:2;-webkit-column-count:2;column-gap:10px}

.articlefall .item{margin-bottom:10px}
.articlefall{column-count:2;-moz-column-count:2;-webkit-column-count:2;column-gap:10px}
.articlefall .media .media-header{padding:10px;}
.articlefall .media .media-header a h2{font-size:16px;}
.articlefall .media-content{padding:10px;}
/* css3瀑布流end */

.nav-bread.height-large{height:50px;line-height:50px;margin-top:10px}

.url_article{margin-bottom:20px}

.article .padding{padding:15px;}
.article .post-title h1{font-size:24px;line-height:36px}
.article .post h2{font-size:20px;line-height:26px}
.article .post h3{font-size:18px;line-height:24px}

.carousel-post-x .media-body {padding:5px 10px 10px;}

.excerpt-info ul li.x3-1{width:100%;float:left;}
.excerpt-info ul li.x3-2{width:0;float:left;}
.excerpt-info ul li.x3-3{width:0;float:right}

}