You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

664 lines
24 KiB

1 year ago
page {
font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
margin: 0;
padding: 0;
border: 1px solid transparent;
outline: none;
background-color: transparent;
}
button:active {
opacity: 0.6;
}
.flex-col {
display: flex;
flex-direction: column;
}
.flex-row {
display: flex;
flex-direction: row;
}
.justify-start {
display: flex;
justify-content: flex-start;
}
.justify-center {
display: flex;
justify-content: center;
}
.justify-end {
display: flex;
justify-content: flex-end;
}
.justify-evenly {
display: flex;
justify-content: space-evenly;
}
.justify-around {
display: flex;
justify-content: space-around;
}
.justify-between {
display: flex;
justify-content: space-between;
}
.align-start {
display: flex;
align-items: flex-start;
}
.align-center {
display: flex;
align-items: center;
}
.align-end {
display: flex;
align-items: flex-end;
}
.page {
background-color: rgba(255, 255, 255, 1);
position: relative;
width: 750rpx;
overflow: hidden;
}
.block_1 {
width: 750rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAeKCAIAAAC/ImZ2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAHMmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuNTY2ZWJjNSwgMjAyMi8wNS8wOS0wNzoyMjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wOC0wOFQyMTowNToyOSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0wOC0wOFQyMTowNToyOSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDgtMDhUMjE6MDU6MjkrMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODJiZjhmZjYtYzk2MC04MjRlLWFhOWUtZWE3NmQ3NzY1OWJkIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NjY3OTY0OTEtYTA3NS1hOTQ2LWIwOWEtZGQzZjIyMmIxMjNjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NGI5M2RkNmQtZDc0My00YTQyLWJhNmQtZjA1ODQ2MDUxOGMxIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjRiOTNkZDZkLWQ3NDMtNGE0Mi1iYTZkLWYwNTg0NjA1MThjMSIgc3RFdnQ6d2hlbj0iMjAyMy0wOC0wOFQyMTowNToyOSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODJiZjhmZjYtYzk2MC04MjRlLWFhOWUtZWE3NmQ3NzY1OWJkIiBzdEV2dDp3aGVuPSIyMDIzLTA4LTA4VDIxOjA1OjI5KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjMuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRiOTNkZDZkLWQ3NDMtNGE0Mi1iYTZkLWYwNTg0NjA1MThjMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0YjkzZGQ2ZC1kNzQzLTRhNDItYmE2ZC1mMDU4NDYwNTE4YzEiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0YjkzZGQ2ZC1kNzQzLTRhNDItYmE2ZC1mMDU4NDYwNTE4YzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68tOZJAAAa90lEQVR42u3WsQ0AMAjAsNL/v0WIlRdYkewTMiWy+gEA3PQlAACsDACAlQEAsDIAgJUBALAyAABWBgDAygAAVgYAwMoAAFgZAMDKAABYGQAAKwMAYGUAACsDAGBlAACsDACAlQEArAwAgJUBALAyAICVAQCwMgAAVgYAwMoAAFYGAMDKAABYGQAAKwMAWBkAACsDAGBlAAArAwBgZQAArAwAgJUBAKwMAICVAQCwMgCAlQEAsDIAAFYGAMDKAABWBgDAygAAWBkAACsDAFgZAAArAwBgZQAAKwMAYGUAAKwMAICVAQCsDACAlQEAsDIAAFYGALAyAABWBgDAygAAVgYAwMoAAFgZAAArAwBYGQAAKwMAYGUAAKwMAGBlAACsDACAlQEArAwAgJUBALAyAABWBgCwMgAAVgYAwMoAAFYGAMDKAABYGQAAKwMAWBkAACsDAGBlAACsDABgZQAArAwAgJUBAKwMAICVAQCwMgAAVgYAsDIAAFYGAMDKAABYGQDAygAAWBkAACsDAFgZAAArAwBgZQAArAwAYGUAAKwMAICVAQCwMgCAlQEAsDIAAFYGALAyAABWBgDAygAAWBkAwMoAAFgZAAArAwBYGQAAKwMAYGUAAKwMAGBlAACsDACAlQEAsDIAgJUBALAyAABWBgCwMgAAVgYAwMoAAFgZAMDKAABYGQAAKwMAYGUAACsDAGBlAACsDABgZQAArAwAgJUBALAyAICVAQCwMgAAVgYAsDIAAFYGAMDKAABYGQDAygAAWBkAACsDAGBlAAArAwBgZQAArAwAYGUAAKwMAICVAQCwMgCAlQEAsDIAAFYGAMDKAABWBgDAygAAWBkAwMoAAFgZAAArAwBgZQAAKwMAYGUAAKwMAICVAQCsDACAlQEAsDIAgJUBALAyAABWBgDAygAAVgYAwMoAAFgZAMDKAABYGQAAKwMAYGUAACsDAGBlAACsDACAlQEArAwAgJUBALAyAICVAQCwMgAAVgYAwMoAAFYGAMDKAABYGQAAKwMAWBkAACsDAGBlAAArAwBgZQAArAwAgJUBAKwMAICVAQCwMgAAVgYAsDIAAFYGAMDKAABWBgDAygAAWBkAACsDAFgZAAArAwBgZQAAKwMAYGUAAKwMAICVAQCsDACAlQEAsDIAAFYGALAyAABWBgDAygAAVgYAwMoAAFgZAAArAwBYGQAAKwMAYGUAAKwMAGBlAACsDACAlQEArAwAgJUBALAyAABWBgCwMgAAVgYAwMoAAFZGAgDAygAAWBkAACsDAFgZAAArAwBgZQAArAwAYGUAAKwMAICVAQCsDACAlQEAsDIAAFYGALAyAABWBgDAygAAWBkAwMoAAFgZAAArAwBYGQAAKwMAYGUAAKwMAGBlAACsDACAlQEAsDIAgJUBALAyAABWBgCwMgAAVgYAwMoAAFgZAMDKAABYGQAAKwMAWBkAACsDAGBlAACsDABgZQAArAwAgJUBALAyAICVAQCwMgA
100% no-repeat;
background-size: 100% 100%;
}
.box_1 {
background-color: rgba(248, 246, 237, 1);
width: 750rpx;
}
.input_1 {
background-color: rgba(241, 239, 229, 1);
border-radius: 40px;
width: 703rpx;
height: 81rpx;
border: 1px solid rgba(225, 222, 210, 1);
margin: 30rpx 0 0 24rpx;
}
.icon_1 {
width: 28rpx;
height: 31rpx;
margin: 25rpx 0 0 40rpx;
}
.text_1 {
width: 390rpx;
height: 27rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 28rpx;
margin: 26rpx 227rpx 0 18rpx;
}
.tabs_1 {
height: 29rpx;
width: 699rpx;
margin: 38rpx 0 0 26rpx;
}
.text-wrapper_1 {
width: 699rpx;
height: 29rpx;
}
.text_2 {
width: 153rpx;
height: 29rpx;
overflow-wrap: break-word;
color: rgba(128, 41, 49, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
}
.text_3 {
width: 136rpx;
height: 26rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 28rpx;
margin: 1rpx 0 0 82rpx;
}
.text_4 {
width: 83rpx;
height: 26rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 28rpx;
margin: 1rpx 0 0 81rpx;
}
.text_5 {
width: 82rpx;
height: 26rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 28rpx;
margin: 1rpx 0 0 82rpx;
}
.group_1 {
background-color: rgba(128, 41, 49, 1);
border-radius: 4px;
width: 80rpx;
height: 8rpx;
margin: 16rpx 0 0 62rpx;
}
.group_2 {
width: 545rpx;
height: 180rpx;
margin: 30rpx 0 0 24rpx;
}
.box_2 {
background-color: rgba(231, 228, 216, 1);
border-radius: 10px;
width: 280rpx;
height: 180rpx;
}
.box_3 {
width: 245rpx;
height: 123rpx;
margin-top: 18rpx;
}
.text_6 {
width: 244rpx;
height: 29rpx;
overflow-wrap: break-word;
color: rgba(34, 34, 34, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
margin-left: 1rpx;
}
.text-wrapper_2 {
width: 229rpx;
height: 28rpx;
margin-top: 66rpx;
}
.text_7 {
width: 129rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(228, 45, 62, 1);
font-size: 36rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
}
.text_8 {
width: 89rpx;
height: 19rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 24rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
margin-top: 5rpx;
}
.image_1 {
width: 702rpx;
height: 1rpx;
margin: 30rpx 0 0 25rpx;
}
.image-text_1 {
width: 605rpx;
height: 180rpx;
margin: 30rpx 0 0 25rpx;
}
.block_2 {
background-color: rgba(231, 228, 216, 1);
border-radius: 10px;
width: 280rpx;
height: 180rpx;
}
.text-group_1 {
width: 306rpx;
height: 123rpx;
margin-top: 18rpx;
}
.text_9 {
width: 304rpx;
height: 29rpx;
overflow-wrap: break-word;
color: rgba(34, 34, 34, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
margin-left: 2rpx;
}
.text-wrapper_3 {
width: 229rpx;
height: 28rpx;
margin-top: 66rpx;
}
.text_10 {
width: 129rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(228, 45, 62, 1);
font-size: 36rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
}
.text_11 {
width: 89rpx;
height: 19rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 24rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
margin-top: 5rpx;
}
.image_2 {
width: 702rpx;
height: 1rpx;
margin: 30rpx 0 0 25rpx;
}
.image-text_2 {
width: 605rpx;
height: 180rpx;
margin: 30rpx 0 0 25rpx;
}
.block_3 {
background-color: rgba(231, 228, 216, 1);
border-radius: 10px;
width: 280rpx;
height: 180rpx;
}
.text-group_2 {
width: 306rpx;
height: 123rpx;
margin-top: 18rpx;
}
.text_12 {
width: 304rpx;
height: 29rpx;
overflow-wrap: break-word;
color: rgba(34, 34, 34, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
margin-left: 2rpx;
}
.text-wrapper_4 {
width: 229rpx;
height: 28rpx;
margin-top: 66rpx;
}
.text_13 {
width: 129rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(228, 45, 62, 1);
font-size: 36rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
}
.text_14 {
width: 89rpx;
height: 19rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 24rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
margin-top: 5rpx;
}
.image_3 {
width: 702rpx;
height: 1rpx;
margin: 30rpx 0 0 25rpx;
}
.image-text_3 {
width: 605rpx;
height: 180rpx;
margin: 30rpx 0 0 25rpx;
}
.group_3 {
background-color: rgba(231, 228, 216, 1);
border-radius: 10px;
width: 280rpx;
height: 180rpx;
}
.text-group_3 {
width: 306rpx;
height: 123rpx;
margin-top: 18rpx;
}
.text_15 {
width: 304rpx;
height: 29rpx;
overflow-wrap: break-word;
color: rgba(34, 34, 34, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
margin-left: 2rpx;
}
.text-wrapper_5 {
width: 229rpx;
height: 28rpx;
margin-top: 66rpx;
}
.text_16 {
width: 129rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(228, 45, 62, 1);
font-size: 36rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
}
.text_17 {
width: 89rpx;
height: 19rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 24rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
margin-top: 5rpx;
}
.image_4 {
width: 702rpx;
height: 1rpx;
margin: 30rpx 0 0 25rpx;
}
.image-text_4 {
width: 605rpx;
height: 180rpx;
margin: 30rpx 0 0 25rpx;
}
.section_1 {
background-color: rgba(231, 228, 216, 1);
border-radius: 10px;
width: 280rpx;
height: 180rpx;
}
.text-group_4 {
width: 306rpx;
height: 123rpx;
margin-top: 18rpx;
}
.text_18 {
width: 304rpx;
height: 29rpx;
overflow-wrap: break-word;
color: rgba(34, 34, 34, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
margin-left: 2rpx;
}
.text-wrapper_6 {
width: 229rpx;
height: 28rpx;
margin-top: 66rpx;
}
.text_19 {
width: 129rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(228, 45, 62, 1);
font-size: 36rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
}
.text_20 {
width: 89rpx;
height: 19rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 24rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 44rpx;
margin-top: 5rpx;
}
.image_5 {
width: 702rpx;
height: 1rpx;
margin: 30rpx 0 0 25rpx;
}
.tab-bar_1 {
background-color: rgba(255, 255, 255, 1);
width: 750rpx;
height: 98rpx;
border: 1px solid rgba(234, 234, 234, 1);
margin-top: 152rpx;
}
.tab-bar-item_1 {
width: 53rpx;
height: 82rpx;
margin: 8rpx 0 0 50rpx;
}
.icon_2 {
width: 53rpx;
height: 58rpx;
}
.text_21 {
width: 43rpx;
height: 21rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 22rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 22rpx;
margin: 3rpx 0 0 4rpx;
}
.tab-bar-item_2 {
width: 53rpx;
height: 82rpx;
margin: 8rpx 0 0 100rpx;
}
.icon_3 {
width: 53rpx;
height: 58rpx;
}
.text_22 {
width: 43rpx;
height: 21rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 22rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 22rpx;
margin: 3rpx 0 0 1rpx;
}
.tab-bar-item_3 {
width: 64rpx;
height: 82rpx;
margin: 8rpx 0 0 89rpx;
}
.icon_4 {
width: 53rpx;
height: 58rpx;
margin-left: 5rpx;
}
.text_23 {
width: 64rpx;
height: 21rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 22rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 22rpx;
margin-top: 3rpx;
}
.tab-bar-item_4 {
width: 65rpx;
height: 83rpx;
margin: 7rpx 0 0 86rpx;
}
.icon_5 {
width: 60rpx;
height: 60rpx;
margin-left: 3rpx;
}
.text_24 {
width: 65rpx;
height: 21rpx;
overflow-wrap: break-word;
color: rgba(128, 41, 49, 1);
font-size: 22rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 22rpx;
margin-top: 2rpx;
}
.tab-bar-item_5 {
width: 53rpx;
height: 82rpx;
margin: 8rpx 48rpx 0 89rpx;
}
.icon_6 {
width: 53rpx;
height: 58rpx;
}
.text_25 {
width: 42rpx;
height: 21rpx;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 22rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 22rpx;
margin: 3rpx 0 0 5rpx;
}
.box_4 {
background-color: rgba(128, 41, 49, 1);
width: 750rpx;
height: 176rpx;
margin-left: -750rpx;
}
.image_6 {
width: 702rpx;
height: 23rpx;
margin: 33rpx 0 0 24rpx;
}
.nav-bar_1 {
width: 750rpx;
height: 98rpx;
margin: 23rpx 0 1rpx 0;
}
.text_26 {
width: 103rpx;
height: 32rpx;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 34rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 34rpx;
margin: 30rpx 0 0 325rpx;
}
.applet-top-bar_1 {
width: 199rpx;
height: 60rpx;
margin: 23rpx 24rpx 0 99rpx;
}
.text-wrapper {
width: 100%;
padding: 20px 0;
}
.text-wrapper .text_3 {
width: auto;
padding: 0 20rpx;
height: 40rpx;
margin: 0 3%;
text-align: center;
text-decoration: none;
}
.text-wrapper .active {
color: black;
font-size: 15px;
font-weight: 900;
border-bottom: 3px solid #802931;
}