@charset "utf-8";
/*-------------------
*Description:        By www.yiwuku.com
*Website:            https://app.zblogcn.com/?id=1582
*Author:             尔今 erx@qq.com
*update:             2018-01-02(Last:2021-10-28)
-------------------*/
/* Global */
*{margin:0;padding:0}
body{color:#fff;font:14px '\5FAE\8F6F\96C5\9ED1', Arial, Helvetica, sans-serif;background-color:#C80B11;background-repeat:no-repeat;}
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;}
ul, li{list-style:none;}
a{text-decoration:none;color:#fff;transition:all .2s;}
a:hover{color:#eee;}
header, article, footer{width:1060px;margin:auto;}
header{position:relative;padding:40px 0}
.logo img{max-height:60px;}
.search{position:absolute;top:55px;right:0;}
.search .int{float:left;width:80px;height:32px;color:#fff;background:rgba(255,255,255,.15);padding:0 30px 0 20px;border:0;border-radius:20px;outline:none;transition:all .3s linear;}
.search .int:focus{width:120px;background:rgba(255,255,255,.48);}
.search .btn{float:left;width:20px;height:20px;line-height:19px;text-align:center;margin:6px 0 0 -27px;color:#fff;font-size:12px;border:0;background:rgba(255,255,255,.2);border-radius:12px;cursor:pointer;opacity:.7;transition:all .2s linear;}
.search .btn:hover{opacity:1}
.topnav{position:relative;padding:35px 0 0}
.topnav li{display:inline-block;transition:all 1s;}
.topnav>ul>li:hover.hasul>a{background:rgba(255,255,255,.15);border-radius:2px 2px 0 0}
.topnav>ul>li:hover.hasul>a .bline{display:none;}
.topnav li ul{display:none;position:absolute;top:100%;left:0;width:100%;text-align:center;background:rgba(255,255,255,.15);padding:2px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all 1s;}
.topnav>ul>li:hover.hasul ul{display:block;}
.topnav li a{position:relative;display:inline-block;font-size:18px;margin-right:30px;padding:2px 6px;text-shadow:rgba(0,0,0,.8) 2px 1px 1px;}
.topnav>ul>li:last-child a{margin-right:0}
.topnav li ul li a{font-size:14px;margin:0 4px;}
.topnav li a .bline{display:inline-block;position:absolute;bottom:-5px;left:50%;width:80%;margin-left:-40%;opacity:0;transition:transform 0.3s, opacity 0.3s;transform:translateY(-120%);border-bottom:3px rgba(255,255,255,.3) double;}
.topnav li a .darr{display:none;margin:0 0 0 3px;border:5px transparent solid;border-top-color:rgba(255,255,255,.5);}
.topnav li a:hover .bline{opacity:1;transform:translateY(0);}
article,.content{background:rgba(255,255,255,.15);overflow:hidden;}
.content{margin:20px;box-shadow:#C80B11 0 1px 10px;}
.pages{margin:25px 0 ;text-align:center;clear:both;overflow:hidden;}
.pages a{margin:3px;width:28px;height:28px;line-height:28px;border-radius:50%;color:rgba(255,255,255,.5);border:rgba(255,255,255,.5) 1px solid;text-align:center;display:inline-block}
.pages a:hover{background:#C80B11;color:#fff;border-color:#fff;}
.pages .now-page{font-size:16px;padding:0 3px;}
.pagenow{margin-bottom:30px;}
.pagenow a{color:rgba(255,255,255,.7);}
.pagenow span{color:rgba(255,255,255,.4);margin:0 .5em;}
.pagenow .data{margin-left:1em;color:rgba(255,255,255,.35);}
.listnav{text-align:right;padding:20px 32px 0 0;}
/* Index */
.plist{margin:30px 21px 20px;overflow:hidden}
.plist figure{background:#eee;border:#fff 10px solid;width:280px;float:left;margin:0 13px 20px;overflow:hidden}
.plist figure img{display:block;margin:auto;height:280px;overflow:hidden;}
.plist figure p{line-height:26px;text-align:center;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 1em;}
.plist figure p a{color:#C80B11;}
.plist figure p a:hover{opacity:.8}
.plist figure figcaption{margin:10px;height:66px;line-height:22px;color:#666;overflow:hidden;}
.plist figure h4{overflow:hidden;height:280px;margin-bottom:15px}
.plist figure h4 a{position:relative;display:block}
.plist figure h4 span{position:absolute;left:0;top:0;background:rgba(0,0,0,.2);color:#fff;font-family:Georgia, Arial;display:block;width:100%;height:100%;line-height:280px;font-weight:normal;text-align:center;transition:all 0.5s;opacity:0}
.plist figure h4:hover span{border-radius:50% 0 50% 0;opacity:.68}
/* Mainlist */
.mainlist{position:relative;margin:20px 0 0;}
.mainlist:before{content:'';position:absolute;top:0;bottom:0;width:5px;background:rgba(255,255,255,.2);left:158px;margin-left:-10px;border-radius:3px;}
.mainlist li{position:relative;}
.mainlist li .ctime{display:block;width:100px;padding-right:30px;position:absolute;left:18px;border-radius:20px 0 0 20px;}
.mainlist li .ctime span{display:block;text-align:right;}
.mainlist li .ctime span:first-child{font-size:14px;color:rgba(255,255,255,.68);}
.mainlist li .ctime span:last-child{font-size:22px;color:rgba(255,255,255,.38);}
.mainlist li .cbox{margin:0 33px 15px 180px;background:rgba(255,255,255,.2);color:#fff;padding:2em;position:relative;border-radius:5px;}
.mainlist li:nth-child(odd) .cbox{background:rgba(255,255,255,.09);}
.mainlist li .cbox h3{padding:0 0 15px;font-size:16px;text-shadow:1px 1px 0 rgba(0, 0, 0, .9);}
.mainlist li.up .cbox h3{font-size:24px;}
.mainlist li .cbox:after{right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute; border-right-color:rgba(255,255,255,.2);border-width:10px;top:10px;}
.mainlist li:nth-child(odd) .cbox:after{border-right-color:rgba(255,255,255,.09);}
.mainlist li .cdot{width:10px;height:10px;position:absolute;background:#EDDE8B;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.5);text-align:center;left:170px;top:15px;margin:0 0 0 -25px;}
.mainlist li.up .cdot{background:#fff;}
.mainlist li .des{line-height:22px;word-wrap:break-word;overflow:hidden;}
.mainlist li .pic{width:200px;height:130px;overflow:hidden;display:block;float:left;margin-right:20px;}
.mainlist li .pic img{width:100%;height:auto;margin:auto;}
.mainlist li .tags{color:rgba(255,255,255,.4);display:inline-block;font-size:12px;margin:20px 1em 0 0;}
.mainlist li .readmore{background:#C80B11;color:#fff;padding:5px 15px;float:right;margin:16px 0 0;border-radius:4px;opacity:.3;transition:all 0.5s;}
.mainlist li .ctime{font-family:Georgia, Arial;transition:all 1s;}
.mainlist li:hover .cdot{background:#fff;}
.mainlist li:hover .ctime{background:rgba(255,255,255,.2);}
.mainlist li:hover .ctime span{color:#fff;}
.mainlist li:hover .des{text-shadow:rgba(0, 0, 0, .6) 1px 1px 0;}
.mainlist li:hover .des a{text-shadow:none;}
.mainlist li:hover .readmore{opacity:.7}
.mainlist li .readmore:hover{opacity:1}
/* Detail */
.abox{width:90%;line-height:1.8;margin:30px auto;overflow:hidden;}
.abox img, .abox table, .abox video, .abox iframe{max-width:100%}
.atitle{position:relative;font-size:24px;margin-bottom:25px;text-shadow:1px 1px 0 rgba(0, 0, 0, .9);padding-right:150px;}
.atitle span{position:absolute;top:5px;right:0;margin:5px 0 0;font-size:14px;font-weight:normal;opacity:.5;}
.dcon{font-size:15px;text-shadow:1px 1px 0 rgba(0, 0, 0, .9);}
.dcon p{margin:10px 0;}
.dcon a,.abox .tags a{margin:0 3px;border-bottom:1px #fff solid;}
.dcon blockquote{background:rgba(255,255,255,.15);padding:1em;border:5px transparent solid;border-left-color:rgba(255,255,255,.5);}
.dcon blockquote *{padding:0;margin:0;border:0;}
.abox .tags{margin-bottom:25px;}
.abox .tags a{margin:0 1em 0 0;}
.relist{overflow:hidden;}
.relist h3{font-size:18px;margin:20px 0;background:#C80B11;padding:10px 0;width:200px;text-align:center;border-radius:0 30px 30px 0;box-shadow:#555 1px 1px 2px;border-left:rgba(255,255,255,.5) 8px solid;}
.relist ul{margin:10px 0;}
.relist li{float:left;width:50%;padding:2px 1em 2px 0;box-sizing:border-box;}
.relist li a:hover,.pnext a:hover{text-decoration:underline}
/* Comment */
ul.msg{margin:20px 0;padding:5px 0;word-wrap:break-word;clear:both}
li.tbname{font-size:18px;height:48px;line-height:48px;border-bottom:solid 1px rgba(255,255,255,.38);position:relative;margin-top:5px;font-weight:bold}
li.tbname span{font-weight:normal;margin-right:2px;}
li.msgname{padding:0 0 5px 5px;}
li.msgarticle{font-size:14px;padding:0 0 15px;line-height:160%;padding-left:55px;border-bottom:1px rgba(255,255,255,.38) solid;}
li.msgtime{padding:5px 0 0;}
img.avatar{width:40px;height:40px;float:left;margin:0 15px 0 0;border-radius:5px}
ul.msg ul.msg{margin:10px 0 0;clear:both;border-top:1px rgba(255,255,255,.38) dotted;padding:10px 5px 0 10px}
ul.msg ul.msg li.msgarticle{padding-bottom:5px;padding-left:51px;border-bottom:0}
ul.msg ul.msg li.msgname{padding:0}
.nomsg{color:rgba(255,255,255,.5);margin:20px 0 0;text-align:center;border:0 rgba(255,255,255,.15) solid;border-width:1px 0;padding:30px 0;}
.msgname small{color:rgba(255,255,255,.3);font-size:12px;margin:0 10px}
.revertcomment a{color:rgba(255,255,255,.5);font-size:10px;}
.posttop{font-size:18px;font-weight:bold;padding:20px 0 0;clear:both}
.post{padding:0 0 10px;overflow:hidden;clear:both}
.post .posttop{height:20px;padding:5px 0 15px}
.post p{position:relative;float:left;width:24%;height:32px;line-height:32px;margin:0 1.333333% 10px 0;border:1px rgba(255,255,255,.38) solid;background:rgba(255, 255, 255, .38);padding:0 1px 0 3px;box-sizing:border-box;}
.post p input{width:100%;height:32px;line-height:32px;color:#fff;vertical-align:top;text-indent:8px;border:none;outline:none;background:none;border-radius:0 5px 5px 0}
.post p.vcode{margin-right:0;}
.post p.vcode img{position:absolute;top:0;right:0;max-width:86px;height:100%;vertical-align:top}
#cancel-reply{float:right;cursor:pointer;font-size:12px;font-weight:normal;padding:0 0 7px}
div.reply-frm{background:rgba(255,255,255,.08);margin:1em 0 !important;padding:10px !important;min-width:330px;}
#txaArticle{display:block;width:98%;width:calc(98% - 2px);height:80px;color:#fff;font-size:14px;border:solid 1px rgba(255, 255, 255, .38);padding:1%;resize:none;outline:none;overflow:hidden;background:none;background-image:linear-gradient(to bottom,rgba(255, 255, 255, .38), rgba(255, 255, 255, .2));clear:both}
#txaArticle::-webkit-input-placeholder, .post p input::-webkit-input-placeholder{color:#fff;font-size:12px;}
.post .cpost{position:relative;width:calc(98% - 2px);height:30px;border:1px solid rgba(255, 255, 255, .38);border-top:0;overflow:hidden;padding-right:2%;background:rgba(255, 255, 255, .2);clear:both}
.post .button{position:absolute;top:0;right:0;width:80px;height:30px;line-height:30px;text-align:center;text-shadow:0 1px 0 #fff;font-weight:bold;background:#eee;border:0;border-left:1px #ccc solid;cursor:pointer;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);outline:none}
.post .button:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);background-image:-webkit-linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);}
.post .cpost .keytip{position:absolute;top:0;left:10px;line-height:30px;color:#eee;font-size:12px;font-family:'\5FAE\8F6F\96C5\9ED1';}
.cmt-wel{font-size:12px;padding:0 0 9px;opacity:.88;}
.cmt-wel .exit{float:right;}
/* Footer */
footer{color:rgba(255,255,255,.5);font-size:12px;text-align:center;padding:25px 0}
.flink li{display:inline-block;padding:0 6px 6px;opacity:.8}
.gotop{display:none;position:fixed;right:30px;bottom:65px;font-size:18px;background-image:linear-gradient(to bottom, rgba(255, 255, 255, .15) 60%, transparent);padding:8px 6px 18px;cursor:pointer;z-index:999}
.gotop:hover{background-image:linear-gradient(to bottom, rgba(255, 255, 255, .3) 60%, transparent);}
#bubble-wrap,#snow-wrap{position:fixed;bottom:0;left:0;width:100%;z-index:-1;}
@media screen and (max-width:1060px){
	article, footer{width:100%;}
	header{width:98%;padding:10px 1%;}
	.logo img{max-width:50%}
	.search{top:25px;right:10px;}
	.topnav{float:left;width:100%;padding:20px 0;}
	.topnav li{float:left;margin:3px;text-align:center;background:rgba(255, 255, 255, .15);padding:8px 12px;box-sizing:border-box;white-space:nowrap;}
	.topnav li a{font-size:1em;margin:0;}
	.plist{margin:10px;}
	.mainlist li .ctime,.mainlist li .cbox:after,.cdot{display:none;}
	.mainlist li .cbox{margin:10px;padding:1.5em;height:auto}
	.mainlist:before{background:none;}
	.mainlist li .pic{width:100%;height:auto;}
	.mainlist li .pic img{margin-bottom:10px}
	.mainlist li .readmore{float:none;display:block;text-align:center;padding:8px 0;border-radius:2px;opacity:.7}
	.mainlist li .tags{margin:10px 1em 0 0;}
	.plist figure{float:none;margin:5px auto 10px;width:94%;overflow:hidden;}
	.abox p img{width:100%;height:auto;}
	.gotop{right:0}
	.post p{width:49%;}
	.post p:nth-child(4), .post p.vcode{float:right;margin-right:0;}
}
.mbnavbar{display:none;}
@media screen and (max-width:640px){
	.logo{text-align:center;}
	.search{position:static;float:right;margin:10px 0 20px;}
	.mbnavbar{display:block;position:absolute;top:54px;left:8px;width:30px;height:22px;border-bottom:2px #ddd solid;cursor:pointer;}
	.mbnavbar:before,.mbnavbar:after{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:#ddd;overflow:hidden;}
	.mbnavbar:after{top:50%;}
	.topnav{display:none;padding-top:0;}
	.topnav>ul>li{display:block;float:none;margin:1px 0 0;padding:5px;}
	.topnav>ul>li>a{display:block;}
	.topnav>ul>li.hasul:hover>a{background:none;}
	.topnav>ul>li.hasul:hover ul, .post .cpost .keytip{display:none;}
	.topnav>ul>li ul{position:static;background:none;}
	.topnav li li{width:100%;margin:1px 0 0;padding:5px 0;}
	.topnav li a .bline{display:none;}
	.pagenow{font-size:12px;}
	.content{margin:0;}
	.atitle{font-size:18px;padding-right:0;}
	.atitle span{position:static;display:block;margin-bottom:5px;font-size:12px;}
	.relist li{float:none;width:100%;}
	li.msgarticle,ul.msg ul.msg li.msgarticle{padding-left:5px}
	.post p{width:100%;height:30px;line-height:30px;margin-right:0;}
}