.content{ padding-bottom: 20px; } .list-content{ width: 1400px; margin: 24px auto 0; } .list-content-l{ width: 1050px; float: left; } .list-l-sort{ width: 100%; box-sizing: border-box; padding: 12px; background-color: #f9f9f9; overflow: hidden; } .list-l-sort>a{ display: block; float: left; height: 30px; padding: 0 15px; border-radius: 15px; background-color: #ff0000; font-size: 18px; line-height: 30px; color: #fff; } .list-l-sort>a img{ vertical-align: baseline; margin-right: 5px; } .list-l-sort>ul{ float: left; margin-left: 20px; overflow: hidden; } .list-l-sort>ul li{ float: left; } .list-l-sort>ul a{ display: block; height: 30px; padding: 0 16px; border-radius: 15px; font-size: 18px; line-height: 30px; color: #333333; } .list-l-sort>ul a:hover{ color: #d70909; } .list-l-sort .list-l-sort-opt a:hover{ color: #fff; } .list-l-sort .list-l-sort-opt a{ background-color: #ff0000; color: #fff; } .list{ margin-top: 8px; } .list li{ padding-top: 10px; } .list a{ display: flex; box-sizing: border-box; padding: 15px 20px 15px 10px; background-color: #f9f9f9; transition: all .3s; } .list-rq{ width: 82px; height: 82px; box-sizing: border-box; background-color: #fff; } .list-rq div{ width: 74px; height: 74px; box-sizing: border-box; border: 1px solid #ddd; margin: 4px; } .list-rq div span{ display: block; font-size: 32px; font-weight: bold; color: #ddd; line-height: 1; text-align: center; margin-top: 10px; } .list-rq div p{ font-size: 14px; line-height: 1; color: #ddd; text-align: center; margin-top: 6px; } .list-txt{ flex: 1; margin-left: 24px; overflow: hidden; } .list-txt h2{ font-size: 24px; line-height: 1; color: #333; } .list a:hover{ box-shadow: 0 4px 10px rgba(0,0,0,.15); } .list a:hover .list-txt h2{ color: #d70909; } .list-txt p{ font-size: 16px; line-height: 30px; color: #666; margin: 13px 0 -7px; } .list-txt em{ display: block; margin-top: 15px; overflow: hidden; } .list-txt em b{ display: block; float: right; font-size: 14px; font-weight: normal; line-height: 1; color: #999; padding-left: 22px; background: left center no-repeat; } /* 分页 */ .pagination { margin: 0 auto; padding-top: 30px; } .pagination ul { /* width: 100%; */ display: flex; justify-content: center; margin: 0 auto; } .pagination ul li { margin: 0 3px; } .pagination ul li span { display: block; width: 34px; font-size: 14px; color: #666; height: 34px; text-align: center; line-height: 32px; border: 1px solid #ddd; background-color: #fff; box-sizing: border-box; } .pagination ul .disabled span{ color: #999; background-color: #f5f5f5; } .pagination ul .end span{ width: auto !important; padding: 0 10px; } .pagination ul li span.clecked { background: #e80909; border-color: #e80909; color: #fff; } .pagination-p{ font-size: 14px; line-height: 34px; color: #666; } .pagination ul .pagination-input{ margin-left: 60px; } .pagination-input p{ font-size: 14px; line-height: 34px; color: #666; } .pagination-input p input{ width: 48px; height: 34px; box-sizing: border-box; border: 1px solid #ddd; vertical-align: bottom; text-align: center; margin: 0 6px; } .pagination-input p button{ width: 60px; height: 34px; background-color: #e80909; line-height: 34px; color: #fff; text-align: center; line-height: 34px; margin-left: 10px; } .list-content-r{ width: 330px; float: right; } .list-r{ width: 100%; box-sizing: border-box; padding: 15px 20px 10px 10px; border: 1px solid #f5f5f5; } .list-r:nth-child(n 2){ margin-top: 10px; } .list-r h2{ font-size: 18px; line-height: 1; color: #333; padding-bottom: 12px; border-bottom: 1px solid #f5f5f5; } .list-r h2 span{ display: inline-block; width: 3px; height: 18px; margin-right: 6px; background-color: #e80909; vertical-align: bottom; } .list-r ul{ padding-top: 9px; } .list-r ul a{ display: flex; align-items: center; padding: 9px 0; } .list-r ul a p{ font-size: 16px; line-height: 1; color: #666; overflow: hidden; padding: 0 10px 0 0; flex: 1; } .list-r ul a p span{ font-weight: bold; color: #ddd; } .list-r .list-r-hot a p{ box-sizing: border-box; padding-left: 22px; background: left center no-repeat; } .list-r ul a em{ display: block; font-size: 14px; line-height: 1; color: #999; } .list-r ul a:hover p{ color: #d70909; } .list-rdht{ width: 1400px; margin: 30px auto 0; box-sizing: border-box; padding: 15px; border: 1px solid #f5f5f5; } .list-rdht h2{ display: flex; align-items: center; font-size: 18px; line-height: 1; color: #d70909; box-sizing: border-box; padding-left: 25px; background: left center no-repeat; } .list-rdht h2 img{ display: block; margin-right: 8px; } .list-rdht h2 span{ margin-left: 10px; height: 12px; flex: 1; background: center; } .list-rdht ul{ margin-top: 14px; overflow: hidden; } .list-rdht ul li{ float: left; width: 25%; box-sizing: border-box; padding-right: 40px; } .list-rdht ul li:nth-child(4n){ padding-right: 0; } .list-rdht ul li a{ display: block; width: 100%; padding: 8px 0; font-size: 14px; line-height: 1; color: #666; } .list-rdht ul li a:hover{ color: #d70909; } /* list 友情链接 */ .list-yqlj{ width: 1400px; box-sizing: border-box; padding: 10px 10px 30px; border: 1px solid #f1f1f1; border-radius: 5px; margin: 20px auto 0; } .list-yqlj .yqlj-h2{ display: flex; justify-content: space-between; align-items: end; border-bottom: 1px solid #f1f1f1; } .list-yqlj h2{ font-size: 18px; line-height: 1; color: #666; padding-bottom: 12px; } .list-yqlj p{ font-size: 14px; line-height: 1; color: #666; padding-bottom: 12px; margin-left: 20px; } .list-yqlj ul{ overflow: hidden; margin-top: 14px; } .list-yqlj ul li{ float: left; padding-top: 12px; margin-right: 25px; } .list-yqlj ul li a{ font-size: 14px; line-height: 1; color: #666; } .list-yqlj ul li a:hover{ color: #d70909; }