@import url('color.css');

.topsort { font-size: 12px;  overflow: hidden; margin: 0 auto; background:var(--border); margin-top: 10px; border-radius: 5px; }
.topsort .sorts { padding-left: 10px; position: relative; }
.topsort .sorts a { height: 40px; line-height: 40px; padding: 0 10px; font-size: 15px; }
.topsort .sorts a:hover,.topsort .sorts a.hover{color:var(--font-bold);}


/*内页定位*/
.location{width:100%;clear:both;height:40px;line-height:40px;margin:10px 0px;}
.location i{margin:0 8px;}

.inside {  }
.inside .sideleft { width: calc(100% - 430px); margin-right:30px; float: left }
.inside .sideright { width: 400px; float: right; }

.adList{border-bottom:1px solid var(--border);margin:15px 20px; padding:10px 0px;width:700px;overflow:hidden;}
.adShow{padding:10px 20px 0px 20px;margin-top:20px;border:1px solid var(--border); border-radius:5px;background:var(--border-list);}
.adRight{padding:20px;margin-bottom:30px; border-radius:5px;background:var(--border-list);}


.error { width: calc(100% - 30px); border-radius: 10px; padding: 15px 15px; background: var(--border-list); }
.error p{margin:20px;text-align:center;color:var(--font-hover);}


/*--列表--*/

.sort { width: calc(100% - 30px); border-radius: 5px; padding: 15px 15px; background: #fff; }

.sort .item { border-bottom: 1px solid var(--border); margin: 10px 20px; padding-bottom: 10px; width: calc(100% - 40px); overflow: hidden; }
.sort .item:last-child { border-bottom: none; }

.sort .item .lotphoto { width:100%;margin: 10px 0px; }
.sort .item .lotphoto .title { font-size: 20px; line-height: 30px; margin-bottom: 10px; }
.sort .item .lotphoto .img { height: 200px; width: 100%; overflow: hidden; }
.sort .item .lotphoto .img img { width: calc(33% - 5px); height: 100%; object-fit: cover; float: left; overflow: hidden; margin-right: 5px; }
.sort .item .lotphoto .img img:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.sort .item .lotphoto .img img:last-child { margin-right: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.sort .item .lotphoto .img .lot1 { border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: calc(33% - 5px); height: 145px; overflow: hidden; display: block; float: left; }
.sort .item .lotphoto .img .lot2 { margin: 0 5px; width: calc(33% - 5px); height: 145px; overflow: hidden; display: block; float: left; }
.sort .item .lotphoto .img .lot3 { border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: calc(33% - 5px); height: 145px; overflow: hidden; display: block; float: left; }
.sort .item .lotphoto .img .lot1 img, .sort .item .lotphoto .img .lot2 img, .sort .item .lotphoto .img .lot3 img { border-radius: 0px; margin-right: 0px; }

.sort .item .lotphoto .user { line-height: 30px; height: 30px; overflow: hidden; margin-top: 5px; color:var(--font-span); font-size: 13px; }
.sort .item .lotphoto .user i { line-height: 30px; margin: 0 5px 0 15px; }

.sort .item .photo { width:100%;margin: 10px 0px; }
.sort .item .photo .img { width: 40%; height: 220px; overflow: hidden; float: left; border-radius: 5px; }
.sort .item .photo .img img { width: 100%; height: 100%; object-fit: cover;  }
.sort .item .photo .text { width:calc(60% - 30px); float: left; margin-left: 30px; }
.sort .item .photo .text .title { font-size: 20px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }
.sort .item .photo .text .remark { color:var(--font-light); font-size: 14px; line-height: 22px; overflow: hidden; margin: 16px 0px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; }
.sort .item .photo .text .user { line-height: 30px; height: 30px; overflow: hidden; color:var(--font-span); font-size: 13px; }
.sort .item .photo .text .user i { line-height: 30px; margin: 0 5px 0 15px; }

.sort .item .nophoto { width:100%;margin: 10px 0px; }
.sort .item .nophoto .title { font-size: 20px; line-height: 30px; overflow: hidden; margin-bottom: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }
.sort .item .nophoto .remark { color:var(--font-light); font-size: 14px; line-height: 22px; overflow: hidden; margin: 16px 0px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; }
.sort .item .nophoto .user { line-height: 30px; height: 30px; overflow: hidden; color:var(--font-span); font-size: 13px; }
.sort .item .nophoto .user i { line-height: 30px; margin: 0 5px 0 15px; }



/*--右边新闻热榜*/
.topnews { background:var(--border-list); border-radius:5px;border:1px solid var(--border);margin-bottom:30px;}
.topnews .tit{padding:10px 15px;background:var(--border);border-top-left-radius:5px;border-top-right-radius:5px;}
.topnews .tit span { border-left: 3px solid var(--font-bold); color:var(--font-bold); padding-left: 10px; font-size: 18px;}

.topnews .list { font-size: 15px; width:360px;margin:0 auto;padding-top:20px;}
.topnews .list .item { height: 40px; line-height: 40px; margin-bottom: 10px; }
.topnews .list .item i { width: 20px; height: 20px; border-radius: 50%; margin-top: 1px; float: left; line-height: 20px; color: #fff; font-style: inherit; text-align: center; font-size: 12px; background: #52a646; display: block; }
.topnews .list .item .i1 { background: #f30; }
.topnews .list .item .i2 { background: #f60; }
.topnews .list .item .i3 { background: #fb0; }
.topnews .list .item a { width: 340px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; line-height: 20px; text-indent: 10px; }

/*--右边图文推荐---*/

.randphoto { background:var(--border-list); border-radius:5px;margin-bottom:30px;}
.randphoto .tit{padding:20px 15px;}
.randphoto .tit a { border-left: 3px solid var(--font-bold); color:var(--font-bold); padding-left: 10px; font-size: 18px;}

.randphoto .list {font-size: 15px; width:360px;margin:0 auto;padding-top:10px; }
.randphoto .list .item { margin-bottom: 15px; height:100px;}
.randphoto .list .item .img { float: left; width: 120px; height: 90px; overflow: hidden; border-radius:5px;}
.randphoto .list .item .img img {width:120px;height:90px;object-fit:cover;object-position:top;}
.randphoto .list .item p{ width: 220px; float: left; margin-left: 10px; }
.randphoto .list .item p span { color:var(--font-span);font-size:13px; }

.randphoto ul { padding-bottom: 20px; }
.randphoto ul li { margin-bottom: 15px; list-style: disc; list-style-position: inside; font-size: 16px; }


/*--详情页--*/

.show { padding: 20px 30px; background:var(--border-list); border-radius: 5px; }
.show .title { padding-bottom: 30px; }
.show .title h1 { font-size: 26px; font-weight: 500; line-height: 45px; }

.show .from { width: 100%; border-bottom: 1px solid var(--border); padding-bottom: 15px; color:var(--font-span); }
.show .from i { margin: 0 5px; }
.show .from span { background:var(--border-bg); padding: 3px 6px; font-size: 14px; border-radius: 2px; margin-right: 5px; }
.show .from b { font-weight: normal; margin-right: 8px; }
.show .from a { color:var(--font-link); margin-right: 8px; }
.show .from a:hover { color: var(--font-hover); }

.show .confirmtitle { margin-top: 20px; font-size: 15px; line-height: 26px; background:var(--border-bg); padding: 15px; border-radius: 5px; }

.show .detail { font-size: 16px; line-height: 32px; padding-top: 10px; text-align: justify; max-width:1000px;margin:0 auto;}
.show .detail p, .show .detail section { margin-top: 25px; }
.show .detail img { max-width: 100%; clear: both; display: block; margin: 0 auto; border-radius: 10px; }
.show .detail pre { white-space: pre-wrap; }

.show .more { font-weight: bolder; color:var(--font-hover); }

/*产品详情页图片不居中*/
.show .productsdetail img { margin: 0; }

.show .look {max-width:1000px;margin: 30px auto;}
.show .look span { color: var(--font-span); }
.show .look span a { color: var(--font-link); margin-right: 10px; }

.show .look span.articlezan { margin-left: 10px; }
.show .look span.articlezan a { margin-right: 5px; cursor: pointer; color: var(--font-span); }
.show .look span.articlezan i { margin-right: 5px; font-size: 18px; }
.show .look span.articlezanok a { color: var(--font-hover); }

/*分享插件*/
.sharelist { float: right; width: 180px; }
.sharelist .text { width: 60px; float: left; }

.show .copyright{text-align:justify;color:var(--font-light);margin:20px 0px;background:var(--border-bg);border-radius:5px;padding:10px 20px 20px 20px;}
.show .copyright p{margin-top:10px;line-height:26px;}


/*为你推荐*/
.randlike{margin-top:30px;}
.randlike .tit{font-size:18px;line-height:30px;height:30px;border-bottom:1px solid var(--border);padding-bottom:10px;}
.randlike .tit a { color:var(--font-bold) }


/*企业列表*/
.company { margin-bottom: 30px; border-radius: 5px; background:var(--border-list); padding: 15px; }
.company .item { float: left; width: 10%; text-align: center; margin: 15px 0px; }
.company .item .img { width: 100px; height: 100px; overflow: hidden; border-radius: 5px; margin: 0 auto; border: 1px solid var(--border); }
.company .item .img img { width: 100px; height: 100px; object-fit: cover; }
.company .item p { height: 25px; line-height: 25px; overflow: hidden; width: 100px; text-align: center; margin: 0 auto; padding-top: 10px; font-size: 12px; }

/*产品列表*/
.products { margin-bottom: 30px; border-radius: 5px; background:var(--border-list); padding: 15px; }
.products .item { float: left; width: 230px; text-align: center; margin: 15px 0px; }
.products .item .img { width: 200px; height: 200px; overflow: hidden; border-radius: 5px; margin: 0 auto; border: 1px solid var(--border); }
.products .item .img img { width: 200px; height: 200px; object-fit: cover; }
.products .item p { height: 45px; line-height: 22px; overflow: hidden; padding: 10px 16px; }

/*详情页推荐产品*/
.hotproducts { width: 740px; border-radius: 5px; padding: 15px 16px; background:var(--border-list); }
.hotproducts .item { float: left; width: 246px; text-align: center; margin: 15px 0px; }
.hotproducts .item .img { width: 200px; height: 200px; overflow: hidden; border-radius: 5px; margin: 0 auto; border: 1px solid var(--border); }
.hotproducts .item .img img { width: 200px; height: 200px; object-fit: cover; }
.hotproducts .item p { height: 35px; line-height: 35px; overflow: hidden; padding: 10px 16px; }

.hotcompany { width: 740px; border-radius: 5px; padding: 15px 15px; background:var(--border-list); }
.hotcompany .item { float: left; width: 148px; text-align: center; margin: 15px 0px; }
.hotcompany .item .img { width: 120px; height: 120px; overflow: hidden; border-radius: 5px; margin: 0 auto; border: 1px solid var(--border); }
.hotcompany .item .img img { width: 120px; height: 120px; object-fit: cover; }
.hotcompany .item p { height: 35px; line-height: 35px; overflow: hidden; padding: 10px 16px; }



/*会员列表*/
.member {margin-bottom: 30px; border-radius: 5px; background: var(--border-list); padding: 15px;  }
.memberlist { display: grid; grid-template-columns: repeat(8, 1fr); gap: 30px; }
.memberlist .item { text-align: center; }
.memberlist .item .img { width: 100%; aspect-ratio: 1/1; /* 保持正方形 */ overflow: hidden; border-radius: 5px; border: 1px solid var(--border); }
.memberlist .item .img img { width: 100%; height: 100%; object-fit: cover; }
.memberlist  .item .name { height: 45px; line-height: 22px; overflow: hidden; padding: 10px 0; }

/*会员详情页*/
.member { font-size: 15px; }
.memberinfo{margin:20px;}

.UserPhoto { float: left; width: 300px; height: 300px; overflow: hidden; border-radius: 5px; }
.UserPhoto img { width: 300px; height: 300px; object-fit: cover; border-radius: 5px; }

.UserInfo { float: left; width:calc(100% - 350px); font-size: 15px;margin-left:50px; }
.UserInfo a { color: Blue; text-decoration: underline; }

.UserInfo td.part a{ margin-right:20px;}

.member .cssWords { line-height: 30px; padding: 10px; }
.member .cssWords p { margin: 15px 10px; text-align: justify; }
.member table{width:100%;}

.memberprofile{margin:30px 20px;}
.companyprofile { margin: 30px 20px; }
.member .look{margin:30px 20px;}






/*有边框的表格*/
table{ border:1px solid var(--border);border-collapse: collapse;}
table tr th { border: 1px solid var(--border); }
table tr td { border: 1px solid var(--border); padding: 10px; }