﻿
@import url('topbottom.css');

.topsort { font-size: 12px; width: 1200px; overflow: hidden; margin: 0 auto; background: #dcdcdc; margin-top: 10px; border-radius: 5px 5px 5px 5px; }
.topsort .sorts { color: #666; 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:#e60e17;}


/*内页定位*/
.location{width:100%;clear:both;height:40px;line-height:40px;margin:10px 0px;}
.location i{margin:0 10px;}



.inside { width: 1200px; margin: 0 auto; }
.inside .sideleft { width: 770px; margin-right:30px; float: left }
.inside .sideright { width: 400px; float: right; }


.error { width:740px;border-radius:10px;padding:15px 15px;background:#fff;}
.error p{margin:20px;text-align:center;color:#ff2800;}


/*--列表--*/

.sort { width:740px;border-radius:10px;padding:15px 15px;background:#fff;}

.sort .item{border-bottom:1px #dcdcdc solid;margin:10px 20px; padding-bottom:10px;width:700px;overflow:hidden;}

.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;object-position:top;}
.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 .user { line-height: 30px; height: 30px; overflow: hidden; margin-top: 5px; color:#9195a3;font-size:13px;}
.sort .item .lotphoto .user i { line-height: 30px; margin: 0 5px 0 15px; }
.sort .item .lotphoto .date { float: right; color: #ff2800; }

.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; object-position:top;}
.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;}
.sort .item .photo .text .user { line-height: 30px; height: 30px; overflow: hidden; color:#9195a3;font-size:13px;}
.sort .item .photo .text .user i { line-height: 30px; margin: 0 5px 0 15px; }
.sort .item .photo .text .date { float: right; color: #ff2800; }

.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:#9195a3;font-size:13px;}
.sort .item .nophoto .user i { line-height: 30px; margin: 0 5px 0 15px; }
.sort .item .nophoto .date { float: right; color: #ff2800; }


/*--右边新闻热榜*/
.topnews { background: #fff; border-radius:10px;border:1px #dcdcdc solid;margin-bottom:30px;}
.topnews .tit{padding:10px 15px;background:#dcdcdc;border-top-left-radius:10px;border-top-right-radius:10px;}
.topnews .tit span { border-left: 3px solid #e60e17; color: #e60e17; 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: #fff; border-radius:10px;margin-bottom:30px;}
.randphoto .tit{padding:20px 15px;}
.randphoto .tit a { border-left: 3px solid #e60e17; color:#e60e17; 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; }



/*--详情页--*/

.show { padding: 20px 30px; background: #ffffff; border-radius:10px;}
.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 #e9e9e9; padding-bottom: 10px;color:#9195a3; }
.show .from i{margin-left:20px;}
.show .from span{background:#dcdcdc;padding:0px 5px;font-size:14px;color:#666;}
.show .from a{color:#607fa6;margin-left:10px;}

.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:600px; clear: both; display: block; margin:0 auto; border-radius:10px;}

.show .look{margin:30px 0px;}
.show .look span{color:#9195a3;}
.show .look span a{color:#607fa6;margin-right:10px;}

/*分享插件*/
.sharelist { float: right; width: 180px; }
.sharelist .text { width: 60px; float: left; }

.show .copyright{text-align:justify;color:#666;margin:20px 0px;background:#f5f5f5;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 #dcdcdc solid;padding-bottom:10px;}
.randlike .tit a { color:#e60e17; }


/*猜你喜欢*/
.randnews { margin-top: 20px; }
.randnews .tit { font-size: 16px; height: 40px; line-height: 40px; color: #f30; padding-top: 10px; border-bottom: 2px solid #009b4c; }
.randnews .list { background: #ffffff; }
.randnews .list li { float: left; width: 230px; height: 210px; padding: 20px; overflow: hidden; }
.randnews .list li .pic { width: 230px; height: 160px; overflow: hidden; }
.randnews .list li .pic img { width: 230px; }
.randnews .list li .name { height: 50px; overflow: hidden; }



.cityabout{margin-top:30px;}

.about{margin-bottom:30px;border:1px #f5f5f5 solid; border-radius:10px;background:#fff;padding:15px;height:310px;overflow:hidden;}
.about .tit{font-size:18px;line-height:35px;margin-bottom:10px;border-bottom:1px #dcdcdc solid;padding-bottom:10px;}
.about .tit a{color:#e60e17;}

.about .list{}
.about .item{float:left;width:232px;text-align:center;margin:15px 0px;}
.about .item .img{width:200px;height:180px;overflow:hidden;border-radius:5px;margin:0 auto;}
.about .item .img img{width:200px;height:180px;object-fit:cover;object-position:top;}
.about .item p{height:35px;line-height:35px;overflow:hidden;padding:10px 16px;}



/*有边框的表格*/
table{ border:1px #ebebeb solid;border-collapse: collapse;}
table tr th {   border: 1px solid #ebebeb;}
table tr td {   border: 1px solid #ebebeb;padding:10px;}

