/* 推荐样式 */ .product-Recommend { position: relative; width: 1040px; margin: 40px auto; } .product-Recommend .hot-product { width:100%; text-align: center; border-width: 1px; border-collapse: separate; border-spacing: 0 5px; } @media(max-width: 1040px) { .product-Recommend { width: 100%; } } .product-Recommend .hot-product tbody .showImg{ position: absolute; display: none; top: 35px; left: 170px; width: 870px; height: 390px; box-sizing: border-box; border:2px solid ; } .product-Recommend .hot-product .green .showImg{ border-color:#216643; } .product-Recommend .hot-product .violet .showImg{ border-color:#38358c; } .product-Recommend .hot-product .red .showImg{ border-color:#930000; } .product-Recommend .hot-product caption { font-size: 26px; font-weight: bold; margin-bottom: 10px; } .product-Recommend .showBtn:hover a{ color: #f00!important; } .product-Recommend .hot-product thead tr { height: 60px; } .product-Recommend .hot-product body tr { height: 50px; } .product-Recommend .hot-product thead tr th { font-size: 16px; font-weight: bold; padding:0 10px; text-align:center; vertical-align:middle; color: #fff; white-space: nowrap; } /* .product-Recommend .hot-product thead tr th:nth-child(n+2) { border-left: 1px solid #797979; } */ .product-Recommend .hot-product tr { border-collapse: collapse ; border: 1px solid #797979; margin-top: 10px; } .product-Recommend .hot-product tr td { padding:0 10px; height: 50px; } .product-Recommend .tr-green /* .product-Recommend .table-btn .green */ { background: -webkit-linear-gradient(top, #309261 0%,#000300 100%) ; background: -o-linear-gradient(top, #309261 0%,#000300 100%) ; background: -ms-linear-gradient(top, #309261 0%,#000300 100%) ; } .product-Recommend .tr-red /* .product-Recommend .table-btn .red */ { background: -webkit-linear-gradient(top, #960000 0%,#280202 100%) ; background: -o-linear-gradient(top, #960000 0%,#280202 100%) ; background: -ms-linear-gradient(top, #960000 0%,#280202 100%) ; } .product-Recommend .tr-Violet /* .product-Recommend .table-btn .violet */ { background: -webkit-linear-gradient(top, #3b38a4 0%,#2d2d2d 100%) ; background: -o-linear-gradient(top, #3b38a4 0%,#2d2d2d 100%) ; background: -ms-linear-gradient(top, #3b38a4 0%,#2d2d2d 100%) ; } .product-Recommend .hot-product tr td span, .product-Recommend .hot-product tr td a{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .product-Recommend .hot-product tr td:nth-child(odd) { background-color: #e4e4e4; } .product-Recommend .hot-product tr td:nth-child(even) { background-color: #cccccc; } .product-Recommend .table-btn { display: flex; text-align: center; justify-content: center; margin-top:10px; } .product-Recommend .table-btn a { display: inline-block; width: 150px; height: 40px; line-height: 40px; font-size:16px; /* font-weight: bold; */ color: #333; border-radius: 5px; } .product-Recommend .table-btn .green a { background-color: #e7fcea; border: 1px solid #99fba8; } .product-Recommend .table-btn .green a:hover { background: -webkit-linear-gradient(top, #309261 0%,#000300 100%) ; background: -o-linear-gradient(top, #309261 0%,#000300 100%) ; background: -ms-linear-gradient(top, #309261 0%,#000300 100%) ; font-weight: bold; color: yellow; } .product-Recommend .table-btn .violet a { background-color: #e7f7fe; border: 1px solid #c0c0fe; } .product-Recommend .table-btn .violet a:hover { background: -webkit-linear-gradient(top, #3b38a4 0%,#2d2d2d 100%) ; background: -o-linear-gradient(top, #3b38a4 0%,#2d2d2d 100%) ; background: -ms-linear-gradient(top, #3b38a4 0%,#2d2d2d 100%) ; font-weight: bold; color: yellow; } .product-Recommend .table-btn .red a { background-color: #fdf4f4; border: 1px solid #fec5be; } .product-Recommend .table-btn .red a:hover { background: -webkit-linear-gradient(top, #960000 0%,#280202 100%) ; background: -o-linear-gradient(top, #960000 0%,#280202 100%) ; background: -ms-linear-gradient(top, #960000 0%,#280202 100%) ; font-weight: bold; color: yellow; } .product-Recommend .table-btn a:nth-child(n+2){ margin-left:50px; } /* 需求商机 */ .product-Recommend .tr-dark { background: -webkit-linear-gradient(top, #656565 0%,#010101 100%) ; background: -o-linear-gradient(top, #656565 0%,#010101 100%) ; background: -ms-linear-gradient(top, #656565 0%,#010101 100%) ; } .product-Recommend .tr-dark th:first-child { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .product-Recommend .tr-dark th:last-child { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .product-Recommend .table-btn .btn-img.dark a { width: 148px; height: 40px; line-height: 40px; margin-top:10px; background: #fdf2db ; font-size: 16px; border: 1px solid #ffcc00; font-weight: bold; color:#333; } .product-Recommend .hot-product.Pale{ background-color:#fdf2db; padding:5px 10px; border-radius: 5px; } .product-Recommend .hot-product.Pale .caption{ text-align: center; color: #ff6633; background-color: #fdf2db; padding-top: 15px; border-top-left-radius:5px; border-top-right-radius:5px; } .product-Recommend .hot-product.Pale thead tr th{ font-size:15px; color:#ffcc33; border:0; } .product-Recommend .hot-product.Pale tr td:nth-child(n+2) { border-left:2px solid #fdf2db; } .product-Recommend .hot-product.Pale tr:nth-child(odd) td { background-color:#fdf2db; font-size:14px; } .product-Recommend .hot-product.Pale tr:nth-child(even) td { background-color: #d3edd7; font-size:14px; } /* 图片推荐 */ .wrap .home-daohang{ margin-top:-10px; margin-left: -20px; margin-right: -10px; height:85px; background:url(../images/daohang.png); background-size:100%; background-repeat: no-repeat; } .wrap .page-top{ position:relative; } .page-top-img{ position:absolute; top:0; left:0; height:100%; z-index:10; } .page-top-img img{ width:100%; height:100%; } .page-top-ico{ position: absolute; right: 0; top: 0; font-size: 22px; padding: 5px 10px; background-color: #020427; color: #c9c9c9; cursor: pointer; } .page-top-img-btn{ position: absolute; right: 6.9%; bottom: 7%; width:145px; height:35px; cursor: pointer; border-radius: 20px; } /* 文章推荐样式 */ .articles-list-box { min-width: 800px; height: 355px; margin: 50px 0; padding: 21px 10px 14px 10px; background-color: #d7d7d7; color: #fff; } .articles-list-box .articles-list { display: flex; position: relative; height: 348px; border-radius: 5px; padding: 0 15px 0 13px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34901961); color: #E4E4E4; } .articles-list-box .articles-list::after { position: absolute; content: ''; top: 49px; left: 13px; width: 97.7%; height: 2px; background-color: #70c270; } .articles-list-box .articles-list .articles-item { flex: 1; overflow: hidden; } .articles-list-box .articles-list .articles-item .articles-title { overflow: hidden; white-space: nowrap; height: 49px; color: #fff; } .articles-list-box .articles-list .articles-item .articles-title .more { display: inline-block; width: 36.5%; font-size: 18px; margin: 20px 25px 0; cursor: pointer; color: #fff; } .hot-market .articles-item .articles-title .more, .business-opportunities .articles-item .articles-title .more{ visibility: hidden; } .articles-list-box .articles-list .articles-item .articles-title .recommend { display: inline-block; width: 51%; font-size: 20px; margin-top: 17px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; } .articles-list-box .articles-list .articles-item .articles-content { display: flex; justify-content: space-between; margin: 20px; } .articles-list-box .articles-list .articles-item .articles-content .images { flex: 1.61; height: 256px; border: 1px solid #797979; box-sizing: border-box; overflow: hidden; } .articles-list-box .articles-list .articles-item .articles-content .images img { width: 100%; height: 100%; } .articles-list-box .articles-list .articles-item .articles-content .title { flex: 2.5; overflow: hidden; } .articles-list-box .articles-list .articles-item .articles-content .title li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 40px; } .articles-list-box .articles-list .articles-item .articles-content .title li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .articles-list-box .articles-list .articles-item.left li{ text-indent: 20px; } .articles-list-box .articles-list .articles-item .articles-content .title li:nth-child(4) { margin-top: 22px; } .articles-list-box .articles-list .articles-item .articles-content .title li a { color: #fff; font-size: 16px; } .articles-list-box .articles-list .articles-item .articles-content .title li a:hover { font-weight: bold; color: #ffff66; } .articles-list-box .articles-list .articles-item.right .articles-title { text-align: right; } .articles-list-box .articles-list .articles-item .articles-title .more:hover { font-weight: bold; color: #ffff66; } .articles-list-box .articles-list.market-analysis { background: -webkit-linear-gradient(top, #204d24 0%, #000100 100%); background: -o-linear-gradient(top, #204d24 0%, #000100 100%); background: -ms-linear-gradient(top, #204d24 0%, #000100 100%); } .articles-list-box .articles-list.hot-market { background: -webkit-linear-gradient(top, #231c53 0%, #000100 100%); background: -o-linear-gradient(top, #231c53 0%, #000100 100%); background: -ms-linear-gradient(top, #231c53 0%, #000100 100%); } .articles-list-box .articles-list.business-opportunities { background: -webkit-linear-gradient(top, #341735 0%, #000100 100%); background: -o-linear-gradient(top, #341735 0%, #000100 100%); background: -ms-linear-gradient(top, #341735 0%, #000100 100%); } .articles-list-box .articles-list.hot-market::after { background-color: #7371c8; } .articles-list-box .articles-list.business-opportunities::after { background-color: #ff6666; } /* 提交需求提示 */ .explain{ padding:15px 20px; min-height: 230px; } .explain ol{ margin-top: 20px; } .explain ol li{ margin-top: 10px; color: #666; } .c-yellow{ color:#ff0; font-size: 16px; }