.main{ width: 980px; height: 450px; /* background-color: pink; */ margin-left: 220px; margin-top: 10px; } .focus{ float: left; width: 721px; height: 455px; /* background-color: blue; */ } .newsflash{ float: right; width: 250px; height: 455px; /* background-color: yellow; */ } .news{ height: 165px; border: 1px solid #e4e4e4; } .news_hd{ height: 33px; line-height: 33px; border-bottom: 1px dotted #e4e4e4; padding: 0 15px; } .news_hd h5{ float: left; font-size: 14px; } .news_hd .more{ float: right; } .news_hd .more::after{ font-family: 'icomoon'; content: "\e920"; } .news_bd{ padding: 5px 15px 0; } .news_bd ul li { height: 24px; line-height: 24px; /* 超出的文字隐藏的写法 */ overflow: hidden; white-space: normal; text-overflow: ellipsis; } .lifesevice{ overflow: hidden; height: 209px; border: 1px solid #e4e4e4; border-top: 0; } .lifesevice ul{ width: 252px; } .lifesevice ul li{ text-align: center; float: left; width: 63px; height: 73px; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } .lifesevice ul li i{ display: inline-block; width: 24px; height: 28px; background-color: pink; margin-top: 12px; background: url(../images/icons.png) no-repeat -19px -15px; } .bargain{ margin-top: 5px; } /* 推荐模块开始 */ .recom{ height: 163px; background-color: #ebebeb; margin-top: 12px; } .recom_hd{ float: left; width: 205px; height: 163px; background-color: #5c5251; text-align: center; padding-top: 30px; font-size: 20px; color: #fff; } .recom_hd p{ margin-top: 10px; } .recom_bd{ float: left; } .recom_bd ul li{ position: relative; float: left; } .recom_bd ul li img{ width: 248px; height: 163px; } .recom_bd ul li:nth-child(-n+3):after{ content: ""; position: absolute; right: 0; top: 10px; width: 1px; height: 145px; background-color: #ddd; } /* 楼层区开始了 */ .box_hd{ height: 30px; border-bottom: 2px solid #c81623; } .box_hd h3{ float: left; font-size: 18px; color: #c81623; font-weight: 400; } .tab_list { float: right; line-height: 30px; } .tab_list ul li{ float: left; } .tab_list ul li a{ margin: 0 15px; } .floor .w{ margin-top: 30px; } .box_bd{ height: 361px; background-color: pink; } .tab_list_item>div{ float: left; } .col_210{ width: 210px; height: 361px; background-color: #f9f9f9; text-align: center; } .col_210 ul{ padding-left: 12px; } .col_210 ul li{ float: left; width: 85px; height: 34px; text-align: center; line-height: 34px; border-bottom: 1px solid #ccc; margin-left: 10px; } .col_329{ width: 329px; } .col_221{ width: 221px; border-right: 1px solid #ccc; } .col_219{ width: 219px; } .bb{ display: block; border-bottom: 1px solid #ccc; }