@charset "utf-8";
/* * @description: 日记大全 * @author: yxx (2020-03-19) **/
/**list_case**/
.s-box-b img{filter: blur(7px);-webkit-filter: blur(7px);}
.filter-main{ border: 1px solid #e8e8e8; padding: 5px 20px 0 20px;margin: 16px auto 15px auto; overflow: visible; }
.filter-item{ line-height: 26px; overflow: hidden; }
.filter-item .item-cont{ overflow: hidden; padding: 0 0 12px; }
.filter-item .item-tit{ float: left; height: 26px; border-right: 1px solid #fff; color: #a1a1a1; font-size: 12px; padding-right: 17px; }
.filter-item .item-links a,
.leftA span.no-click{ color: #333; font-size: 12px; padding: 3px 18px; border-radius: 2px; white-space: nowrap; }
.filter-item .item-links a:hover,
.filter-item .item-links a.now,
.filter-item .item-links .now a{ color: #ff5370; }
.leftA span{ display: block; float: left; padding-bottom: 0; position: relative; border: 1px solid #fff; }
.leftA span.no-click{ border: 1px solid #f4f4f4; color: #a1a1a1; line-height: 20px; }
.filter-item .eachLink .greyBg{ border: none; overflow: hidden; padding: 6px 0; background: #f8f8f8; margin-top: 7px; }
.filter-item .eachLink .greyBg span{ border: none; }
.filter-item .eachLink .greyBg .now a{ color: #ff5370; }
.filter-item .eachLink .greyBg .classify{ color: #a1a1a1; padding-left: 18px; padding-right: 19px; position: relative; }
.filter-item .eachLink .greyBg .classCont{ float: left;}
.filter-item .all{ padding-left: 10px; width: 45px; }
.filter-item .all a{ padding: 0; }
.all-parts{padding-top: 10px; }
.resultItem{ border-top: 1px solid #f3f3f3; padding-top: 10px; }
.filter-item .delItem{ padding-left: 9px; }
.filter-item .delItem a{ background: url("../images/china.png") no-repeat }
.filter-item .delItem a{ background-position: right -769px; border: 1px solid #ff5370; color: #ff5370; display: block; float: left; line-height: 24px; margin-right: 16px; padding: 0 21px 0 9px; }
.filter-item .delItem .delAll{ background-position: 0 -805px; display: block; float: left; line-height: 24px; margin-right: 16px; border-color: #fff; color: #333; margin-left: 19px; padding-left: 16px; }

.list-wrap{overflow: hidden; display: flex; flex-wrap: wrap;}
.list-wrap .list-link{display: block;width: 24%; border: 1px solid #e8e8e8; margin-bottom: 1%; padding-bottom: 1%;}
.list-wrap .list-link:not(:nth-child(4n)){ margin-right: 1%;}
.list-wrap .list-link .img-top{padding: 2%;height: 230px; overflow: hidden; }
.list-wrap .list-link .img-top img{ display: block; width: 100%; }
.list-wrap .list-link .img-text{padding: 10px; height: 30px; font-size: 13px; line-height: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list-wrap .list-link:hover{ transition: border 1s; border-color: #ff6980; }
.list-wrap .list-link:hover .img-text{ color: #ff5370; }

.pageNav{ padding-top: 62px; }
.pageNav, .navpage{ text-align: center; font-size: 0; margin-bottom: 60px }
.pageNav a, .pageNav span, .navpage span, .navpage a{ display: inline-block; font-size: 16px; color: #999 }
.pageNav a:hover, .navpage a:hover{ color: #ff5370 }
.pageNum, .navpage .pageNum{ width: 27px; text-align: center; font-size: 16px; color: #999; font-family: Arial }
span.pageNum, .navpage span.pageNum{ color: #ff5370; }
.prevPage, .navpage .prevPage{ padding-left: 20px; padding-right: 30px }
.nextPage, .navpage .nextPage{ padding-right: 20px; padding-left: 30px; }
.prevPage, .navpage .prevPage{ background-position: -55px -1165px }
.nextPage, .navpage .nextPage{ background-position: -134px -1165px }
.navpage a, .navpage span{ border: none; background-color: #fff; margin: 0; padding: 0; line-height: inherit; height: inherit }
.navpage a:hover, .navpage span:hover{ background-color: #fff; border: none; }
/**article_case**/
.content {padding-bottom:50px; margin-top: 20px; display: flex;flex-wrap: wrap;}
.content_l {WIDTH: 790px;}
.content_r{width: 280px; padding-bottom: 20px;}
.fl_r{DISPLAY: inline; }
.fl_l {DISPLAY: inline;}
.hot-tit{ font-size: 18px; font-weight: bold; line-height: 22px; color: #666; padding: 0 0 10px 0; overflow: hidden; border-bottom: 2px solid #e8e8e8; }
.s-next-box{width:750px;border:1px solid #e5e5e5;padding:0 20px;float:left;}
.s-next-box .s-a1 li{padding-top:10px;width:300px;white-space:nowrap;text-overflow:ellipsis;}
.s-next-box .s-a1 p{font-size:15px;color:#555;line-height:26px;}
.s-next-box .s-a2{padding:10px 0;}
.s-next-box .s-a2 p{font-size:14px;color:#666;line-height:30px;}
.s-next-box .s-a2 span{color:#ff9d00;font-size:16px;padding-right:10px;}
.s-next-box .s-a2 a{display:block;width:90px;height:30px;background:#ff9d00;color:#fff;font-size:14px;border-radius:4px;text-align:center;line-height:30px;margin-left:50px;}
.s-next-box .s-box-a{width:750px;border-bottom:1px dashed #d8d6d6;}
.s-next-box .s-box-b {padding:20px 0px 20px 0px;font-size:14px;color:#383838;line-height:32px;float:left;}

.diary-info{width:100%;padding-bottom:30px;padding-top:20px;float:left;border-bottom: 1px dashed #d8d6d6;}
.diary-info h1{color:#333;font-size:18px;font-weight:normal;}
.diary-info .avatar-box{width:180px;margin-top:18px;float:left;text-align:center}
.diary-info .avatar-box a{display:block;font-size:14px;color:#2CC7C5;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;position:relative}
.diary-info .avatar-box img{width:95px;border-radius:50%}
.diary-info .avatar-box .edit-btn{display:block;width:96px;height:30px;background-color:#2CC7C5;margin:15px auto;line-height:30px;color:#fff;text-align:center;font-size:14px;border-radius:2px}
.diary-info .avatar-box .edit{display:inline-block;margin-right:5px;height:13px;width:13px;background-position:0 0}
.diary-info .info-box{font-size:14px;}
.diary-info .info-box .row{margin-top:10px;height:26px;}
.diary-info .info-box .row:after{clear:both;content:".";display:block;visibility:hidden;height:0}
.diary-info .info-box .row .field{float:left;color:#999;}
.diary-info .info-box .row .value{display:inline-block;max-width:90%;position:relative;color:#333;}
.diary-info .info-box .row .product-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.diary-info .info-box .row span{color:#2CC7C5}
.diary-info .info-box .row .price{color:#FF527F}
.diary-info .info-box .row .date{position:relative;color:#555}
.diary-info .info-box .row .edit2{cursor:pointer;margin-left:15px;display:inline-block;height:13px;width:13px;background-position:-13px 0}
.diary-info .info-box .row .save-btn{width:78px;height:30px;background-color:#2CC7C5;line-height:30px;color:#fff;text-align:center;border:0;border-radius:2px;margin-left:10px;cursor:pointer}
.diary-info .info-box .row input[type=text]{border:0;width:150px;height:30px;border-bottom:1px solid #f0f0f0;outline:0}
.diary-info .info-box .row .addfen{color:#FF527F;margin-left:10px}
.diary-info .info-box .row .list-pop{display:none;position:absolute;width:200px;padding:10px 0;top:40px;left:0;background:#fff;border:1px solid #f0f0f0;z-index:99;max-height:200px;overflow:auto}
.diary-info .info-box .row .list-pop li{line-height:25px;padding:0 10px;color:#777}
.diary-info .info-box .row .list-pop li:hover{background:#eee}
.diary-info .info-box .row .before-photos{width:100%;margin-top:15px;margin-left:15px;float:left;}
.diary-info .info-box .row .before-photos a{display:block;float:left;width:160px;margin-left:20px;}
.diary-info .info-box .row .before-photos a img{width:160px;height:160px;overflow: hidden;}

.doc_lists{width: 100%; overflow: hidden;} 
.doc_lists .lists{padding: 10px 0; margin: 0 13px; border-bottom: 1px dashed #e3e3e3; overflow: hidden;float: left; }
.doc_lists .list_name{width: 100%; overflow: hidden;}
.list_name .photo_left{display: block; float: left; width: 36px; height: 36px; border-radius: 100%; overflow: hidden;} 
.list_name .photo_left img{width: 100%; height: 100%;}
.list_name .name_right{float: left;width:205px; margin-left: 11px;}
.name_right .right_one{display: block; font-size: 14px; color: #666;}
.right_one:hover{color: #ff9900;}
.name_right .right_two{display: block; font-size: 12px; color: #999; margin-top: 3px;} 
.name_right .right_two img{float: left; width: 12px; height: 12px; margin: 2px 6px 0 0;}
.doc_lists .list_text{width: 100%\0; display: block; line-height: 20px; font-size: 13px; color: #999; margin-top: 13px;float:left;}
.list_text:hover{color: #ff9900;}
.doc_lists .zs_photo{width: 100%; margin-top: 14px;} 
.doc_lists .zs_photo li.imgs{float: left; margin: 0 3px 3px 0; width: 123px; height: 123px; overflow: hidden;} 
.doc_lists .zs_photo li.imgs a{display: block; width: 100%; height: 100%; overflow: hidden;} .doc_lists .zs_photo li.imgs a img{width: 100%; height: 100%;}