工具哇! ☰

• 小程序
• 反馈

<> .toolwa-home-banner { position: relative; background: #87C256; color: #fff; text-align: center; padding: 55px 0 55px; overflow: hidden; } .toolwa-home-banner::before { content: ''; position: absolute; inset: 0; background: url('https://toolwa.com/toolwa/static/img/banner.jpg') center/cover; opacity: .25; pointer-events: none; } .toolwa-home-banner h1 { font-size: 2.8rem; font-weight: normal; letter-spacing: 4px; margin: 0 0 8px; text-shadow: 0 2px 8px rgba(0,0,0,.2); position: relative; } .toolwa-home-banner .banner-desc { font-size: 1.4rem; margin: 0 0 28px; opacity: .9; letter-spacing: 2px; position: relative; } .toolwa-home-search { position: relative; max-width: 500px; margin: 0 auto; } .toolwa-home-search .search-icon { position: absolute; left: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #999; font-size: 16px; z-index: 1; pointer-events: none; } .toolwa-home-search .search-clear { position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ccc; font-size: 16px; cursor: pointer; z-index: 1; background: none; border: none; padding: 0; } .toolwa-home-search .search-clear:hover { color: #999; } .toolwa-home-search input { width: 100%; padding: 0 35px; border-radius: 20px; border: 2px solid #e0e0e0; box-shadow: none; height: 42px; font-size: 14px; color: #555; opacity: .8; -webkit-transition: all .3s; transition: all .3s; box-sizing: border-box; } .toolwa-home-search input:focus { border-color: #5c8921; opacity: 1; outline: none; } .toolwa-btn-clear-recent { display: inline-block; margin-left: 12px; padding: 2px 10px; border: 1px solid #ddd; border-radius: 12px; background: #fff; color: #999; font-size: 12px; cursor: pointer; vertical-align: middle; -webkit-transition: all .2s; transition: all .2s; font-weight: normal; } .toolwa-btn-clear-recent:hover { border-color: #e74c3c; color: #e74c3c; background: #fff5f5; } .toolwa-section-title { color: #515c6b; font-weight: bold; font-size: 18px; margin: 1em 0 0; } @media (max-width: 550px) { .toolwa-home-banner { padding: 35px 0 30px; } .toolwa-home-banner h1 { font-size: 2.2rem; letter-spacing: 2px; } .toolwa-home-banner .banner-desc { font-size: 1.2rem; margin-bottom: 20px; } .toolwa-home-search { margin: 0 15px; } .toolwa-home-search input { height: 40px; font-size: 14px; } }