@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; }
.xt-page { width: auto!important; }

/*藏家秀*/
.cangjiaxiu-block { }
.cangjiaxiu-list { }
.cangjiaxiu-list ul li {  margin:0 6px 8px 6px; padding: 8px; font-size: 14px; color: #555; display: block; overflow: hidden; background: #fff; position: relative; /*border-bottom: 1px dashed #eee; */border-radius: 4px;  }
.cangjiaxiu-list ul li .cangjiaxiu-item { width: 100%; display: block; overflow: hidden; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-pic { width: 140px; height: 120px; margin: 0 9px 0 0; float: left; display: block; overflow: hidden; background: #ddd; border: 1px solid #f3f3f3; border-radius: 4px; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-pic img { width: 140px; height: 120px; object-fit: cover; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-info { height: 120px; position: relative; display: block; overflow: hidden; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-info h3 { font-size: 16px; color: #333; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-info .cangjiaxiu-long { padding: 3px 0; font-size: 14px; color: #666; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-info .cangjiaxiu-long span { color: #f39210; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-info .cangjiaxiu-name { font-size: 14px; color: #666; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-info .cangjiaxiu-name span { color: #444; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-info .cangjiaxiu-desc { padding: 6px 0 0 0; font-size: 13px; color: #aaa; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-info .cangjiaxiu-foot { display: block; overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; font-size: 13px; color: #888; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-info .cangjiaxiu-foot span { float:left; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-info .cangjiaxiu-foot i { float: right; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-info .cangjiaxiu-good { padding: 6px 0 2px 0; display: block; overflow: hidden; }
.cangjiaxiu-list ul li .cangjiaxiu-item .cangjiaxiu-info .cangjiaxiu-good span { width: 49%; margin: 2px 1% 1px 0; padding: 0; float: left; font-size: 13px; color: #666; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/*首页圆形发布按钮*/
.cangjiaxiu-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: 70px; right:3px; z-index: 666; }
.cangjiaxiu-publish a { }
.cangjiaxiu-publish i { margin: 8px 0 0 0; font-size: 18px; color: #111; display: block; }
.cangjiaxiu-publish p { margin: 0; font-size: 12px; color: #111; }


/*藏家秀详情*/
.cangjiaxiu-detail-block { margin: 0 0 10px 0; background: #fff; display: block; overflow: hidden; }
.block-title { display: block; overflow: hidden; }
.block-title h2 { margin: 15px 8px 5px 8px; padding: 0 0 0 6px; font-size: 15px; color: #555; border-left: 3px solid #f39210; line-height: 15px; }
.master-box { margin: 5px 8px; padding:11px 8px; display: block; overflow: hidden; background: #fdeee1; border: 1px solid #eee; border-radius: 4px; }
.master-box .master-pic { width: 120px; height: 130px; margin: 0 9px 0 0; float: left; display: block; overflow: hidden; background: #ddd; border-radius: 4px; }
.master-box .master-pic img { width: 120px; height: 130px; object-fit: cover; }
.master-box .master-info { }
.master-box .master-info .master-title { padding: 0 0 4px 0; display: block; overflow: hidden; }
.master-box .master-info .master-title h3 { padding: 1px 10px 5px 0; font-size: 16px; color: #555; float: left; }
.master-box .master-info .master-title span { width: 82px;height: 26px; line-height: 28px; background: #d83; font-size: 12px; color: #fff; border-radius: 50px; display: block; overflow: hidden; text-align: center; }
.master-box .master-info .master-title span a { font-size: 12px; color: #fff; display: block; }
.master-box .master-info .master-desc { margin: 3px 3px 0 0; font-size: 13px; color: #888; line-height: 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.cangjiaxiu-content { display: block; overflow: hidden; }
.cangjiaxiu-content .detail-info { margin: 5px 8px; padding: 8px; display: block; overflow: hidden; background: #f6f6f6; font-size: 14px; color: #666; border-radius: 4px; }
.cangjiaxiu-content .detail-info p { display: block; overflow: hidden; }
.cangjiaxiu-content .detail-info span { width: 48%; margin: 4px 1%; float: left; }
.cangjiaxiu-content .detail-info span b { font-size: 14px; color: #555; font-weight: normal; }
.cangjiaxiu-content .detail-info span:nth-last-child(2) b { color: #f39210; }
.cangjiaxiu-content .detail-desc { margin: 13px 8px 7px 8px; font-size: 14px; color: #888; line-height: 21px; }
.cangjiaxiu-content .detail-pic { margin: 10px 8px; font-size:0; display: block; overflow: hidden; }
.cangjiaxiu-content .detail-pic a { font-size:0; display: block; overflow: hidden; }
.cangjiaxiu-content .detail-pic img { margin: 6px 0; display: block; border-radius: 3px; width: auto; max-width: 100%; }


/*发布藏家秀*/
.publish-block { padding: 10px; background: #fff; display: block; overflow: hidden; }
.publish-block .publish-list { padding: 10px 0; display: block; overflow: hidden; }
.publish-block .publish-list ul li { padding: 6px 0; display: flex; overflow: hidden; }
.publish-block .publish-list ul li label { width: 70px; margin: 7px 0 0 0; float: left; text-align: right; color: #444; }
.publish-block .publish-list ul li input { width: 140px; border: 1px solid #ddd; padding: 8px 10px; border-radius: 3px; }
.publish-block .publish-list ul li button { width: 103px; margin: 0 0 0 5px; line-height: normal; border: 1px solid #ffe9cd; padding: 8px 10px; font-size: 13px; color: #a78355; border-radius: 3px; background: #ffe9cd; cursor: pointer; }
.publish-block .publish-list ul li textarea { width: 250px; height: 70px; padding:6px 10px; border: 1px solid #e3e3e3; border-radius: 4px; }
.publish-block .publish-list ul li .good-info { width: 250px; padding:8px 10px; background: #f6f6f6; border: 1px dashed #ccc; border-radius: 4px; }
.publish-block .publish-list ul li .good-info h3 { padding: 0 0 5px 0; font-size: 15px; color: #444; }
.publish-block .publish-list ul li .good-info span { width: 49%; margin: 2px 1% 2px 0; padding: 0; float: left; font-size: 13px; color: #777; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.publish-block .publish-tip { margin: 20px 12px 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 { margin: 20px 12px; width: 200px; height: 40px; line-height: 40px; display: block; overflow: hidden; }
.publish-block .publish-btn a { font-size: 14px; color: #fff; background: #dd801a; display: block; overflow: hidden; border-radius: 5px; text-align: center; }

.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; }
.uploadShowFileInput { display:none; }


/*右侧样式*/
.side-article-list{ margin:5px 9px 10px 9px;}
.side-article-list ul{width:100%;}
.side-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; }
.side-article-list ul li a { width: 100%; margin: 0; color: #555; }
.side-article-list ul li a:hover { color: #dd801a; }
.side-article-list ul li a:hover i { color: #dd801a; }
.side-article-list ul li a:hover span { color: #dd801a; }
.side-article-list ul li a h3 { width: 76%; float: left; font-size: 14px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.side-article-list ul li i { padding-right: 7px; float: left; text-align:left; font-size: 15px; color: #9195A3; font-weight: bold; }
.side-article-list ul li span { width: 50px; float: right; text-align: right; font-size: 13px; color: #999; margin-top: 1px; }


.side-master-list  { padding:6px 0; margin: 0; display: block; overflow: hidden; background: #fff; border-radius: 6px; }
.side-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; }
.side-master-list ul li:last-child { border-bottom: none; }
.side-master-list ul li .master-text a { font-size: 15px; color: #666; padding: 6px 0 5px 0; display: block; overflow: hidden; }
.side-master-list ul li h3 { width:auto; padding: 0; float: left; font-size: 15px; color: #666; }
.side-master-list ul li .honor { font-size: 14px; color: #bbab91; font-weight: normal; padding: 1px 0 0 8px; float: left; }
.side-master-list ul li p { width:auto; }
.side-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; }
.side-master-list ul li .master-pic img { width: 80px; height: 80px; object-fit: cover; }
.side-master-list ul li .master-text { height:80px; position: relative; display: block; overflow: hidden; }
.side-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;  }
.side-master-list ul li .master-foot { font-size: 13px; color: #bbb; position: absolute; bottom: 0; left: 0; right: 0; }
.side-master-list ul li .master-foot i { float: left; }
.side-master-list ul li .master-foot span { float: right; }


.side-good-list { margin: 2px 3px; padding: 0 0 7px 0; display: block; overflow: hidden; }
.side-good-list ul { width: 100%; margin: 0; }
.side-good-list ul li { width: 47%; margin: 1px 1.5%; display: block; float: left; }
.side-good-list ul li .side-good-item { /* border: 1px solid #f6f6f6; background: #f9f9f9;*/ box-shadow:3px 5px 9px rgba(0,0,0,.05); }
.side-good-list ul li a { width: 100%; margin: 0; display: block; overflow: hidden; color: #555; }
.side-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; }
.side-good-list ul li i img { width: 100%; height: 100%; object-fit: cover; display: block; overflow: hidden; position: absolute; }
.side-good-list ul li h3 { padding: 1px 0; font-size: 15px; color: #555; display: block; overflow: hidden; }
.side-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";}



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

    /*.main { padding-bottom: 50px; }*/
    .main-tab { width: 45%; 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; }
    .preview-item { width:28%; padding-bottom: 28%; margin:10px 2%; }

}



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

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

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

    .cangjiaxiu-detail-block { padding: 8px; }
    .publish-block { padding: 15px; background: #fff; display: block; overflow: hidden; }
    .publish-block .pic-list ul li { width: 11.5%; height: 0; padding-bottom:11.5%; margin: 4px 0.5%; float: left; }

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

    .publish-block .publish-list ul li input { width: 240px;  }
    .publish-block .publish-list ul li button { width: 103px; }
    .publish-block .publish-list ul li textarea { width: 350px; }
    .publish-block .publish-list ul li .good-info { width: 350px; }

    .cangjiaxiu-publish { right: 50%; margin-right: -666px; bottom: 100px; }

}