@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?tomleg'); src: url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?tomleg') format('truetype'), url('../fonts/icomoon.woff?tomleg') format('woff'), url('fonts/icomoon.svg?tomleg#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .main{ width: 980px; height: 455px; /* background-color: pink; */ margin-left: 220px ; margin-top: 8px; } .focus{ width: 721px; height: 455px; float: left; /* background-color: skyblue; */ } .newsflash{ width: 250px; height: 455px; /* background-color: purple; */ float: right; /* border: 1px solid #e4e4e4; */ } .news{ height: 165px; border: 1px solid #e4e4e4; /* background-color: pink; */ } .lifeservice{ height: 209px; /* background-color: red; */ margin-top: 7px; border: 1px solid #e4e4e4; border-left: 0; border-bottom: 0; } .lifeservice nav ul li{ float: left; width: 62px; height: 68px; border: 1px solid #e4e4e4; border-top: 0; border-right: 0; text-align: center; } .lifeservice nav ul li i{ margin-top: 12px; display: inline-block; width: 24px; height: 28px; background: url(../images/icons.png) no-repeat; } .news-hd{ height: 35px; line-height: 35px; border-bottom: 1px dotted #e4e4e4; } .news-hd h3{ float: left; margin-left: 15px; } .news-hd a{ float: right; margin-right: 15px; } .news-bd{ height: 130px; /* backgrou nd-color: skyblue; */ } .news-bd nav ul li{ margin-top: 6px; margin-left: 15px; /* 让超出文字变为三个点 */ /* 隐藏超出部分 */ overflow: hidden; /* 禁止换行 */ white-space: nowrap; /* 超出部分改为省略号 */ text-overflow: ellipsis; } .recom{ margin-top: 12px; height:163px; background-color: #ebebeb; } .recom_hd{ float: left; width: 206px; height: 163px; text-align: center; padding-top: 30px; background-color:#5c5251 } .recom_bd{ float: left; width: 994px; height: 163px; } .recom_bd nav ul li{ position: relative; float: left; width: 246px; height: 163px; margin-right: 1px; } .recom_bd nav ul li a img{ width: 246px; height: 163px; } .recom_bd ul li::after{ content: ''; position: absolute; right: 0; top: 10px; width: 1px; height: 145px; background-color: #ddd; } .recom_bd ul li:nth-child(4){ width: 0; height: 0; } .guess_you_like{ height: 280px; margin-top: 20px; } .guess_you_like .taitou{ height: 33px; line-height: 33px; /* border-bottom: 1px solid #e4e4e4; */ } .guess_you_like .taitou h4{ float: left; font-size: 18px; font-weight: 400; } .guess_you_like .taitou a{ float: right; } .guess_you_like .taitou a::after{ padding-left: 5px; content: '\ea2e'; font-family: 'icomoon'; } .guess_you_like .introduce{ border: 1px solid #e4e4e4; height: 233px; } .guess_you_like .introduce nav ul li{ float: left; position: relative; width: 180px; margin-top: 15px; margin-left: 19px; } .guess_you_like .introduce nav ul li::after{ content: ''; position: absolute; right: 10px; top: 140px; width: 1px; height: 60px; background-color: #ddd; } .guess_you_like .introduce nav ul li:nth-child(6)::after{ width: 0; height: 0; } .guess_you_like .introduce nav ul li img{ /* width: 150px; */ height: 140px; padding-bottom: 15px; } .guess_you_like .introduce nav ul li a span{ font-size: 18px; } /* 家用电器模块 */ .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: right; } .tab_list ul li a{ margin: 0 15px; } .floor .w{ margin-top: 30px; } .box_bd{ height: 360px; /* background-color: paleturquoise; */ } .tab_list_item>div{ float: left; } .col_210{ height: 360px; width: 210px; background-color: #f9f9f9; text-align: center; } .col_210 ul{ padding-left: 12px; } .col_210 a img{ margin-top: 26px; } .col_210 ul li { float: left; width: 85px; height: 34px; border-bottom: 1px solid #ccc; margin-right: 10px; text-align: center; line-height: 33px; } .col_329{ width: 329px; } .col_329 a img{ width: 329px; height: 360px; } .col_221{ width: 221px; height: 360px; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; } .col_221 .ad_top{ position: relative; height: 180px; border-bottom: 1px solid #ededed; } .col_221 .ad_bottom{ position: relative; height: 180px; } .col_221 .ad_bottom img{ position: absolute; top: 75px; right: 0px; } .col_221 a p{ font-size: 16px; padding-left: 17px; padding-top: 15px; } .col_221 a span{ font-size: 14px; padding-left: 17px; } .col_221 .ad_top img{ position: absolute; top: 90px; right: 0; } .col_219{ width: 219px; } .col_219 .ad_top1{ position: relative; height: 180px; /* border-bottom: 1px solid #ededed; */ } .col_219 .ad_bottom1{ position: relative; height: 180px; border: 1px solid #ededed; border-left: 0; } .col_219 a p{ position: a; font-size: 16px; padding-left: 17px; padding-top: 15px; } .col_219 a span{ position:absolute; font-size: 14px; padding-left: 17px; z-index: 1; } .col_219 .ad_top1 a img{ position: absolute; top: 90px; right: 0px; } .col_219 .ad_bottom1 a img{ position: absolute; top: 35px; right: 0px; } .col_221 .ad_tv a { text-align: center; display: block; margin-top: 72px; } .col_221 .ad_tv a p{ font-size: 18px; } .col_221 .ad_tv a span{ /* text-align: center; */ font-size: 16px; color: #999999; } .col_221 .ad_tv a img{ margin: 82px 22px 54px 22px; } .enterprise_trademark img{ margin-top: 20px; margin-bottom: 30px; }