﻿@charset "utf-8";
/*-------------------
*Description:      By www.yiwuku.com
*Website:          https://app.zblogcn.com/?id=1928
*Author:           尔今 erx@qq.com
*update:           2018-08-25(Last:2020-08-05)
-------------------*/
*{margin:0;padding:0;box-sizing:border-box;}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;max-width:100%;}
input,select,button{font-size:14px;vertical-align:middle;outline:none;}
em,i{font-style:normal}
body{color:#333;font-size:16px;overflow-x:hidden;}
a{color:#111;text-decoration:none;}
a:hover{color:#f30;}
.erx-flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
/* erx:Header */
.erx-header .inner{display:flex;justify-content:space-between;align-items:center;padding:0 5px;}
.erx-header .logo{max-width:35%;padding:30px 0;overflow:hidden;}
.erx-header .logo img{max-height:80px;}
.erx-header .search{position:relative;width:30%;}
.erx-header .search .sin{width:100%;height:42px;line-height:42px;border:0;padding:0 1.5em;background:rgba(0, 0, 0, .04);border-radius:25px;}
.erx-header .search .btn{position:absolute;top:0;right:0;height:100%;font-size:20px;cursor:pointer;border:0;background:none;padding:0 12px;}
.erx-header .nav a{margin-left:1.5em;font-family:'Microsoft JhengHei', 'Microsoft YaHei', 'Apple LiSung Light', sans-serif;}
.erx-header .nav a i{margin:-3px 4px 0 0;vertical-align:middle;}
/* erx:Index */
.erx-main-wrap{width:1500px;max-width:100%;margin:0 auto;}
.article .erx-main-wrap, .page .erx-main-wrap{max-width:900px;}
.erx-main-nav{margin:0 0 15px;position:relative;}
.erx-main-nav::after{content:'';position:absolute;top:0;left:50%;width:100vw;height:100%;margin-left:-50vw;background-image:linear-gradient(90deg, transparent 0, #1c0526 50%, transparent 100%);border-top:3px #fff double;z-index:-1;}
.erx-main-nav > ul{display:flex;line-height:1;}
.erx-main-nav li{position:relative;margin:0 10px 0 0;}
.erx-main-nav li a{display:inline-block;color:#fff;padding:18px 5px 16px;white-space:nowrap;}
.erx-main-nav li a:hover, .erx-main-nav li.cu > a{color:#eee;}
.erx-main-nav li.cu::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:2px;background:linear-gradient(90deg, transparent 0, rgba(255,255,255,.5) 50%, transparent 100%);}
.erx-main-nav li ul{display:none;}
.erx-list-box{min-height:80vh;}
.erx-w-item{position:relative;float:left;width:300px;padding:5px;}
.erx-w-item .m-text{padding:5px 0;}
.erx-w-item.overlay .m-text{position:absolute;right:0;bottom:0;width:100%;padding:0 20px 15px;color:#fff;opacity:0;transition:all .2s linear;}
.erx-w-item.overlay:hover .m-text{opacity:1;}
.erx-w-item.overlay .m-text a{color:#fff;}
.m-title{font-size:15px;font-weight:normal;padding:0 0 5px;}
.erx-w-item.overlay .m-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.m-thumb a{display:block;border-radius:15px;overflow:hidden;}
.m-thumb a img{display:inherit;width:100%;border-radius:inherit;transition:all .4s linear;}
.erx-w-item:hover .m-thumb img{filter:brightness(.6);}
.m-intro{max-height:2.6em;margin-bottom:9px;font-size:.9em;opacity:.5;overflow:hidden;}
.o-meta{display:flex;justify-content:space-between;font-size:12px;opacity:.68;}
.o-meta span i{margin:0 3px 0 0;}
.nothing{text-align:center;padding:25vh 0 0;opacity:.2;}
.nothing h4, .nothing h5{font-size:2em;font-weight:normal;}
/* erx:List */
.pagebar, .erx-mb-nav-ctrl{display:none;}
.page-load-status{display:none;padding:2em 0;text-align:center;color:#bbb;}
.loader-ellips{font-size:20px;position:relative;width:4em;height:1em;margin:10px auto;}
.loader-ellips__dot{display:block;width:1em;height:1em;border-radius:0.5em;background:#555;position:absolute;animation-duration:0.5s;animation-timing-function:ease;animation-iteration-count:infinite;}
.loader-ellips__dot:nth-child(1), .loader-ellips__dot:nth-child(2) {left: 0; }
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }
.loader-ellips__dot:nth-child(1){animation-name:reveal;}
.loader-ellips__dot:nth-child(2),.loader-ellips__dot:nth-child(3){animation-name:slide;}
.loader-ellips__dot:nth-child(4){animation-name:reveal;animation-direction:reverse;}
@keyframes reveal {
from { transform: scale(0.001); }
to { transform: scale(1); }
}
@keyframes slide {
to { transform: translateX(1.5em); }
}
/* erx:Article */
.erx-content-box{margin:20px 5px;border:1px #eee solid;border-radius:15px;padding:25px;}
.erx-article-box h1{font-size:20px;}
.erx-article-info{margin-bottom:25px;font-size:.85em;border-bottom:1px #eee solid;padding:15px 0;}
.erx-article-info > span{margin-right:.8em;opacity:.58;}
.erx-article-info > span i{margin:-2px 3px 0 0;vertical-align:middle;}
.erx-article-info .tags a::before{content:'#';margin:0 2px 0 12px;}
.erx-article-con{line-height:1.88;text-align:justify;word-wrap:break-word;overflow:hidden;}
.erx-article-con p{margin:0 0 1.5em;}
.erx-article-con *{max-width:100%;}
.erx-article-con a[rel=xygroup] img{display:block;margin:0 auto;}
.erx-article-pvnx{position:relative;margin:25px 0;border-top:1px #dadada dotted;border-bottom:1px #dadada dotted;overflow:hidden;}
.erx-article-pvnx:after{content:'';position:absolute;top:0;left:50%;width:0;height:100%;border-left:1px #dadada dotted;}
.erx-article-pvnx a{position:relative;float:left;display:block;width:50%;padding:20px 5px 30px 25px;}
.erx-article-pvnx a span{display:block;color:#999;font-size:14px;padding:0 0 5px;}
.erx-article-pvnx a .fa{position:absolute;top:48px;left:0;color:#999;}
.erx-article-pvnx .next{text-align:right;padding:20px 25px 30px 5px;}
.erx-article-pvnx .next .fa{left:auto;right:0;}
.page .erx-article-box h1{font-size:25px;}
.page .erx-article-con{margin-top:1.5em;border-top:1px #eee solid;padding-top:1.5em;}
/* erx:Comment */
.reply-items{border-top:1px rgba(0,0,0,.1) dashed;padding:1em 0;}
.reply-items .reply-items{margin:15px 0 0;background:rgba(0,0,0,.025);padding:15px;border:0;}
.reply-items .con{position:relative;padding:10px 0 10px 80px;}
.reply-items .msgarticle{line-height:1.8;margin:-8px 0 12px;text-align:justify;word-break:break-all;overflow:hidden;}
.reply-avatar{position:absolute;top:5px;left:0;}
.reply-avatar img{width:48px;height:48px;border-radius:50%;}
.reply-info{font-size:12px;opacity:.68;}
.reply-info > span:first-child{font-weight:bold;}
.reply-info > span:not(:last-child)::after{content:'';display:inline-block;width:1px;height:10px;margin:-2px 12px 0;background:#ddd;vertical-align:middle;}
.commentpagebar{margin-top:20px;padding:0;}
#divCommentPost{margin:1.5em 0;}
#divCommentPost .post-item p{position:relative;width:49%;margin-bottom:20px;}
#divCommentPost .item input{width:100%;box-sizing:border-box;}
#divCommentPost .item label{position:absolute;top:10px;right:9px;color:#999;font-size:12px;}
#divCommentPost .vcode label{right:118px;}
#divCommentPost .vcode img{position:absolute;top:1px;right:1px;height:36px;border-radius:0 6px 6px 0;}
#divCommentPost.reply-frm{position:relative;margin:10px 0 0;background:#f2f6f9;}
#cancel-reply{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#bbb;border-radius:0 0 0 6px;}
#divCommentPost input.text{border:1px solid #d7d7d7;line-height:38px;height:38px;padding:0 9px;border-radius:6px;}
#txaArticle{padding:9px;width:100%;height:150px;margin-bottom:20px;border:1px solid #d7d7d7;box-sizing:border-box;border-radius:6px;}
#divCommentPost .button{color:#fff;width:100px;height:38px;font-size:16px;background-color:#f60;background-image:linear-gradient(0deg, transparent 0, rgba(255,255,255,.08) 50%, transparent 100%);border:0;cursor:pointer;border-radius:6px;}
#divCommentPost .button:hover{background-color:#666;}
#divCommentPost .post-bot{font-size:14px;}
#divCommentPost .logout{margin-left:30px;font-size:12px;opacity:.68;}
/* erx:Footer */
.erx-footer{margin:30px 5px 0;line-height:1.78;color:#bbb;font-size:12px;text-align:right;padding:15px 0;border-top:1px #eee solid;}
.PowerBy{font-family:Impact, Charcoal, sans-serif;}
.erx-footer a{color:#999;}
.erx-gotop{position:fixed;right:-10vw;bottom:3vw;width:38px;height:38px;line-height:38px;border-radius:50%;text-align:center;background:#fff;box-shadow:0 0 9px rgba(0, 0, 0, .1);transition:all .3s linear;}
.erx-gotop:hover{box-shadow:0 0 9px rgba(0, 0, 0, .2);}
.erx-gotop.erxact{right:3vw;}
/* erx:Responsive */
@media screen and (max-width:720px) {
	.erx-header .logo{max-width:45%;padding:15px 0;}
	.erx-header .search{width:46%;}
	.erx-header .nav{display:none;}
	.erx-main-nav > ul{overflow-x:auto;}
	.erx-main-nav li a{padding:14px 5px 12px;}
	.article .erx-main-wrap, .page .erx-main-wrap{max-width:100%;}
	.erx-w-item{width:50% !important;}
	.erx-content-box{padding:25px 15px 15px;}
}