@import url('color.css');

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


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


.inside { width: 1200px; margin: 0 auto; }
.inside .sideleft { width: 770px; 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:740px;border-radius:10px;padding:15px 15px;background:var(--border-list);}
.error p{margin:20px;text-align:center;color:var(--font-hover);}


/*--列表--*/

.sort { width:740px;border-radius:5px;padding:15px 15px;background:var(--border-list);}

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

.sort .item .lotphoto{margin:10px 0px;}
.sort .item .lotphoto .title { font-size: 20px; line-height: 30px; margin-bottom:10px;}
.sort .item .lotphoto .img{height:145px;width:700px;overflow:hidden;}
.sort .item .lotphoto .img img{width:230px;height:145px;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:10px;border-bottom-left-radius:10px;width:230px;height:145px;overflow:hidden;display:block;float:left;}
.sort .item .lotphoto .img .lot2{margin:0 5px;width:230px;height:145px;overflow:hidden;display:block;float:left;}
.sort .item .lotphoto .img .lot3{border-top-right-radius:10px;border-bottom-right-radius:10px;width:230px;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{margin:10px 0px;}
.sort .item .photo .img { width: 250px; height: 165px; overflow: hidden; float: left; border-radius: 10px;}
.sort .item .photo .img img {  width: 250px; height:165px;object-fit:cover;border-radius: 10px; }
.sort .item .photo .text{width:430px;float:left;margin-left:20px;}
.sort .item .photo .text .title { font-size: 20px; max-height: 60px; line-height: 30px; overflow: hidden;  }
.sort .item .photo .text .remark { color: #515050; font-size: 14px; max-height: 66px; 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{margin:10px 0px;}
.sort .item .nophoto .title {font-size: 20px; line-height: 30px; max-height:60px; overflow: hidden; margin-bottom:20px;}
.sort .item .nophoto .remark { color: #515050; font-size: 14px; max-height:66px; line-height: 22px; overflow: hidden; margin:16px 0px;}
.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{}
.topnews .tit span { display: block; width: 80px; border-top: 1px solid var(--border); padding-left: 20px; padding-top: 10px; color:var(--font-bold); font-size: 16px; }

.topnews .list { font-size: 15px; width:360px;margin:0 auto;padding-top:20px;}
.topnews .list .item { height: 40px !important; 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 !important; 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;border:1px solid var(--border);}
.randphoto .tit{}
.randphoto .tit a {display: block; width: 80px; border-top: 1px solid var(--border); padding-left: 20px; padding-top: 10px; color:var(--font-bold); font-size: 16px;}

.randphoto .comtit{padding-top:10px;padding-left:20px;}
.randphoto .comtit a { border-left: 3px solid var(--border); color:var(--font-bold); padding-left: 10px; font-size: 16px;}

.randphoto .list {font-size: 15px; width:360px;margin:0 auto;padding-top:20px; padding-bottom:10px;}
.randphoto .list .item { margin-bottom: 15px; height:100px;}
.randphoto .list .item .img { float: left; width: 120px; height: 90px; overflow: hidden; border-radius:5px;border:1px solid var(--border);}
.randphoto .list .item .img img {width:120px;height:90px;object-fit:cover;}
.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: 32px; font-weight: 500; line-height: 50px; }

.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.commentcount {color:var(--font-hover);}
.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; }
.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 { margin: 30px 0px; }
.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;border:1px solid var(--border);}
.randlike .tit{font-size:16px;line-height:30px;height:30px;border-bottom:1px solid var(--border);padding-bottom:10px;color:var(--font-bold);}
.randlike .tit a{color:var(--font-bold);display:block;}
.randlike .item:end{border:none;}


/*--评论--*/

.comment{margin-top:30px;background:var(--border-list); border-radius:5px;padding-bottom:20px;}
.comment .tit{margin-bottom:20px;}
.comment .tit span { display: block; width: 80px; padding-left: 20px; padding-top: 10px; color:var(--font-bold); font-size: 16px; }

.comment .userphoto{float:left;margin-left:20px;width:60px;}
.comment .userphoto img{width:48px;height:48px;border-radius:24px;}
.comment .submit{width:660px;float:left;}
.comment .submit .comminput { width:640px;outline:none; border:1px solid var(--border);padding:10px;border-radius:5px;}
.comment .submit a.btnConfirm{padding:5px 15px;background:var(--nav-bg);border-radius:5px;text-align:center;color:var(--nav-color);font-size:16px;display:block;float:right; cursor:pointer;}
.comment .submit a.btnConfirm:hover{background:var(--nav-hover);}

.commentlist { background:var(--border-list); border-radius:5px;margin-top:30px;border:1px solid var(--border);}
.commentlist .tit{border-bottom:1px solid var(--border);padding-bottom:10px;}
.commentlist .tit span {display: block; width: 80px;padding-left: 20px; padding-top: 10px; color:var(--font-bold); font-size: 16px;}

.commentlist .list {font-size: 15px;}
.commentlist .list .item {padding:20px;}
.commentlist .list .item:nth-child(2n+1){background:var(--border-bg);}

.commentlist .list .item .photo{float:left;width:60px;}
.commentlist .list .item .photo img{width:48px;height:48px;border-radius:24px;}
.commentlist .list .item .text{float:left;width:660px;}
.commentlist .list .item .text p{margin-bottom:10px;}
.commentlist .list .item .text a{font-weight:bold;}
.commentlist .list .item .text p.date{color:var(--font-span);}
.commentlist .list .nocomment{ color:var(--font-span); }

.commentlist .list .item .text p.reply{border-top:1px solid var(--border);padding-top:5px;font-weight:400;color:var(--font-bold);}
.commentlist .list .item .text p.replyto a{font-weight:400;background:var(--nav-hover);color:var(--nav-color);padding:2px 5px;border-radius:3px;font-size:14px;}

.commentlist .list .item .text .commenthot{float:right;}
.commentlist .list .item .text .commenthot a { cursor: pointer; font-weight: normal; color:var(--font-span); }
.commentlist .list .item .text .commenthot i{margin-right:5px;font-size:18px;}
.commentlist .list .item .text .commenthotok a { color:var(--font-hover); }


/*企业列表*/
.company{margin-bottom:30px;border:1px solid var(--border); 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:1px solid var(--border); 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; }



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



.usertop { width: 1200px; margin: 20px auto; padding: 20px 0px; }
.usertop .photo { width: 100px; height: 100px; border-radius: 50px; float: left; margin-right: 30px; }
.usertop .photo img{width:100px;height:100px;border-radius:50px;object-fit:cover;}

.usertop .text{float:left;width:1070px;}
.usertop .text .name h1{font-size:26px;font-weight:500;height:50px;line-height:50px;}
.usertop .text .count{height:50px;line-height:50px;}
.usertop .text span{margin-right:20px;}
.usertop .text span b{font-size:24px;color:var(--font-hover);margin-right:5px;}
.usertop .text a{color:var(--font-hover);}

.userright { background:var(--border-list); border-radius:5px;margin-bottom:30px;border:1px solid var(--border);}
.userright .tit{}
.userright .tit span {display: block; width: 80px; border-top: 1px solid var(--border); padding-left: 20px; padding-top: 10px; color:var(--font-bold); font-size: 18px;line-height:50px;}
.userright .list {font-size: 16px; width:360px;margin:0 auto; padding-bottom:20px;}
.userright .list p{margin-top:10px;}
.userright .list p i{margin-right:8px;}
.userright .list p a{display:block;background:var(--nav-bg);color:var(--nav-color);border-radius:5px;text-align:center;padding:5px 10px;width:100px;}

.usersort {  background:var(--border-list); border-radius:5px;margin-bottom:30px;border:1px solid var(--border); }
.usersort .tit span {display: block; width: 80px; border-top: 1px solid var(--border); padding-left: 20px; padding-top: 10px; color: #000; font-size: 18px;line-height:50px;}
.usersort .list {font-size: 16px; width:360px;margin:0 auto; padding-bottom:20px;}
.usersort .list li { height: 35px; line-height:35px;overflow: hidden; float: left; width: 180px; text-overflow: ellipsis; white-space: nowrap; }
.usersort .list li span { color:var(--font-hover); padding-left: 5px; }

.usershow{}
.usershow .tit{padding:10px 20px;font-size:18px;height:35px;line-height:35px;font-weight:500;border-bottom:1px solid var(--border);padding-bottom:10px;background:var(--border-list);}
.usershow .tit a{margin-right:15px;}
.usershow .tit a.hover{border-bottom:2px solid var(--font-hover);padding-bottom:5px;color:var(--font-hover);}

.usercomment{}
.usercomment .item{padding:20px 35px;margin-bottom:5px;background:var(--border-list);border-radius:5px;}
.usercomment .item .photo{height:32px;line-height:32px;display:flex;align-items:center;}
.usercomment .item .photo img{width:32px;height:32px;border-radius:16px;margin-right:10px;float:left;}
.usercomment .item .photo span{margin-left:20px;}
.usercomment .item .text{margin:15px 0;font-size:16px;}
.usercomment .item .article{height:60px;background:var(--border-bg);padding:10px;border-radius:10px;font-size:14px;overflow:hidden;}
.usercomment .item .article a { display: flex; align-items: center; }
.usercomment .item .article img{width:80px;height:60px;object-fit:cover;float:left;border-radius:10px;margin-right:10px;}
.usercomment .item .hot{height:30px;line-height:30px;text-align:right;margin-top:10px;}
.usercomment .item .hot .commenthot a{ cursor: pointer;font-weight:normal;color:var(--font-span);}
.usercomment .item .hot .commenthot i{margin-right:5px;font-size:18px;}
.usercomment .item .hot .commenthotok a{color:var(--font-hover)}

.useralbum{background:var(--border-list);padding:20px;}
.useralbum .item{float:left;width:230px;text-align:center;padding:5px 5px;}
.useralbum .item .img{width:230px;height:145px;overflow:hidden;border-radius:10px;}
.useralbum .item .img img{width:230px;height:145px;object-fit:cover;}

.userbook{background:var(--border-list);padding:35px;}
.userbook .comminput { width:680px;outline:none; border:1px solid var(--border);padding:10px;border-radius:5px;height:100px;}
.userbook a.btnConfirm{padding:5px 15px;background:var(--nav-bg);border-radius:5px;text-align:center;color:var(--nav-color);font-size:16px;display:block;float:right; cursor:pointer;}
.userbook a.btnConfirm:hover{background:var(--nav-hover);}


/*有边框的表格*/
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;}


/*登录页面*/
.login { width:740px;border-radius:5px;padding:30px 15px;background:var(--border-list);}
.login table { width:500px; margin: 0 auto ;padding-top:50px;border:none;}
.login table td { margin: 10px 0; border:none;}
.login table td input.txt { width:300px; line-height: 35px; border: 1px solid var(--border); text-indent: 10px;border-radius:5px;outline:none;}
.login table td input.code{width:100px;line-height:20px;margin-right:5px;outline:none;}
.login table td .btn { width: 300px;height: 35px; cursor: pointer; background:var(--nav-bg); border: none; border-radius: 5px; color:var(--nav-color); font-size:16px;  }
.login table td .btn:hover { background:var(--nav-hover); }