@charset "UTF-8";
img{ width:100%; }
main { background: none; }
.main-top { margin: 10px 0 0 0; }
.pp-tab-top { padding: 5px 3px 0 3px; border-bottom: 1px solid #eee; }
.block-top { margin: 11px 8px 0 8px; padding-bottom: 6px; border-bottom: 1px solid #f6f6f6; }


/*鉴定列表*/
.jianding-list { }
.jianding-list ul { }
.jianding-list ul li { margin:0 0 10px 0; padding: 0; display: block; overflow: hidden; background: #fff; border-radius: 5px; }
.jianding-list ul li .jianding-head { margin: 10px 10px 5px 10px; display: block; overflow: hidden; }
.jianding-list ul li .jianding-head i { width: 40px; height: 40px; margin: 0; font-size: 0; border-radius: 50px; overflow: hidden; float: left; }
.jianding-list ul li .jianding-head span { margin: 14px 0 0 5px; font-size: 14px; color: #555; float: left; }
.jianding-list ul li .jianding-text { padding: 0; display: block; overflow: hidden; }
.jianding-list ul li .jianding-text a { margin: 9px 10px; font-size: 14px; color: #666; display: block; }
.jianding-list ul li .jianding-pic { margin: 2px 5px 6px 5px; display: block; overflow: hidden;  }
.jianding-list ul li .jianding-pic a { width: 18%; height:0; padding-bottom: 18%; margin: 5px 1%; display: block; overflow: hidden; float: left; position: relative; border-radius: 2px; }
.jianding-list ul li .jianding-pic a img { width: 100%; height: 100%; object-fit: cover; display: block; overflow: hidden; position: absolute; }
.jianding-list ul li .jianding-foot { margin: 3px 10px 8px 10px; display: flex; overflow: hidden; font-size: 13px; color: #999; line-height: 22px; }
.jianding-list ul li .jianding-foot span { flex: 1; }
.jianding-list ul li .jianding-foot a { color: #666; }
.jianding-list ul li .jianding-foot a i { font-size: 20px; color: #999; margin: 0 2px 0 0; float: left; }



/*圆形发布按钮*/
.jianding-publish { width: 50px; height: 50px; display: block; overflow: hidden; background: #ffba3b; border-radius: 50px; text-align: center; font-size: 16px; color: #666; box-shadow:3px 3px 6px rgba(0,0,0,.15); position: fixed; bottom: 60px; right:3px; z-index: 666; }
.jianding-publish a { }
.jianding-publish i { margin: 8px 0 0 0; font-size: 18px; color: #111; display: block; }
.jianding-publish p { margin: 0; font-size: 12px; color: #111; }



/*右侧样式*/
.jd-publish { width: 100%; margin-bottom: 15px;}
.jd-publish .publish-btn { width: 100%; margin: 0; padding: 11px 19px; display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; font-size: 16px; color: #fff; background: #13ce66; border-radius: 4px;  }
.jd-publish .publish-btn:hover{ background:#44d786; }

.code-pic { margin-bottom: 10px; border-radius: 4px; display: block; overflow: hidden; }
.code-pic img { }


.jd-article-list{ margin:5px 9px 10px 9px;}
.jd-article-list ul{width:100%;}
.jd-article-list ul li{ text-align:left; margin: 0; height: 30px; padding: 0; line-height: 30px; border-radius: 4px; font-size: 14px; color: #555; display: block; overflow: hidden; }
.jd-article-list ul li a { width: 100%; margin: 0; color: #555; }
.jd-article-list ul li a:hover { color: #dd801a; }
.jd-article-list ul li a:hover i { color: #dd801a; }
.jd-article-list ul li a:hover span { color: #dd801a; }
.jd-article-list ul li a h3 { width: 76%; float: left; font-size: 14px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jd-article-list ul li i { padding-right: 7px; float: left; text-align:left; font-size: 15px; color: #9195A3; font-weight: bold; }
.jd-article-list ul li span { width: 50px; float: right; text-align: right; font-size: 13px; color: #999; margin-top: 1px; }


.jd-yinzhang-list { margin: 2px 3px; display: block; overflow: hidden; }
.jd-yinzhang-list ul { }
.jd-yinzhang-list ul li { width:23%; margin: 2px 1%; display: block; overflow: hidden; float: left; }
.jd-yinzhang-list ul li a { }
.jd-yinzhang-list ul li i { width: 100%; height: 0; padding-bottom: 100%; display: block; overflow: hidden; position: relative; border: 1px solid #eee; }
.jd-yinzhang-list ul li i img { width: 100%; height: 100%; object-fit: cover; display: block; overflow: hidden; position: absolute; }
.jd-yinzhang-list ul li span { margin: 3px 0 0 0; font-size: 14px; color: #666; display: block; overflow: hidden; }


.jd-master-list  { padding:6px 0; margin: 0; display: block; overflow: hidden; background: #fff; border-radius: 6px; }
.jd-master-list ul li{ text-align:left; margin: 0 8px; padding: 8px 0; font-size: 14px; color: #555; display: block; overflow: hidden; position: relative; border-bottom: 1px dashed #eee; border-radius: 4px; }
.jd-master-list ul li:last-child { border-bottom: none; }
.jd-master-list ul li .master-text a { font-size: 15px; color: #666; padding: 6px 0 5px 0; display: block; overflow: hidden; }
.jd-master-list ul li h3 { width:auto; padding: 0; float: left; font-size: 15px; color: #666; }
.jd-master-list ul li .honor { font-size: 14px; color: #bbab91; font-weight: normal; padding: 1px 0 0 8px; float: left; }
.jd-master-list ul li p { width:auto; }
.jd-master-list ul li .master-pic { width: 80px; height: 80px; margin: 0 0 0 9px; float: right; display: block; overflow: hidden; background: #ddd; border: 1px solid #f3f3f3; border-radius: 82px; }
.jd-master-list ul li .master-pic img { width: 80px; height: 80px; object-fit: cover; }
.jd-master-list ul li .master-text { height:80px; position: relative; display: block; overflow: hidden; }
.jd-master-list ul li .master-text p { font-size: 13px; color: #999; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.jd-master-list ul li .master-foot { font-size: 13px; color: #bbb; position: absolute; bottom: 0; left: 0; right: 0; }
.jd-master-list ul li .master-foot i { float: left; }
.jd-master-list ul li .master-foot span { float: right; }


.jd-good-list { margin: 2px 3px; padding: 0 0 7px 0; display: block; overflow: hidden; }
.jd-good-list ul { width: 100%; margin: 0; }
.jd-good-list ul li { width: 47%; margin: 1px 1.5%; display: block; float: left; }
.jd-good-list ul li .jd-good-item { /* border: 1px solid #f6f6f6; background: #f9f9f9;*/ box-shadow:3px 5px 9px rgba(0,0,0,.05); }
.jd-good-list ul li a { width: 100%; margin: 0; display: block; overflow: hidden; color: #555; }
.jd-good-list ul li i { width: 100%; height: 0; padding-bottom: 80%; display: block; overflow: hidden; position: relative; background: #333; font-size: 0; margin: 0; }
.jd-good-list ul li i img { width: 100%; height: 100%; object-fit: cover; display: block; overflow: hidden; position: absolute; }
.jd-good-list ul li h3 { padding: 1px 0; font-size: 15px; color: #555; display: block; overflow: hidden; }
.jd-good-list ul li p { padding: 3px 0 10px 0; font-size: 13px; color: #999; display: block; overflow: hidden; }


.ul-number li:nth-child(1) i{ color: #FE2D46; }
.ul-number li:nth-child(1) i:before{content:"1";}
.ul-number li:nth-child(2) i{ color: #F60; }
.ul-number li:nth-child(2) i:before{content:"2";}
.ul-number li:nth-child(3) i{ color: #FAA90E; }
.ul-number li:nth-child(3) i:before{content:"3";}
.ul-number li:nth-child(4) i{ color: #9ebaa0; }
.ul-number li:nth-child(4) i:before{content:"4";}
.ul-number li:nth-child(5) i{ color: #4796b3; }
.ul-number li:nth-child(5) i:before{content:"5";}
.ul-number li:nth-child(6) i{ color: #bb9998; }
.ul-number li:nth-child(6) i:before{content:"6";}
.ul-number li:nth-child(7) i{ color: #9195A3; }
.ul-number li:nth-child(7) i:before{content:"7";}
.ul-number li:nth-child(8) i{ color: #9195A3; }
.ul-number li:nth-child(8) i:before{content:"8";}
.ul-number li:nth-child(9) i{ color: #9195A3; }
.ul-number li:nth-child(9) i:before{content:"9";}
.ul-number li:nth-child(10) i{ color: #9195A3; }
.ul-number li:nth-child(10) i:before{content:"10";}
.ul-number li:nth-child(11) i{ color: #9195A3; }
.ul-number li:nth-child(11) i:before{content:"11";}
.ul-number li:nth-child(12) i{ color: #9195A3; }
.ul-number li:nth-child(12) i:before{content:"12";}


/*鉴定详情*/
.jianding-list ul li .jianding-text p { margin: 11px 10px; font-size: 14px; color: #666; }
.jianding-detail-pic { margin: 5px 9px; text-align: center; }
.jianding-detail-pic img { width: auto; max-width: 100%; margin: 3px 0; }

.jianding-comment { margin:0 0 10px 0; padding: 0 0 10px 0; display: block; overflow: hidden; background: #fff; border-radius: 5px; }
.comment-add { width: 96%; padding: 20px 2% 15px 2%; background: #fff; display: flex; overflow: hidden; }
.comment-add span { display: block; float: left; flex: 1; padding: 0 15px; margin: 0 6px 0 0; border: 1px solid #eee; border-radius: 50px; }
.comment-add span input { width: 100%; height: 36px; line-height: 36px; border-radius: 50px; }
.comment-add a { width: 100px; height: 38px; line-height: 38px; border-radius: 50px; background: #d83; display: block; float: left; text-align: center; color: #fff; }

.comment-title { padding: 20px 0 12px 0; margin: 0 10px; border-bottom: 1px solid #eee; line-height: 20px; }
.comment-title h3 { font-size: 16px; color: #333; float: left; padding: 0 5px 0 0; }
.comment-title span { font-size: 14px; color: #888; }
.no-comment { padding: 13px 10px; font-size: 14px; color: #666; }

.comment-list ul li { margin: 0 10px; padding: 8px 0; border-bottom: 1px solid #f3f3f3; display: block; overflow: hidden; }
.comment-list ul li .jianding-head { margin: 5px 0 0 0; display: block; overflow: hidden; }
.comment-list ul li .jianding-head i { width: 40px; height: 40px; margin: 0; font-size: 0; border-radius: 50px; overflow: hidden; float: left; }
.comment-list ul li .jianding-head span { margin: 13px 0 0 5px; font-size: 14px; color: #555; float: left; }
.comment-list ul li .jianding-head em { margin: 15px 6px 0 5px; font-size: 12px; color: #aaa; float: right; font-style: normal; }
.comment-list ul li p { margin: 0 2px 5px 46px; font-size: 13px; color: #888; line-height: 22px; float: left; }



/*发表鉴定*/
.publish-block { background: #fff; display: block; overflow: hidden; }

.publish-block .publish-content { margin: 20px 12px; display: block; overflow: hidden; }
.publish-block .publish-content span { display: block; overflow: hidden; }
.publish-block .publish-content span textarea { width: 90%; height: 90px; padding:6px 10px; border: 1px solid #e3e3e3; border-radius: 4px; }
.publish-block .publish-content p { width: 90%; padding:1px 10px; text-align: right; font-size: 14px; color: #bbb; }
.publish-block .publish-tip { margin: 5px 12px; font-size: 14px; color: #666; }
.publish-block .pic-add { width: 50px; height: 50px; padding: 15px; margin: 10px 12px; background: #f3f3f3; text-align: center; display: block; overflow: hidden; }
.publish-block .pic-add span { width: 30px; height: 30px; padding: 10px; background: #fff; display: block; overflow: hidden; }
.publish-block .pic-add span i { font-size: 30px; color: #bbb; }

.publish-block .pic-list { margin: 10px 8px; display: block; overflow: hidden; }
.publish-block .pic-list ul li { width: 23%; height: 0; padding-bottom:23%; margin: 4px 1%; float: left; }
.publish-block .pic-list ul li span { width: 100%; height: 0; padding-bottom: 100%; display: block; overflow: hidden; position: relative; background: #333; font-size: 0; margin: 0; }
.publish-block .pic-list ul li span img { width: 100%; height: 100%; object-fit: cover; display: block; overflow: hidden; position: absolute; }

.publish-block .publish-btn { width: 200px; height: 40px; line-height: 40px; margin: 30px 12px; font-size: 14px; color: #fff; text-align: center; background: #dd801a; border-radius: 5px; display: block; overflow: hidden; cursor: pointer; }
/*.publish-block .publish-btn a { font-size: 14px; color: #fff; background: #f39210; display: block; overflow: hidden; border-radius: 5px; text-align: center; }*/

/*.upload-icon{font-size:48px;color:#3498db;cursor:pointer;margin:20px;transition:all 0.3s}*/
/*.upload-icon:hover{color:#2980b9;transform:scale(1.1)}*/
.preview-container { display:flex; flex-wrap:wrap; margin:20px 5px 10px 5px; }
.preview-item { width:17%; height:0; padding-bottom: 17%; margin:10px 1%; border:1px solid #ddd; border-radius:3px; position:relative; }
.preview-img { width:100%; height:100%; object-fit: contain; border-radius:3px; position: absolute; }
.remove-btn { width:22px; height:22px; font-size:18px; color:#fff; display:flex; align-items:center; justify-content:center; background:#d33; border:none; border-radius:50%; position:absolute; top:-10px; right:-10px; cursor:pointer; }
.uploadAppraisalFileInput { display:none; }


/*屏幕小于1024px*/
@media screen and (min-width:0px) and (max-width:1024px){

    .main { padding-bottom: 50px; }
    .main-tab { width: 40%; margin: 10px auto; background: #fffbe4;  }
    .main-tab li { width: 50%; margin: 0; padding: 5px 0; text-align: center; font-size: 14px; color: #888; }
    .main-tab li.current { background: #e1a768; color: #fff; border-bottom:none; }

    .aside { display: none; }

    .jianding-list ul li .jianding-pic a { width: 31.333%; padding-bottom: 31.333%; margin: 4px 1%; }

    .code-pic { margin: 0 6px; }

    .jianding-comment { padding: 0 0 50px 0; }
    .comment-add { width: 96%; padding: 8px 2%; background: #fff; position: fixed; bottom: 51px; z-index: 66; box-shadow:1px -3px 5px rgba(0,0,0,.05); }

    .preview-item { width:28%; padding-bottom: 28%; margin:10px 2%; }

}



/*屏幕大于1024px*/
@media screen and (min-width:1025px){

    .pp-block{display:block;overflow:hidden; margin:10px 0; padding:6px;border-radius:6px;background:#fff;}
    .block-top { margin: 5px 8px 0 8px; padding-bottom: 6px; border-bottom: 1px solid #f6f6f6;}

    .jianding-main { width: 70%; float: left; display: block !important;}
    .aside { width: 29%; float: right; display: block !important;}
    .side-block { margin: 0 0 10px 0; }

    .jianding-list ul li .jianding-pic { margin: 2px 8px 6px 8px; display: block; overflow: hidden;  }
    .jianding-list ul li .jianding-pic a { width: 15.666%; padding-bottom: 15.666%; margin: 5px 0.5%; }

    .publish-block .pic-list ul li { width: 15.666%; padding-bottom: 15.666%; margin: 5px 0.5%;  float: left; }

}