@media (max-width:768px){ .header-inner{ height: auto;s's } .inner{ width: 94%; } .header-inner{ width: 94%; } .header-left{ height: 50px; width: 100%; justify-content: space-between; } .logo-box{ display: none; } .menu-icon{ display: block; margin-top: 15px; } .module-right{ display: none; } .header-right{ width: 100%; height: 50px; } .header-right>ul{ float: right; display: none; } .search{ width: 100%; margin: 10px 0 0; } .search-btn, .search-input{ height: 30px; line-height: 30px; } .nav-list{ width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); height: 50px; overflow: hidden; } .nav-list li{ line-height: 50px; margin: 0 30px 0 0; } .banner,.module1-title{ display: none; } .banner{ width: 94%; min-width: 300px; min-height: 200px; margin: 0 auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; } .banner a img{ min-height: 200px; } .main{ margin: 0 auto 20px; } .video-module>div, .module-content>div{ float: none; } .recommend-content, .recommend-right, .recommend-right ul{ width: 100%; } .recommend-right li{ width: 48%; margin: 0 4% 10px 0; } .recommend-left{ margin-bottom: 20px; } .recommend-right li:nth-child(2n){ margin-right: 0; } .img-box{ height: auto; } .main-recommend .txt-box{ height: auto; } .txt-box h3{ padding-top: 0; } .recommend-right .txt-box p{ display: block; font-size: 12px; line-height: 18px; color: #999; } .main-recommend .txt-box h3{ font-size: 16px; } .rank-list{ width: 100%; height: auto; } .rank-list li{ padding: 2px 20px; } .links-box{ display: none; } .footer{ border-top: 1px solid #f5f5f5; } } @media (min-width:2000px){ .banner{ height: 500px; min-height: 500px; } }