.product{ padding-top: .25rem; margin: 0 auto; padding-bottom: .98rem; } .product_search{ width: 100%; background-color: #EDEEEE; padding: .22rem .46rem; margin-bottom: .5rem; } .product_search .tit{ font-size: 0.16rem; color: #333333; margin-bottom: .16rem; } .product_search .left input{ width: 10.38rem; height: 0.45rem; line-height: .45rem; background: #fff; font-size: 0.16rem; color: #7D7D7D; padding-left: .19rem; } .product_search .rig{ width: 0.57rem; height: 0.45rem; display: flex; align-items: center; justify-content: center; background-color: #fff; } .product_search .rig img{ width: 0.33rem;height: 0.33rem; } .product_info .title{ width: 100%; border-bottom: 2px #02928E solid; display: flex; margin-bottom: .26rem; } .product_info .title .item{ font-size: 0.16rem; color: #00A19C; width: 1.04rem; height: 0.4rem; line-height: .4rem; text-align: center; margin-bottom: .02rem; cursor: pointer; } .product_info .title .item.act{ color: #fff; background: rgba(0,161,156); } .product_info .list{ display: flex; flex-wrap: wrap; } .product_info .list .item{ width: 2.85rem; /*padding: .2rem;*/ border: 1px solid #E9E9E9; margin-right: .2rem; margin-bottom: .47rem; } .product_info .list .item:nth-of-type(4n){ margin-right: 0; } .product_info .list .item:hover{ box-shadow: 0rem 0.03rem 0.2rem rgba(64,64,64,0.1000); } .product_info .list .item img{ width: 100%; height: 1.63rem; } .product_info .list .item .tit{ font-size: 0.18rem; font-weight: bold; color: #333333; padding-bottom: .16rem; border-bottom: 1px solid #E8E8E8; margin-bottom: .02rem; margin-top: .2rem; } .product_info .list .item .tit:hover{ cursor: pointer; } .product_info .list .item:hover .tit{ color: #00A19C; border-bottom: 1px solid #00A19C; } .product_info .list .item .text{ display: flex; align-items: center; margin-top: .18rem; cursor: default; } .product_info .list .item .text span{ border-bottom: 1px #fff solid; cursor: pointer; } .product_info .list .item .text span:hover { color: #02928E; border-bottom: 1px #02928E solid; } .product_info .list .item .text .dot1{ width: 0.07rem; height: 0.07rem; background: rgba(0,161,156); border-radius: 50%; margin-right: .1rem; } .newproduct { padding-bottom: 1rem; } .newproduct .top{ width: 100%; background-color: #FAFAFA; padding-bottom: .41rem; } .newproduct .top .public_nav{ margin-bottom: .27rem; } .newproduct .top .nav{ display: flex; margin: 0 auto; flex-wrap: wrap; } .newproduct .top .nav .item{ padding-left: 10px; padding-right: 10px; margin-top: 10px; margin-right: 10px; width: auto; height: 0.3rem; line-height: .3rem; text-align: center; border: 1px solid #C4C4C4; border-radius: 0.16rem; /*margin-right: .5rem;*/ font-size: 0.16rem; color: #666666; cursor: pointer; } .newproduct .top .nav .item.active{ border: 1px solid #02928E; color: #02928E; } .newproduct .top .chose{ margin: 0 auto .31rem; display: flex; align-items: center; } .newproduct .top .chose .tit{ font-size: 0.3rem; font-weight: bold; color: #404040; margin-right: 1.21rem; } .newproduct .top .chose .select{ width: 2.09rem; height: 0.38rem; border: 1px solid #DDDDDD; border-radius: 0.06rem; padding: 0 .17rem; appearance: none; -webkit-appearance: none; background: url("../img/product/down.png") no-repeat scroll right center #fff; background-size: 0.15rem 0.15rem; background-origin: content-box; } .newproduct .list{ margin: .66rem auto 0; } .newproduct .list .pub_tit{ margin-bottom: .23rem; } .newproduct .list .pub_tit .left{ display: flex; align-items: center; } .newproduct .list .pub_tit::after{ content: none; } .newproduct .list .item{ width: 100%; height: .4rem; display: flex; align-items: center; padding: 0 .2rem; border-top: 1px #EEEEEE solid; } .newproduct .list a:nth-last-of-type(1) .item{ border-bottom: 1px #EEEEEE solid; } .newproduct .list .item span{ width: 100px; font-size: 0.2rem; color: #00A19C; margin-right: 1.08rem; } .newproduct .list .item p{ font-size: 0.16rem; color: #666666; width: 100%;/*瀹氫箟鍧楀厓绱犵殑瀹藉害*/ white-space: nowrap;/*鍐呭瓒呭鍚庣姝㈡崲琛屾樉绀?/ overflow: hidden;/*瓒呭嚭閮ㄥ垎闅愯棌*/ text-overflow:ellipsis;/*鏂囧瓧瓒呭嚭閮ㄥ垎浠ョ渷鐣ュ彿鏄剧ず*/ } .newproduct .pub_tit{ display: flex; align-items: center; } .newproduct .pub_tit .line{ width: 0.05rem; height: 0.35rem; background: rgba(0,161,156); border-radius: 0.06rem; margin-right: .15rem; } .newproduct .pub_tit span{ font-size: 0.3rem; color: #000000; } .product_search_list{ margin-top: -.2rem; margin-bottom: .89rem; } .product_search_list .title{ font-size: 0.18rem; font-weight: 400; color: #333333; margin-bottom: .1rem; } .product_search_list .title b{ font-weight: 400; color: #00A19C; font-size: 0.18rem; } .product_search_list .item{ width: 100%; padding: .2rem 0; border-bottom: 1px solid #EEEEEE; } .product_search_list .item .tit{ font-size: 0.14rem; color: #333333; } .product_search_list .item .name{ font-size: 0.14rem; color: #00A19C; margin: .1rem 0; } .product_search_list .item .text{ font-size: 0.14rem; color: #666666; } .product_dc{ margin: 0 auto; } .product_dc .pub_tit1{ display: flex; align-items: center; } .product_dc .pub_tit1 .line{ width: 0.05rem; height: 0.35rem; background: rgba(0,161,156); border-radius: 0.06rem; margin-right: .15rem; } .product_dc .pub_tit1 span{ font-size: 0.3rem; color: #000000; } .newproduct .top .nav .item.active { border-color: #02928E; } /*绉诲姩绔牱寮 */ @media all and (max-width: 1024px) { .product-center { padding-top: 0; } .product_search .tit { font-size: 14px; } .product_search .left { width: 100%; } .product_search .left input { width: 100%; height: 30px; font-size: 14px; } .product_search .rig { height: 30px; } /*鍒楄〃*/ .product_info .title { padding: 0 15px; } .product_info .title .item{ width: 80px; height: 30px; line-height: 30px; font-size: 14px; } .product_info .list { padding: 15px; justify-content: space-between; } .product_info .list .item { width: 100%; margin: 0; margin-bottom: 15px; width: 48%; } .product_info .list .item img { height: 60vw; height: 120px; } .product_info .list .item .tit { font-size: 14px; } .product_info .list .item .text span { font-size: 12px; font-size: 14px; } /*鏂板搧 寮€濮?/ .newproduct { margin-bottom: 25px; } .newproduct { padding: 15px; } .newproduct .top { padding: 15px 10px; } .newproduct .top .chose .select { height: 30px; } .newproduct .top .nav .item { min-width: 60px; height: 25px; line-height: 25px; font-size: 12px; } .newproduct .list .item span { font-size: 12px; } .newproduct .list .item p { font-size: 12px; } .product-new-list .item{ height: auto !important; padding: 7px!important ; } .newproduct .list .item span { margin-right: 15px; } /*鏂板搧 缁撴潫*/ /*鎼滅储缁撴灉 寮€濮?/ .product_search_list .title { font-size: 14px; text-align: center; } .product_search_list .title b { font-size: 14px; } .product_search_list { padding: 15px; } .product_search_list .item .text { font-size: 12px; line-height: 1.5; -webkit-line-clamp:2; } .product_search_list .item .name { font-size: 14px; } /*鎼滅储缁撴灉 缁撴潫*/ }