* { padding: 0; margin: 0; } .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; font-size: 0; line-height: 0; content: "" } .goods_20210929 { width: 100%; } .goods_20210929 .uls { width: 1200px; } .goods_20210929 .uls .goods-lis { float: left; width: 296px; height: 392px; margin-right: 5px; background-color: #fff; } .goods_20210929 .uls .goods-lis:nth-child(4n) { margin-right: 0; } .goods_20210929 .uls .goods-lis:hover { -moz-box-shadow: 0 0 10px #e5e5e5; -webkit-box-shadow:0 0 10px #e5e5e5; box-shadow:0 0 10px #e5e5e5; transition: all .2s; } .goods_20210929 .uls .goods-lis .pro-lis-link { display: block; } .goods_20210929 .uls .goods-lis .pro-lis-link .box_img { width: 190px; height: 190px; padding-top: 30px; margin: 0 auto; } .goods_20210929 .uls .goods-lis .pro-lis-link .box_img .pro-list-image { width: 190px; height: 190px; } .goods_20210929 .uls .goods-lis .pro-lis-link .names { height: 29px; font-size: 20px; padding: 0 20px; color: #252525; text-align: center; font-weight: bold; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align: center; margin-top: 30px; } .goods_20210929 .uls .goods-lis .pro-lis-link .pro-desc { height: 36px; opacity: .6; font-size: 12px; color: #5f5f5f; text-align: center; line-height: 18px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 13px auto 13px; padding: 0 49px; } .goods_20210929 .uls .goods-lis .pro-lis-link .price { height: 18px; font-size: 20px; color: #252525; text-align: center; line-height: 18px; font-weight: 400; } @media screen and (min-width: 1700px) { .goods_20210929 .uls { width: 1600px; } .goods_20210929 .uls .goods-lis { width: 392px; margin-right: 10px; } }
.tab_navTop .ulTop .tab_item:hover p { color: #000; } .tab_navTop .activty p { font-size: 20px; color: #000; font-weight: bold; } .tab_navTop .main-tab-active-line { display: none; } .tab_navTop .ulTop .tab_item:hover .main-tab-active-line { display: inline-block; width: 100px; height: 3px; background-color: #e1140a; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } .tab_navTop .activty .main-tab-active-line { display: inline-block; width: 100px; height: 3px; background-color: #e1140a; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } .tab_content { width: 1200px; height: 540px; margin: 0 auto; display: none; } .content_tab { background: #f7f7f7; } .content_tab .tab_item { float: left; width: 25%; height: 140px; text-align: center; background: #f7f7f7; } .content_tab .tab_item>p { margin-top: 12px; color: #666; } .content_tab .tab_item img { width: 44px; height: 44px; margin-top: 32px; } .content_tab .tab_item p { margin-top: 5px; color: #707070; } .content_tab .tab_item .img2 { display: none; } .content_tab .tab_item:hover .img2 { display: inline; } .content_tab .tab_item:hover .img1 { display: none; } .content_tab .tab_item:hover p { color: #000 } .content_tab .activty { color: #000 } .content_tab .activty p { color: #000; } .content_tab .activty .img2 { display: inline; } .content_tab .activty .img1 { display: none; } .content_chren { display: none; } .show_href { display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; } .ulTop .activty:hover .show_href { display: block; } .tab_navTop .ulTop { overflow: hidden; width: 1200px; height: 72px; margin: 0 auto; } .tab_navTop .ulTop .tab_item { float: left; width: 25%; text-align: center; line-height: 72px; box-sizing: border-box; height: 72px; font-size: 20px; color: #454545; font-weight: bold; cursor: pointer; position: relative; } @media screen and (min-width: 1700px) { .tab_navTop .ulTop { width: 1600px; } .tab_content { width: 1600px; } }