.main { width: 980px; height: 455px; margin-left: 219px; margin-top: 10px; } .focus { position: relative; width: 720px; height: 455px; background-color: purple; } .newsflash { width: 250px; height: 455px; } .arrow-l, .arrow-r { position: absolute; top: 50%; margin-top: -20px; width: 24px; height: 40px; line-height: 40px; text-align: center; background: rgb( 0, 0, 0, .3); color: #fff; } .arrow-r { right: 0; } .circle { position: absolute; bottom: 10px; left : 50px; } .circle li { float: left; height: 8px; width: 8px; border: 1px solid #fff; margin: 0 3px; border-radius: 50%; cursor: pointer; } .current { background-color: #fff; } .news { height: 163px; border: 1px solid #ccc; } .news_hd { height: 32px; border-bottom: 1px dotted #ccc; padding-left: 15px; font-size: 14px; line-height: 32px; } .news_hd a { float: right; padding-right: 15px; } .news_bd { padding: 10px 0 0 15px; } .news_bd li { height: 23px; } .lifesurvice { height: 208px; border: 1px solid #ccc; border-top: none; overflow: hidden; } .lifesurvice ul { width: 252px; } .lifesurvice li { position: relative; float: left; width: 62px; height: 70px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc } .lifesurvice li a{ display: block; overflow: hidden; height: 100%; } .lifesurvice li p { text-align: center; } .service_ico { display: block; width: 24px; height: 24px; margin: 10px auto; background: url(../img/icons.png) no-repeat; } .service_ico_huafei { background-position: -17px -16px; } .service_ico_feiji { background-position: -78px -16px; } .hot { position: absolute; right: 0; top: 0; width: 12px; height: 15px; background: url(../img/jian.jpg) no-repeat; } .bargain { height: 75px; margin-top: 5px; } .recommand { height: 163px; background-color: pink; margin-top: 10px; } .recom-hd { width: 200px; height: 163px; text-align: center; background-color: #5c5251; } .recom-hd img { margin: 30px 0 10px 0; } .recom-hd h3 { font-size: 18px; color: #fff; font-weight: 400; } .recom-bd { width: 1000px; height: 163px; background-color: #ebebeb; } .recom-bd li { float: left; width: 249px; border-right: 1px solid #ccc; height: 145px; margin-top: 10px; background-color: pink; } .recom-bd .last { border-right: 0; } .recom-bd img { width: 100%; margin-top: -10px; } .box-hd { height: 30px; border-bottom: 2px solid #c81623; margin-top: 25px; } .box-hd h3 { float: left; font-size: 18px; color: #c81623; } .tab-list { float: right; line-height: 30px; } .tab-list li { float: left; } .tab-list li a { margin: 0 15px; } .box-bd { height: 360px; background-color: pink; } .w209 { width: 209px; background-color: #f9f9f9; } .w219 { width: 219px; border-right: 1px solid #ccc; } .w220 { width: 220px; border-right: 1px solid #ccc; } .w329 { width: 329px; } .tab-con li { float: left; height: 360px; } .tab-con-item { border-bottom: 1px solid #ccc; } .tab-con-list { overflow: hidden; margin-bottom: 15px; } .tab-con-list li { width: 86px; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; margin-left: 10px; text-align: center; } .fixetool { position: fixed; top: 200px; left: 50%; margin-left: -676px; width: 66px; background-color: #fff; cursor: pointer; } .fixetool li{ height: 32px; line-height: 32px; text-align: center; font-size: 12px; border-bottom: 1px solid #ccc; } .fixetool .current { background-color: #c81623; color: #fff; }