.search{ padding: 10px 30px 0 30px; position: relative; .searchInput{ width: 690px; height: 68px; background: #F8F8F8; border-radius: 34px; padding-left: 106px; box-sizing: border-box; font-size: 24px; } .searchicon{ width: 25px; height: 25px; position: absolute; bottom: 22px; left: 54px; } .lineSearch{ position: absolute; bottom: 19px; left: 100px; width: 1px; height: 28px; background: #000000; opacity: 0.2; } } .content{ padding: 60px 30px; .hotSearch{ font-size: 34px; font-weight: bold; color: #202020; display: block; margin: 0 0 60px 0; } .hotSearchtip view{ border-radius: 30px; font-size: 24px; font-weight: bold; display: block; margin:0 40px 40px 0; padding:19px 25px; float: left; color: #666666; border: 1px solid #999999; } .hotSearchtip view:first-child{ border: 2px solid #274190; border-radius: 30px; font-size: 24px; font-weight: bold; color: #0C297F; display: block; margin:0 40px 40px 0; padding:19px 25px; float: left; } }