.head{ width: 1190px; margin: 0 auto; } .up{ overflow: hidden; height: 46px; margin-bottom: 8px; width: 100%; } .up img{ width: 128px; height: 40px; float: left; } .search{ float: left; overflow: hidden; } .together{ margin-left: 16px; float: left; display: inline-block; border: 2px solid #4662d9; border-radius: 8px 0 0 8px; border-right: none; } .des{ float: left; overflow: hidden; display: inline-block; height: 39px; line-height: 39px; } .des span{ float: left; color: #9195a3; font-size: 12px; padding-left: 14px; padding-right: 3px; } .des i{ float: left; font-size: 12px; } .search input{ float: left; border: none; outline: none; padding: 10px 33px 10px 15px; width: 400px; font-size: 16px; color: #9195b8; } .search input:focus{ border: none; outline:none; } .point{ float: left; width: 18px; height: 18px; border-radius: 20px; font-size: 12px; background-color: #FC561F; text-align: center; line-height: 18px; color: white; margin-top: 9px; margin-right: 12px; } .search button{ float: left; font-size: 17.5px; background: #4E6EF2; color: #fff; border: 2px solid #4662d9; border-radius: 0 8px 8px 0; border-left: none; padding: 8px 24px 8px 24px; } .other{ float: left; } .other li{ font-size: 12px; list-style: disc; margin-left: 42px; width: 120px; color: #999; margin-top: 8px; } /* 更改圆点大小伪类选择器 */ .other li::marker{ font-size: 18px; background-color: #999; } .other li:hover{ color: crimson; text-decoration: underline; } .down{ overflow: hidden; width: 669px; margin-left: 160px; } .down ul{ float: left; width: calc(100% - 16px); } .down li{ color: #333; font-size: 13px; float: left; margin-right: 18px; } .down i{ float: left; } .down li > p{ display: inline-block; } .down li > p:nth-child(2){ background-color: #FF455B; width: 16px; height: 16px; border-radius: 4px; color: #fff; text-align: center; line-height: 16px; }