html,body{ width: 100%; height: 100%; } input { outline-style: none;} a:hover{ text-decoration: none; } body { max-width: 1260px; margin: 0 auto; background-color: #dcdcdc; } /* 站长邮箱 */ .topHeader { position: relative;} .topHeader .search { position: absolute; height: 40px; top:130px; right:25px; display: block !important; text-align: right;} .topHeader .search span { margin-left: 5px; cursor: pointer; color: #878f96; font-size: 16px;} /* 顶部样式 */ .topHeader { min-width: 1200px; height: 160px; background-image: url('../images/top_bg.jpg'); background-repeat: no-repeat; /* background-size: cover; */ background-position: top center; } .topHeader>div { width: 1200px; height: 160px; margin: 0 auto; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; } .topHeader>div>a { display: inline-block; width: 765px; height: 94px; background-image: url('../images/top_logo.png'); background-repeat: no-repeat; background-position: top center; } /* 菜单样式 */ .zzl-nav { background-color: #0B62AC; max-width: 1920px; min-width: 1200px; margin: 0 auto; } .zzl-nav>.navbar { width: 1200px; margin: 0 auto; border-width: 0px; } .zzl-nav>.navbar>.container-fluid>.navbar-header>a { height: 55px; line-height: 35px; } .zzl-nav>.navbar>.container-fluid>.collapse>.nav>li>a { height: 55px; line-height: 35px; color: #fff; font-size: 17px; padding-left: 10px; padding-right: 10px; letter-spacing: 1px; } .zzl-nav .navbar-nav > li > a{ /* color: #fff; */ font-size: 18px; } .zzl-nav .nav .open > a, .zzl-nav .nav .open > a:hover, .zzl-nav .nav .open > a:focus { background-color: rgba(255, 255, 255, .2); } .zzl-nav>.navbar>.container-fluid>.collapse>.nav>li>a:hover, .zzl-nav>.navbar>.container-fluid>.collapse>.nav>li>a:focus, .zzl-nav>.navbar>.container-fluid>.collapse>.nav>.active{ background-color: rgba(255, 255, 255, .1); } .zzl-nav .navbar-toggle .icon-bar { background-color: #fff; } .zzl-nav .dropdown-menu a{ font-size: 16px; } /* 底部样式 */ .bottom { min-width: 1200px; height: 150px; background-color: #0B62AC; } .bottom>.bottomCont { /* background-color: rgba(255, 255, 255, .1); */ width: 1200px; height: 150px; margin: 0 auto; color: #fff; font-size: 16px; line-height: 1.8em; display: flex; justify-content: space-around; align-items: center; padding: 10px; } .bottom>.bottomCont>.bottomLeft { /* background-color: rgba(255, 255, 255, .2); */ display: inline-block; width: 80px; height: 80px; background-image: url('../images/blue.png'); background-position: center center; } .bottom>.bottomCont>.bottomMiddle { /* background-color: rgba(255, 255, 255, .2); */ width: 750px; line-height: 1.5em; padding: 10px; } .bottom>.bottomCont>.bottomRight { /* background-color: rgba(255, 255, 255, .2); */ width: 250px; display: flex; justify-content: space-around; }