@charset "utf-8";
/*-------------------
*Description:        By www.yiwuku.com
*Website:            https://app.zblogcn.com/?auth=3ec7ee20-80f2-498a-a5dd-fda19b198194
*Author:             尔今 erx@qq.com
*update:             2017-12-27(Last:2018-01-13)
-------------------*/
/* Global */
*{margin:0;padding:0}
body{color:#fff;font:14px '\5FAE\8F6F\96C5\9ED1', Arial, Helvetica, sans-serif;background-color:#076098;}
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;}
ul, li{list-style:none;}
a{text-decoration:none;color:#f0dad2;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,.3);}
.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{padding:40px 0 0}
.topnav li{position:relative;display:inline-block;}
.topnav li ul{display:none;}
.topnav a{position:relative;display:inline-block;font-size:18px;margin-right:30px}
.topnav a .bline{display:inline-block;position:absolute;bottom:-8px;left:0;width:100%;opacity:0;transition:transform 0.3s, opacity 0.3s;transform:translateY(-120%);border-bottom:3px rgba(255,255,255,.3) double;}
.topnav a:hover .bline{opacity:1;transform:translateY(0);}
article{background:rgba(255,255,255,.15);overflow:hidden;}
.content{background:rgba(255,255,255,.15);overflow:hidden;margin:20px;box-shadow:#076098 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:#076098;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,.5);}
.pagenow span{color:rgba(255,255,255,.2);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:100px;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:#076098;}
.plist figure figcaption{margin:10px;height:66px;line-height:22px;color:#666;overflow:hidden;}
.plist figure h4{overflow:hidden;height:100px;margin-bottom:15px}
.plist figure h4 span{opacity:0}
.plist figure h4:hover span{opacity:1}
.plist figure h4 a{position:relative;display:block}
.plist figure h4 span{position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.5);color:#fff;display:block;width:100%;height:100%;line-height:96px;font-weight:normal;text-align:center;transition:all 0.5s;text-decoration:underline}
/* 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:16px;color:rgba(255,255,255,.5);}
.mainlist li .ctime span:last-child{font-size:22px;color:rgba(255,255,255,.15);}
.mainlist li:nth-child(odd) .ctime span:last-child{}
.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:rgba(0, 0, 0, .6) 2px 1px 1px;}
.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:#f93;}
.mainlist li .des{line-height:22px;word-wrap:break-word;overflow:hidden;}
.mainlist li .pic{width:500px;height:100px;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:#076098;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;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.mainlist li:hover .cdot{background:#FBB217;}
.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%;margin:30px auto;overflow:hidden;line-height:22px;}
.atitle{font-size:24px;margin-bottom:30px;}
.atitle span{float:right;color:#fff;font-size:14px;font-weight:normal;}
.abox p{margin:10px 0}
.abox p img{max-width:100%}
.abox blockquote{background:rgba(255,255,255,.15);padding:1em;border:5px transparent solid;border-left-color:rgba(255,255,255,.5);}
.abox blockquote *{padding:0;margin:0;border:0;}
.abox .tags{margin-bottom:25px;}
.abox .tags a{margin-right:1em;}
.relist{overflow:hidden;}
.relist h3{font-size:18px;margin:8px 0 20px;background:#076098;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:3px 1em 3px 0;box-sizing:border-box;}
.relist li a:hover{text-decoration:underline}
.searchbox p{line-height:1.8;margin:15px 0}
.searchbox p a{color:#ddd;}
.searchbox p a:first-child{color:#fff;font-size:16px;font-weight:bold;text-decoration:underline}
.searchbox p strong{color:#f00;}
/* 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,.5);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,.5) 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,.5) 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:20%;height:28px;line-height:28px;margin:0 2% 10px 0;border:1px #ccc solid;background:#eee;padding:0 1px 0 30px;border-radius:5px}
.post p input{width:100%;height:28px;line-height:normal;vertical-align:top;text-indent:8px;border:none;border-left:1px #ccc solid;outline:none;border-radius:0 5px 5px 0}
.post p.vcode{background:none;margin-right:0;padding-left:3px}
.post p.vcode input{border:0}
.post p.vcode img{position:absolute;top:0;right:0;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:#f0f0f0;box-shadow:0 0 15px #999;margin:1em 0 !important;padding:10px !important;min-width:330px;}
#txaArticle{display:block;width:98%;width:calc(98% - 2px);height:80px;font-size:14px;border:solid 1px #ccc;padding:1%;resize:none;outline:none;overflow:hidden;
background-image:-webkit-linear-gradient(top,#f9f9f9,#fff);background-image:linear-gradient(to bottom,#f9f9f9,#fff);background-repeat:repeat-x;clear:both}
.post .cpost{position:relative;width:calc(98% - 2px);height:30px;border:1px solid #ccc;border-top:0;overflow:hidden;padding-right:2%;background-image:linear-gradient(to bottom,#fff,#f9f9f9);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:#ccc;font-size:12px;font-family:'\5FAE\8F6F\96C5\9ED1';text-shadow:1px 1px 0 #fff;}
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;}
.gotop:hover{background-image:linear-gradient(to bottom, rgba(255, 255, 255, .3) 60%, transparent);}
@media screen and (max-width:1060px){
	header, article, footer{width:100%;}
	.logo{margin:15px 0;text-align:center;}
	.logo img{max-width:90%}
	.topnav{float:left;width:100%;padding-bottom:20px;}
	.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}
}
@media screen and (max-width:640px){
	.topnav li{width:31%;padding:5px;}
	.content{margin:0;}
	.atitle{font-size:20px;}
	.atitle span{display:block;float:none;margin-bottom:5px;}
	.relist li{float:none;width:100%;}
	li.msgarticle,ul.msg ul.msg li.msgarticle{padding-left:5px}
}