h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,body,ul,li,hr{ padding:0; margin:0; } li{ list-style: none; } .clear:after{ display: block; content: ''; clear: both; } a:hover{ text-decoration: none; } .c-f{ margin: 28px 0; } .product-nav .col-xs-12{ padding-right: 0 !important; padding-left: 0 !important; } .product-nav .fication{ background: #f4f4f4; height: 56px; } .product-nav .fication:nth-child(2){ margin-top: 1px; padding-right:28px; position: relative; overflow: hidden; } .product-nav ul.fication:nth-child(2) span{ width:20px; height: 20px; cursor: pointer; position: absolute; right:10px; top:18px; background: url('../images/c-down.png') no-repeat center; background-size: contain; } .product-nav ul.fication li{ line-height: 56px; margin-left: 20px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; /*限制在一个块元素显示的文本的行数*/ -webkit-box-orient: vertical; overflow: hidden4px; float: left; color:#a8a8a8; } .product-nav ul.fication li a{ color: #a8a8a8; font-size: 14px; } .product-nav ul.fication li a:hover{ color:#000; } .dropdown{ margin-top: 30px; color:#a8a8a8; font-size: 14px; } .pro-list{ margin:20px 0; } .btn-default{ border-color:transparent !important; color:#a8a8a8; font-size: 14px; } /* 列表 */ .c-img{ width:100%; height:220px; } .c-img-box:hover .c-cover{ display: block; } .c-cover{ display: none; position: absolute; width:276px; height: 220px; background: url('../images/data/cover.jpg') no-repeat center; background-size: cover; transition: all .5s; cursor: pointer; } .c-cover:hover{ display: block; } .c-img-box{ padding:8px; position: relative; } .c-list{ border:1px solid #ccc; border-radius: 4px; margin-bottom: 36px; } .c-list-box{ padding-right: 20px; } .c-list-box h4 a{ color:#4d4d4d; } .c-list-box h4{ margin: 20px 0px; font-size: 16px; font-weight: 600; } .c-list-box .c-info span{ display: inline-block; width: 25px; height: 15px; background-size: contain; } .c-list-box .c-author{ background: url('../images/c-author.png') no-repeat center; } .c-list-box .c-click{ background: url('../images/c-click.png') no-repeat center; } .c-list-box .c-time{ background: url('../images/c-time.png') no-repeat center; } .c-list-box .c-info { color: #a6a6a6; font-size: 12px; } .c-list-box .c-info i{ margin: 0 5px 0 5px; } .c-list-box p.c-info{ margin-bottom: 25px; } .c-list-box .c-con{ line-height: 18px; padding-bottom: 14px; border-bottom: 1px dashed #ccc; word-break: break-all; display: -webkit-box; /*-webkit-line-clamp: 2; !*限制在一个块元素显示的文本的行数*!*/ -webkit-box-orient: vertical; } .c-left{ float: left; line-height: 48px; font-size: 12px; color:#a6a6a6; line-height: 68px; } .c-left a{ display: inline-block; width: 40px; height: 12px; background: url('../images/c-downloads.png') no-repeat center; background-size: contain; } .c-left em{ font-style: normal; } .c-right{ float: right; width: 108px; border:1px solid #309fc9; line-height: 32px; text-align: center; font-size: 12px; margin-top:20px; color:#309fc9; } .c-right:hover{ background: #309fc9; color:#fff; } #pagination a{ color:#525252; } #pagination a:hover{ color:#d31919; } #pagination ul{ width:496px; margin: 0 auto; font-size: 14px; color:#525252; padding-top: 15px; } #pagination ul li{ float:left; margin:0 8px; } ul.thumb li.items{ width:23%; overflow: hidden; border:1px solid #ccc; border-radius: 5px; margin: 5px 5px; } ul.thumb li.items h4{ margin-top: 5px; } .pagenavi{ text-align: center; }