.warpper { padding-bottom: 40rpx; } .searchbox { background: url(http://api.xzw.com/static/image/xcx/jiemeng/bg.jpg) no-repeat 0 bottom; background-size: 100% auto; padding: 90rpx 0 100rpx; position: relative; } .searchbox .user { background: rgba(78,46,30,.5); border-radius: 60rpx; color: #b9977b; font-size: 26rpx; height: 60rpx; line-height: 60rpx; position: absolute; right: 20rpx; text-align: center; top: 20rpx; width: 160rpx; } .inputbox { background: #fff; border-radius: 80px; box-sizing: border-box; height: 80rpx; line-height: 80rpx; margin: 0 auto; padding: 0 0 0 30rpx; width: 620rpx; } .inputbox .label { color: #8e1912; float: left; font-weight: 700; line-height: 80rpx; margin-right: 20rpx; } .inputbox .placeholder { color: #ccc; font-size: 36rpx; height: 100%; line-height: 100%; } .inputbox .input { display: block; float: left; height: 100%; line-height: 100%; width: 340rpx; } swan-input .input-computed,swan-input .input-value { overflow: visible; } .zimu { text-align: left; } .zimu .title { font-size: 26rpx; } .zimu .zimu_box { margin-left: -9rpx; width: 740rpx; } .zimu .zimu_box .zimu_item { background: #eee; color: #999; margin: 9rpx; text-align: center; } .zimu .zimu_box .zimu_item.active { background: #ac8672; color: #f5f0ed; } .result { margin: 0 30rpx; } .result .result_title { font-size: 33rpx; line-height: 80rpx; margin-bottom: 10rpx; position: relative; text-align: center; } .result .result_title::after,.result .result_title::before { background: #ddd; content: ""; height: 1rpx; left: 0rpx; position: absolute; top: 40rpx; width: 200rpx; } .result .result_title::after { left: auto; right: 0; } .result .result_box .result_item { background: #f5efec; border-radius: 60rpx; display: inline-block; font-size: 29rpx; line-height: 60rpx; margin: 6rpx 3rpx; padding: 0 30rpx; text-align: center; }