/* 置顶文章-图片 */
.bg-blur{position:relative;overflow: hidden;padding:50px 100px;}
.bg-blur:after{
    content: "";
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background: inherit;
    filter: blur(4px);
    z-index: 1;
}
.bg-blur:after{
    content: "";
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,0.3);
    z-index: 3;
}
.m3-mask .media-img{position:relative;overflow:hidden;z-index:9;}
.m3-mask .media-img:nth-of-type(1),.m3-mask .media-img:nth-of-type(2){margin-bottom:10px;}
.m3-mask .media-img:hover .post-zoom{transform: scale(1.03);transition:0.3s;}
.m3-mask .media-img .toplink{opacity:0;background:rgba(0,0,0,0.3);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;}
.m3-mask .media-img:hover .toplink{transition:0.3s;opacity:0.3;}
.m3-mask .media-img .linear-link{opacity:.1;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;}
/*.m3-mask .media-img:hover .linear-link{transition:0.3s;opacity:.3;}*/
.m3-mask .media-img .fav{height:32px;width:32px;line-height:32px;border-radius:50%;top:20px;right:20px;position:absolute;transition:0.3s;transition:0.3s;z-index:3;}
.m3-mask .media-img .post-zoom{transform: scale(1);transition:0.3s;padding-bottom:57%;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;}
.m3-mask .media-img .post-title{width:100%;bottom:20px;padding:0 20px;left:0;position:absolute;transition:0.3s;z-index:3;}
.m3-mask .media-img .post-title {display: inline-block;}
.m3-mask .media-img .post-title strong{display:block;}
.m3-mask .media-img .post-title a.bg-tag{background:#4ca80b;;color:#FFF;border-radius:5px;padding:2px 8px;font-size:12px;display:inline-block;}
.m3-mask:hover .owl-nav .owl-prev,.m3-mask:hover .owl-nav .owl-next {background:#FFF;opacity:.5;color:#626066;}
.m3-mask .owl-nav .owl-prev {left:20px;right:auto;}
.m3-mask .owl-nav .owl-next {right:20px;}
/*.m3-mask .media-img:nth-of-type(1),.m3-mask .media-img:nth-of-type(2){margin-bottom:14px}*/
/* 置顶文章-图片 end */

.likeid .liketit{display: block;}
.likeid .liketit strong{display: inline-block;font-size:18px;margin:10px 0;}
.likeid .liketit .ico{margin:0 auto;width:64px;height:64px;}
.likeid .liketit .ico img{-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.likeid:hover .liketit .ico img{-ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.likeid:hover p{-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}

/* 横向滚动导航 */
.nav-button{line-height:40px;height:40px;width:100%;}
.nav-button .nav-carousel li a{position:relative;color: #8b8b8b;display:block;padding:0 20px;background: #212121}
.nav-button .nav-carousel li a.active,.nav-button .nav-carousel li a:hover{color:#1ecd98;position:relative;background: #212121;font-weight: 600}
/*.nav-button .nav-carousel li a.active:before{background:#D5480B;content:'';display:block;position:absolute;width:20px;height:2px;bottom:0px;left:50%;margin-left:-10px;border-radius:10px;}*/
.nav-button .nav-carousel .owl-nav .owl-prev,.nav-button .nav-carousel .owl-nav .owl-next {background:#000;width:24px;height:24px;line-height:26px;opacity:.8;}
.nav-button .nav-carousel .owl-nav .owl-prev{left:-12px;}
.nav-button .nav-carousel .owl-nav .owl-next{right:-12px}

.nav-x-border a{height:44px;line-height:44px;padding:0 30px;margin-right:10px;font-size:15px;color: #ccc;display: inline-block;background: #262F45;-webkit-transition: all .3s ease; transition: all .3s ease;}
.nav-x-border a.active{position:relative;background: linear-gradient(96.91deg, #504AF8 0.02%, #8E82FA 57.9%, #9982E9 108.98%);}
.nav-x-border a.active i{}
.nav-x-border a.active:hover{}
.nav-x-border a:hover{background: linear-gradient(96.91deg, #504AF8 0.02%, #8E82FA 57.9%, #9982E9 108.98%);-webkit-transition: all .3s ease; transition: all .3s ease;}
.nav-x-border a i{vertical-align:middle;font-size:18px;display: inline-block;background-position:0px 0px; background-repeat:no-repeat; -webkit-transition: all .3s ease; transition: all .3s ease;}

.excerpt-4 .media{-webkit-transition:.3s;transition:.3s;margin-bottom:30px}
/*.excerpt-4 .media:hover{background: #32333E}*/
.excerpt-4 .media.border{box-shadow:0 0 1px 1px rgba(229,229,229,.3);border:0}
/*.excerpt-4 .media:hover{box-shadow:0 10px 30px rgba(229,229,229,.6)}*/
.excerpt-4 .media-img{position:relative;overflow:hidden}
.excerpt-4 .media-body .padding{padding:10px 0 0 0}
.excerpt-4 .media-body .padding-big{padding:20px}
.excerpt-4 .media-body .padding-large{padding:25px 30px}
.excerpt-4 .media-body hr{margin:25px 0}
.excerpt-4 .media-body h2{margin:10px 0 20px 0;overflow:hidden}
.excerpt-4 .media-body strong{overflow:hidden;font-weight: 400;height: 30px;}
.excerpt-4 .media-body h3{margin:10px 0 15px 0;overflow:hidden}
.excerpt-4 .media-body em{display:block;position:relative;height:16px;line-height:14px;padding-left:15px;}
.excerpt-4 .media-body em:before{position:absolute;border:2px solid #C5BAFB;border-radius:20px;width:8px;height:8px;background-color:transparent;display:block;content:'';left:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.excerpt-4 .media .post-zoom{transform:scale(1);transition:.3s;padding-bottom:57%;display:block;width:100%;height:0;overflow:hidden;background-position:center 50%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px}
.excerpt-4 .media .post-template{transform:scale(1);transition:.3s;padding-bottom:75%;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;text-indent: -3000px}
.excerpt-4 .media a.collect{opacity:0;position:absolute;top:20px;right:20px;width:68px;height:30px;line-height:28px;border:1px solid rgba(255,255,255,.8);z-index:2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.excerpt-4 .media a.play{border:2px solid #fff;opacity:.8;position:absolute;top:50%;left:50%;margin-left:-24px;margin-top:-24px;width:48px;height:48px;line-height:46px;background:rgba(0,0,0,.4);z-index:2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.excerpt-4 .media .playtime{position:absolute;bottom:10px;right:10px;padding:0 8px;height:20px;line-height:18px;background:rgba(0,0,0,.6);z-index:2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.excerpt-4 .media:hover .post-zoom{transform:scale(1.06);-webkit-transition:.3s;transition:.3s}
.excerpt-4 .media:hover a.collect,.excerpt-4 .media:hover a.play{opacity:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.excerpt-4 .media:hover strong a{color:#C5BAFB;}
.excerpt-4 .post-info .userimg img{width:24px;height:24px;}
.excerpt-4 .post-info ul.fl{float:left;}
.excerpt-4 .post-info ul.fr{float:right;}
.excerpt-4 .post-info ul li{display: inline-block;}

.articlepay .diamond{background: #FFEECC;border:1px solid #FFD58E; padding:20px;}
.articlepay .diamond a,.articlepay .diamond a:hover{color:#EAEAEB;border-bottom:0;}
.videoframe{position: relative;padding-bottom:63%;width:100%;height: 0;}
.videoframe iframe {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}


.activity .media{-webkit-transition:.3s;transition:.3s;margin-bottom:40px}
/*.activity .media:hover{background: #32333E}*/
.activity .media.border{box-shadow:0 0 1px 1px rgba(229,229,229,.3);border:0}
/*.activity .media:hover{box-shadow:0 10px 30px rgba(229,229,229,.6)}*/
.activity .media-img{position:relative;overflow:hidden}
.activity .media-body .padding-large{padding:25px 30px}
.activity .media-body strong{overflow:hidden;height: 30px;display:inline-block;margin-bottom:10px}

.activity .media .post-zoom{transform:scale(1);transition:.3s;padding-bottom:50%;display:block;width:100%;height:0;overflow:hidden;background-position:center 50%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px}
.activity .media:hover .post-zoom{transform:scale(1.06);-webkit-transition:.3s;transition:.3s}
.activity .media:hover strong a{color:#C5BAFB;}
.activity .post-info {height:24px;line-height:24px}
.activity .post-info .fl{float:left;display: inline-block;}
.activity .post-info .fr{float:right;display: inline-block;}
.activity .post-info .fr.button-white{padding:0 10px;background:#8076E6;}
.activity .post-info .fr.button-gray{padding:0 10px;background:#ccc;color:#666}

/* 纯文字列表 begin*/
.list-post-text li{padding:0 0 5px 0;margin-bottom:5px;width:100%}
.list-post-text li:last-child{border-bottom:0px solid #f6f6f6}
.list-post-text li a{display:block;}
.list-post-text li a:hover{color:#1ecd98;}
.list-post-text li a{padding-left:16px;position:relative}
.list-post-text li:hover a:before{background:#1ecd98;}
.list-post-text li a:before{content:'';position:absolute;left:-1px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}
/* 纯文字列表1列 end*/

/* 内容 begin box-shadow:0px 0px 10px rgba(0,0,0,.03);*/
.ctool .ey_zan_row,.ctool .collect,.ctool .downurl{display: inline-block;}
.ctool .collect a.button{padding:3px 25px;line-height: 40px;margin:0 auto;color:#fff;background: linear-gradient(96.91deg, #504AF8 0.02%, #8E82FA 57.9%, #9982E9 108.98%);}
.ctool .collect a.button:hover{color:#fff;background:#9181FF}
.ctool .ey_zan_row a.button{padding:3px 20px;line-height: 40px;margin:0 5px 5px 5px;background: #1ecd98;color:#fff;}
.ctool .ey_zan_row a.button:hover{color:#fff;background: #977CFF;}

.article .padding-large{padding:50px};
.article .post-meta{line-height:32px}
.article .post-meta .userimg{width:32px;height:32px}
.article .post-title h1{font-size:24px;font-weight:600;display: block;width:100%;line-height:32px;margin-bottom: 10px}
.article .post{min-height:300px}
/*.article .down-title span{display: block;float:right;width:5%;line-height: 32px}*/
.article .post h2{font-size:24px;font-weight:600;margin:15px 0;margin:15px 0;color:#fff;display:inline-block}
.article .post hr{margin:10px 0;height:1px}
.article .post strong{margin:15px 0;font-size:18px}
.article .post table{margin:20px 0}
.article .post table th{background:#EBEBEB;color:#EAEAEB;border:1px solid #EAEAEB}
.article .post table tr.ue-table-interlace-color-single{background:#EBEBEB}
.article .post p{line-height:30px;margin-bottom:15px;color: #fff;-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
.article .post img{max-width:100%;border-radius:12px;margin:10px 0}
.article .post a{text-decoration:underline;color:#fff;}
.article .post a:hover{text-decoration:underline;color:#1ecd98;}
.article .post a.button{line-height: 30px;height: 30px;position: relative;border-radius: 20px;padding: 0 15px;background: -webkit-gradient(linear,left top,right top,from(#6e30ce),to(#d026fe));background: linear-gradient(90deg,#6e30ce,#d026fe);border:0}
.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:8px;left:0;background:#626066;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:15px;color:#8b8b8b}
/* 内容 end */

.memberinfo .userimg{width:64px;height:64px}
.memberinfo hr{background: #343435}

/* 图文上下篇 */
.prenext-pic img{max-height:90px}
.prenext-pic .media.border_r{border-right: 1px solid #343435}
.prenext-pic .noprenext{line-height:90px}
.prenext-pic .media .text-l{text-align:left}
.prenext-pic .media .padding-left{padding:0 40px 20px 10px;}
.prenext-pic .media .padding-right{padding:0 10px 20px 35px;}
.prenext-pic .media .pic-l{float:left}
.prenext-pic .media .pic-r{float:right;margin-left:10px;}
.prenext-pic .media img{transform:scale(1);-webkit-transition:.3s;transition:.3s;}
.prenext-pic .media:hover img{transform:scale(1.05);-webkit-transition:.3s;transition:.3s;} 
.prenext-pic .text-r{text-align:right}
/* 图文上下篇 */

@media screen and (max-width:768px) {
.bg-blur{padding:20px;}
.m3-mask .media-img .post-title{bottom:10px;}
.m3-mask .media-img:nth-of-type(1),.m3-mask .media-img:nth-of-type(2){margin-bottom:10px}

.nav-button{line-height:42px;height:42px;}
.nav-button .nav-carousel li a{padding:0 10px;}

.nav-x-border a{height:36px;line-height:36px;width:30%;float:left;padding:0;margin-bottom:10px;text-align: center}

.excerpt-4 .media{margin-bottom: 10px}
.excerpt-4 .media-body .padding-big{padding:10px}
.article .post p{font-size:18px;line-height:32px}
/* 纯文字列表 begin*/
.list-post-text li a{font-size:16px}
.list-post-text li.dot a:before{top:7px}
.article .padding-large{padding:20px};
.article .post{min-height:auto}
.article .post-title h1{font-size:20px;}
.article .post h2{font-size:20px;line-height:26px}
.article .post h3{font-size:18px;line-height:24px}

/*上下篇begin */
.prenext-pic .media .padding-left{padding:10px 10px 10px 0;border-right:0px solid #ddd;}
.prenext-pic .media .padding-right{padding:10px;}
.prenext-pic .media .pic-r{float:left;margin-left:0px;margin-top:20px;}
.prenext-pic .text-r{text-align:left;}
/*上下篇end */
}