|
|
@@ -19,7 +19,7 @@
|
|
|
.section_page .section_page_main.type_08{height:268px}
|
|
|
.section_page .recommendBox-wrapperHot {overflow: visible !important;}
|
|
|
.section_page .section_page_main.type_03{height:704px}
|
|
|
-.section_page .page_main_item{width:164px;height:268px;float:left;margin-right:16px;margin-bottom:16px;background-color:#FFFFFF;transition:all 0.4s;display:block;position: relative;}
|
|
|
+.section_page .page_main_item{width:164px;height:268px;float:left;margin-right:16px;margin-bottom:16px;background-color:#FFFFFF;transition:all 0.4s;display:block;position: relative;overflow: hidden;}
|
|
|
.section_page .page_main_item.hot{width:164px;height:268px;float:left;margin-right:10px;margin-bottom:16px;background-color:#FFFFFF;transition:all 0.4s;display:block;position: relative;}
|
|
|
.section_page .page_main_item.default{cursor:default}
|
|
|
.section_page .page_main_item.ad_04{border-radius:2px}
|
|
|
@@ -31,7 +31,8 @@
|
|
|
.section_page_main.section_3 .page_main_item.ad_01,.section_page_main.section_4 .page_main_item.ad_01,.section_page_main.section_5 .page_main_item.ad_01,.section_page_main.section_6 .page_main_item.ad_01{width:884px;height:120px}
|
|
|
.section_page_main.section_1 .page_main_item.ad_01,.section_page_main.section_2 .page_main_item.ad_01,.section_page_main.section_3 .page_main_item.ad_02,.section_page_main.section_4 .page_main_item.ad_02{width:524px}
|
|
|
.section_page_main.section_2 .page_main_item.ad_02,.section_page_main.section_4 .page_main_item.ad_03{width:344px}
|
|
|
-.section_page .page_main_item_adv{width:100%;height:100%;display:block}
|
|
|
+.section_page .page_main_item_adv{width:100%;height:100%;display:block;transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;}
|
|
|
+.section_page .page_main_item_adv:hover{ transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1); }
|
|
|
.section_page .page_main_image{width:164px;height:164px;display:block;float:left;border-radius:2px 2px 0 0}
|
|
|
.section_page .page_main_type{width: 34px;height: 34px;text-align: justify;box-sizing: border-box;padding: 5px;border-radius: 0 0 8px 8px;background-color: #33CCBF;font-size: 12px;color: #FFFFFF;line-height: 13px;position: absolute;top: 0;right: 10px;}
|
|
|
.section_page .page_main_text{width:100%;height:42px;float:left;box-sizing:border-box;margin-top:10px;padding:0 8px;white-space:normal;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:21px}
|
|
|
@@ -79,7 +80,7 @@
|
|
|
.section_page .section_page_more .more:hover .icon:before{background-position:-153px 7px}
|
|
|
/* 底部供应商 */
|
|
|
.section_page .section_page_bottom{width:100%;float:left;height:auto}
|
|
|
-.section_page .page_main_li{width:134px;height:166px;float:left;margin-right:16px;margin-bottom:16px;background-color:#FFFFFF;transition:all 0.4s;display:block}
|
|
|
+.section_page .page_main_li{width:134px;height:166px;float:left;margin-right:16px;margin-bottom:16px;background-color:#FFFFFF;transition:all 0.4s;display:block;overflow: hidden;}
|
|
|
.section_page .page_main_li.ad_01{width:884px;height:184px}
|
|
|
.section_page .page_main_li.ad_02:hover{transform:translateY(-5px);box-shadow:0 8px 8px rgba(102,102,102,0.05),0 10px 10px rgba(102,102,102,0.05),0 12px 12px rgba(102,102,102,0.05)}
|
|
|
.section_page .page_main_li.ad_02:hover .page_main_name{color:#FF5B00;font-weight:bold}
|
