/* packageC/entry_orders/home/home.wxss */ #PO_home .search { height: 2.8125rem; line-height: 2.8125rem; position: relative; display: flex; overflow: hidden; background: #fff; border-bottom: 0.0625rem solid #f5f5f5; } #PO_home .search .el-button.el-button--default { float: left; width: 10%; border: none; padding-top: 1rem; } #PO_home .search .el-input.el-input-group.el-input-group--append { float: left; width: 80%; margin-left: 2%; height: 2.8125rem; } #PO_home .search .el-input-group__append .el-button.el-button--default { background: #f2f2f2; padding-top: 0.375rem; border-radius: 1.875rem; padding-right: 1.8125rem; border-top-left-radius: 0; border-bottom-left-radius: 0; } #PO_home .search .el-input.el-input-group.el-input-group--append .el-input-group__append { background: #f5f5f5; } #PO_home .search .el-col-1 { color: #666; font-size: 16px; } #PO_home .search .el-input-group__append .el-button.el-button--default { background: #f2f2f2; padding-top: 0.375rem; border-radius: 1.875rem; padding-right: 1.8125rem; border-top-left-radius: 0; border-bottom-left-radius: 0; } #PO_home .search .el-input.el-input-group.el-input-group--append .el-input-group__append { background: #f5f5f5; } #PO_home .search .el-col-1 { width: 2.8125rem; position: absolute; right: 0; color: #666; font-size: 16px; } #PO_home .search .back { width: 2.8125rem; display: flex; justify-content: center; align-items: center; } #PO_home .search .back van-icon { line-height: 2.8125rem; font-size: 20px; } #PO_home .search .search-box { position: relative; display: flex; justify-content: space-between; align-items: center; width: 68%; margin-top: 16rpx; padding: 0 20rpx; background-color: #f2f2f2; height: 1.75rem; line-height: 1.75rem; border-radius: 0.875rem; } #PO_home .search .search-box input { flex: 1; line-height: 1.75rem; border: none; color: #333; } #PO_home .search .search-box icon { position: absolute; right: 1rem; flex: 0 0 1.5rem; } .icon_b { font-size: 19px; } #PO_home .Countdown { padding: 0.875rem 0; background: #fff; } #PO_home .Countdown .h2 { text-align: center; } #PO_home .Countdown .title-text .p { display: block; /* 设置为块级元素会独占一行形成上下居中的效果 */ position: relative; /* 定位横线(当横线的父元素) */ color: #333; /* 居中文字的颜色 */ text-align: center; font-weight: 400; } #PO_home .Countdown .title-text .p::before, #PO_home .Countdown .title-text .p::after { content: ""; position: absolute; /* 定位背景横线的位置 */ top: 50%; background: #ccced0; /* 背景横线颜色 */ width: 15%; /* 单侧横线的长度 */ height: 1px; } #PO_home .Countdown .title-text .p::before { left: 2%; /* 调整背景横线的左右距离 */ } #PO_home .Countdown .title-text .p::after { right: 2%; }