.wrap{box-sizing:border-box;padding-top:130px}.search-bar{background:#fff;position:fixed;top:0;left:0;right:0;width:100%;padding:15px 20px;box-sizing:border-box;z-index:1000;box-shadow:0 2px 8px #0000001a}.search-bar h1{margin:0 0 10px;line-height:1.5;color:#008598;text-align:center;font-size:20px}.search-bar h1 a{color:#008598;text-decoration:none}.search-bar form{max-width:1200px;margin:0 auto}.keyword{padding:12px 20px;width:100%;font-size:14px;box-sizing:border-box;color:#333;background:#f7f7f7;border-radius:999px;border-style:none;outline:none;border:1px solid #f2f2f2;-webkit-appearance:none;transition:all .2s ease-in-out}.keyword:focus{border-color:#008598;background:#fff}.keyword::-webkit-input-placeholder{color:#aaa}.name{font-weight:700;font-size:16rpx;color:#008598;line-height:1.4}.number,.company{font-size:12px;color:#666;line-height:1.4}.number{color:#888}.company{font-weight:700;color:#008598}ul{padding:0;display:flex;flex-wrap:wrap;align-items:stretch}li{list-style:none;box-sizing:border-box}li a{display:block;list-style:none;box-sizing:border-box;transition:all .2s ease-out;margin:16px;padding:16px;height:calc(100% - 32px);background:#fff;border-radius:4px;box-shadow:0 1px 4px #0000001a}@media only screen and (max-width:420px){li{width:100%}}@media only screen and (min-width:421px)and (max-width:700px){li{width:50%}}@media only screen and (min-width:701px)and (max-width:900px){li{width:33%}}@media only screen and (min-width:901px)and (max-width:1500px){li{width:25%}}.category{color:#999;border:1px solid #999;border-radius:2px;display:inline-block;padding:0 2px;font-size:10px}.no-result{color:#666;margin-top:40px;font-size:14px;text-align:center;line-height:1.5}.no-result p{margin:0;padding:0}.no-result .tip{color:#999;font-size:12px}@media only screen and (max-width:768px){.wrap{padding-top:120px}.search-bar{padding:12px 15px}.search-bar h1{font-size:18px;margin-bottom:8px}.keyword{padding:10px 16px;font-size:13px}}