body{ margin: 0; padding: 0; min-width: 1024px !important; min-height: 768px; background-image: ; background-size: 100%; background-repeat: no-repeat; } .head{ width: 100%; margin: 0 auto; } .head-right{ position: relative; width: fit-content; height: 100%; top: -57px; left: calc(50% - 20px); } .logo{ display: flex; position: relative; top: 70px; padding-left: calc(50% - 601px); } .logo img{ width: 75px; height: 65px; } .channelname{ line-height: 75px; color: #fff; font-size: 36px; font-weight: 700; text-shadow: 2px 3px 2px #0a0a0a5c; letter-spacing: 2px; margin-left: 25px; z-index: 1; } .nav{ position: relative; top: -70px; font-size: 15px; /* height: 46px; */ max-width: 1200px; margin: 10px auto 8px; padding: 0 40px; background-color: rgba(255, 255, 255, 0.8); align-items: center; font-weight: 400; color: #000; box-sizing: border-box; letter-spacing: 1px; box-shadow:0px 0px 10px rgba(12,43,208,0.16); line-height: 46px; } .content{ max-width: 1200px; margin: 0 auto; display: flex; } #pub-date label{ width: 63px; display: block; } input::-webkit-input-placeholder { /* chrome/opera/safari */ color: #c8c8c8; } input:-ms-input-placeholder { /* ie 10 */ color: #c8c8c8; } input:-moz-placeholder { /* firefox 18- */ color: #c8c8c8; opacity: 1; } input::-moz-placeholder { /* firefox 19 */ color: #c8c8c8; opacity: 1; } .main{ margin: 0 auto; background-image: ; background-size: 100%; background-repeat: no-repeat; position: relative; background-position: 0 100%; top: -70px; padding-bottom: 12px; } /* footer开始 */ footer { width:100%; height: 90px; margin-top:-70px; display: flex; justify-content: center; align-items: center; background-color:#424242 ; position: relative; } .footer-content>p { font-size: 14px; color: #fff; line-height: 18px; text-align: center; } /* footer结束 */ /* @media (max-width:950px) { .content{ width: calc(70% - 200px); } .nav{ width: calc(70% - 200px); } .search{ width: calc(70% - 200px); } .doc-title .doctitle{ width: calc(50% - 50px); } .searchtitle{ width: calc(50% - 30px); } } */