* { margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box; } #box { width: 946px; height: 859px; background-color: f6f6f6; /* border: 1px solid #000; */ } .container { width: 906px; height: 100%; margin: 0 auto; background: #fff; } /* 头部样式 */ .header { width: 100%; height: 69px; overflow: hidden; border-bottom: 3px solid #f00; } .header .headerLeft { width: 349px; height: 100%; float: left; } .header .headerLeft img { width: 127px; height: 53px; margin-top: 8px; } .header .headerRight { width: 557px; height: 100%; float: left; } .header .headerRight .picture1 { width: 426px; height: 38px; margin-top: 16px; } .header .headerRight .picture2 { width: 118px; height: 38px; margin-top: 16px; margin-left: 7px; } /* 主体样式 */ .main { width: 100%; height: 742px; background: #0f0; } /* 主体模块1 */ .main .part-one { overflow: hidden; height: 68px; background: #0ff; } .main .part-one div { width: 129px; height: 50px; float: left; margin-top: 9px; border-right: 1px solid #ccc; } .main .part-one div:last-child { border: none; } .main .part-one div ul { overflow: hidden; } .main .part-one div ul li { float: left; padding-left: 7px; } .main .part-one div ul li:first-child { /* padding-left: 0; */ font-weight: bold; } .main .part-one .vase1 ul li:first-child { padding-left: 0; } .main .part-one div ul li a { font-size: 12px; color: #000; } .main .part-one div ul li a:hover { color: #f00; } /* 主体模块2 */ .main .part-two { width: 906px; height: 98px; } .main .part-two img { width: 100%; height: 100%; } /* 页尾样式 */ .footer { width: 100%; height: 48px; background: #0ff; }