@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;}
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{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:20;}
.erx-header .inner{display:flex;justify-content:space-between;align-items:center;padding:20px 7vw 10px 6vw;}
.erx-header .logo{max-width:35vw;overflow:hidden;}
.erx-header .logo img{max-height:40px;}
.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-side-nav{position:fixed;bottom:0;left:0;width:20vw;height:calc(100% - 75px);background:#fff;padding:15px 1vw 0 6vw;z-index:20;}
.erx-side-nav .nav > li{margin-bottom:8px;}
.erx-side-nav .nav > li > a{position:relative;display:block;font-weight:bold;background:rgba(0, 0, 0, .03);padding:12px 25px 12px 45px;border-radius:30px;}
.erx-side-nav .nav > li > a:hover{background:rgba(0, 0, 0, .05);}
.erx-side-nav .nav > li.cu > a{color:#fff;background:#ff2e4d;}
.erx-side-nav .nav > li > a i{position:absolute;top:15px;left:20px;}
.erx-side-nav .nav li ul, .erx-mb-nav-ctrl{display:none;}
/* erx:Index */
.erx-main-wrap{padding:75px 0 0;}
.erx-side-nav + .erx-main-wrap{padding-left:20vw;}
.erx-main-wrap .nav, .erx-home-nav{display:flex;padding:15px 15px 5px;}
.erx-main-wrap .nav li > a, .erx-home-nav a, .erx-home-nav h1{display:block;padding:9px 18px;border-radius:30px;}
.erx-main-wrap .nav li > a:hover, .erx-home-nav a:hover, .erx-main-wrap .nav li.cu > a, .erx-home-nav h1{background:rgba(0, 0, 0, .03);}
.erx-main-wrap .nav li.cu > a{font-weight:bold;}
.erx-main-wrap .nav li ul{display:none;}
.erx-w-item{position:relative;float:left;width:280px;padding:15px;}
.m-title{font-size:15px;font-weight:normal;padding:9px 0;}
.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;}
.m-thumb a:hover img{filter:brightness(.8);}
.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;}
/* erx:List */
.erx-home-nav h1{font-size:16px;}
.erx-home-nav a .fa{margin-right:5px;}
.pagebar{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;}
.infinite-scroll-last span{display:inline-block;margin:0 1em;font-size:.9em;}
.infinite-scroll-last::before, .infinite-scroll-last::after{content:'';display:inline-block;width:30%;height:.3em;border-top:2px #eee dotted;}
@keyframes reveal {
from { transform: scale(0.001); }
to { transform: scale(1); }
}
@keyframes slide {
to { transform: translateX(1.5em); }
}
/* erx:Article */
.erx-content-box{width:80%;max-width:1280px;margin:15px auto;border:1px #eee solid;border-radius:25px;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:0 0 1.5em;}
#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{max-width:92%;margin-top:1em;line-height:1.78;color:#bbb;font-size:12px;padding:15px 0;border-top:1px #eee solid;}
.PowerBy{font-family:Impact, Charcoal, sans-serif;}
.erx-footer a{color:#999;}
.side-foot{position:fixed;bottom:0;left:0;width:20vw;max-width:none;font-size:10px;z-index:22;box-sizing:border-box;padding:0 1vw 20px 6vw;border-top:0;}
.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-mb-nav-ctrl{position:relative;display:inline-block;width:28px;height:28px;margin-top:1px;vertical-align:middle;}
	.erx-mb-nav-ctrl i{position:absolute;top:50%;left:50%;display:block;width:100%;height:2px;margin:-1px 0 0 -50%;background-color:rgba(12,24,30,.68);transition:background-color 0.3s;}
	.erx-mb-nav-ctrl.erxact i{background-color:transparent;}
	.erx-mb-nav-ctrl i::before,.erx-mb-nav-ctrl i::after{position:absolute;left:0;width:100%;height:100%;background:rgba(12,24,30,.68);content:'';transition:transform 0.3s;}
	.erx-mb-nav-ctrl i::before{transform:translateY(-400%);}
	.erx-mb-nav-ctrl i::after{transform:translateY(400%);}
	.erx-mb-nav-ctrl.erxact i::before{transform:translateY(0) rotate(45deg);}
	.erx-mb-nav-ctrl.erxact i::after{transform:translateY(0) rotate(-45deg);}
	.erx-header .inner{padding:15px 2vw;}
	.erx-header .search{width:50%;}
	.erx-header .nav{display:none;}
	.erx-side-nav{left:-100%;width:56vw;box-shadow:0 12px 12px rgba(0, 0, 0, .4);padding:15px 2vw 0;border-radius:0 18px 0 0;transition:all .3s linear;}
	.erx-side-nav.erxact, .side-foot.erxact{left:0;}
	.erx-side-nav + .erx-main-wrap{padding:75px 0 0;}
	.erx-side-nav .nav{max-height:64vh;overflow-y:auto;}
	.erx-main-wrap .nav{display:block;white-space:nowrap;overflow-x:auto;background:rgba(0, 0, 0, .03);padding:8px;}
	.erx-main-wrap .nav li{display:inline-block;}
	.erx-w-item{width:50%;padding:15px 2vw;}
	.side-foot{left:-100%;width:56vw;padding:0 1vw 1vh 3vw;transition:all .3s linear;}
	.erx-content-box{width:96vw;padding:25px 15px 15px;}
}