724 lines
16 KiB
Plaintext
724 lines
16 KiB
Plaintext
|
|
.condition-box {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
z-index: 99;
|
|
}
|
|
|
|
.condition-input-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 20rpx 30rpx 0rpx 30rpx;
|
|
}
|
|
|
|
.condition-input-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
background-color: white;
|
|
padding: 10rpx;
|
|
border-radius: 10rpx;
|
|
flex: 1;
|
|
}
|
|
|
|
.condition-option-btn {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 15rpx;
|
|
padding: 4rpx 15rpx;
|
|
font-size: 20rpx;
|
|
background-color: var(--divider-color);
|
|
}
|
|
|
|
.condition-option-btn:active {
|
|
background-color: var(--gray-bg-color);
|
|
}
|
|
|
|
.condition-input-text {
|
|
font-size: 28rpx;
|
|
flex: 1;
|
|
text-align: center;
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.condition-content {
|
|
margin-top: 5rpx;
|
|
background-color: var(--bg-gray-shade-color);
|
|
}
|
|
|
|
.condition-mask {
|
|
background-color: var(--bg-gray-shade-color);
|
|
height: 100vh;
|
|
}
|
|
|
|
.condition-content-container {
|
|
background-color: var(--divider-color);
|
|
padding: 0rpx 30rpx;
|
|
height: 350rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.condition-content-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex: 1;
|
|
padding: 20rpx;
|
|
}
|
|
|
|
.condition-content-box-left {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: .2;
|
|
border-right: 1rpx solid var(--white-color);
|
|
height: 100%;
|
|
}
|
|
|
|
.condition-content-box-scroll-right {
|
|
flex: .8;
|
|
height: 230rpx;
|
|
padding: 0rpx 20rpx;
|
|
}
|
|
|
|
.condition-content-box-right {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.left-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
.left-sel-line {
|
|
width: 8rpx;
|
|
height: 30rpx;
|
|
border-radius: 5rpx;
|
|
background-color: var(--primary-color);
|
|
}
|
|
|
|
.left-sel-text {
|
|
font-size: 28rpx;
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
.left-sel {
|
|
border-left: 5rpx solid var(--primary-color);
|
|
padding-left: 10rpx;
|
|
}
|
|
|
|
|
|
|
|
.condition-content-right-item {
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
height: 28rpx;
|
|
border-radius: 10rpx;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
padding: 5rpx 10rpx;
|
|
margin: 10rpx;
|
|
color: var(--text-brown-color);
|
|
}
|
|
|
|
.right-item-sel {
|
|
background-color: var(--primary-color-light);
|
|
}
|
|
|
|
|
|
.right-item-normal {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.condition-content-btns {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
margin-bottom: 20rpx;
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.condition-content-btn {
|
|
font-size: 28rpx;
|
|
padding: 5rpx 60rpx;
|
|
text-align: center;
|
|
border-radius: 8rpx;
|
|
}
|
|
|
|
.cancel {
|
|
background-color: var(--white-color);
|
|
color: var(--text-gray-color);
|
|
}
|
|
|
|
.clear {
|
|
background-color: var(--white-color);
|
|
color: var(--text-gray-color);
|
|
}
|
|
|
|
.confirm {
|
|
background-color: var(--btn-green-color);
|
|
color: var(--white-color);
|
|
}
|
|
|
|
.add-btn {
|
|
border-radius: 8rpx;
|
|
background-color: var(--btn-green-color);
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
height: 50rpx;
|
|
margin-left: 20rpx;
|
|
line-height: 50rpx;
|
|
font-family: PingFangSC-regular;
|
|
padding: 5rpx 10rpx;
|
|
}
|
|
|
|
.add-btn:active {
|
|
background-color: var(--btn-green-color-active);
|
|
}
|
|
|
|
.content-container {
|
|
height: 82vh;
|
|
margin-top: 80rpx;
|
|
}
|
|
|
|
.bottom-btn {
|
|
position: fixed;
|
|
bottom: 40rpx;
|
|
left: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
|
|
.repair-list-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.repair-list-item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: var(--white-color);
|
|
padding: 20rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
|
|
.repair-list-item:nth-of-type(n+2) {
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.repair-item-title-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.repair-title-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.repair-name-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.repair-title-content {
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.repair-reason-desc {
|
|
margin-top: 10rpx;
|
|
font-size: 24rpx;
|
|
color: var(--text-gray-desc-color);
|
|
}
|
|
|
|
.repair-footer-box {
|
|
margin-top: 20rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.repair-attr-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
width: 100%;
|
|
}
|
|
|
|
.repair-attr-item {
|
|
font-size: 24rpx;
|
|
color: var(--text-brown-color);
|
|
background-color: var(--divider-color);
|
|
padding: 5rpx 15rpx;
|
|
border-radius: 5rpx;
|
|
line-height: 40rpx;
|
|
height: 40rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.repair-attr-item:nth-of-type(n+2) {
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
.repair-title-apply-time {
|
|
font-size: 22rpx;
|
|
color: var(--text-gray-hint-color);
|
|
}
|
|
|
|
.repair-status-green {
|
|
background-color: var(--bg-green-color);
|
|
}
|
|
|
|
.repair-status-red {
|
|
background-color: var(--bg-red-color);
|
|
}
|
|
|
|
.repair-status-yellow {
|
|
background-color: var(--primary-color);
|
|
|
|
}
|
|
|
|
.repair-status-content {
|
|
padding: 2rpx 10rpx;
|
|
font-size: 22rpx;
|
|
border-radius: 5rpx;
|
|
height: 30rpx;
|
|
line-height: 30rpx;
|
|
text-align: center;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.repair-status-gray {
|
|
background-color: var(--bg-gray-deep-color);
|
|
}
|
|
|
|
|
|
.order-item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: white;
|
|
border-radius: 10rpx;
|
|
padding: 10rpx 20rpx;
|
|
}
|
|
|
|
.record-title-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.record-options {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.options-btn {
|
|
font-size: 24rpx;
|
|
line-height: 24rpx;
|
|
height: 24rpx;
|
|
padding: 10rpx 20rpx;
|
|
border-radius: 5rpx;
|
|
background-color: var(--btn-green-color);
|
|
color: var(--white-color);
|
|
}
|
|
|
|
.options-btn:active {
|
|
background-color: var(--btn-green-color-active);
|
|
}
|
|
|
|
|
|
.red:active {
|
|
background-color: var(--red-color);
|
|
}
|
|
|
|
.record-title-status {
|
|
font-size: 20rpx;
|
|
line-height: 24rpx;
|
|
height: 24rpx;
|
|
margin-top: 8rpx;
|
|
text-align: center;
|
|
padding: 5rpx;
|
|
min-width: 80rpx;
|
|
border-radius: 5rpx;
|
|
margin-right: 15rpx;
|
|
}
|
|
|
|
.approve-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.approve-title {
|
|
font-size: 28rpx;
|
|
color: var(--text-color);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.approve-content-box {
|
|
margin-top: 10rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.approve-img-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: 15rpx;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
}
|
|
|
|
.approve-img-item {
|
|
font-size: 24rpx;
|
|
border-radius: 5rpx;
|
|
padding: 10rpx;
|
|
text-align: left;
|
|
background-color: var(--gray-bg-color);
|
|
width: 100%;
|
|
margin: 10rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.approve-img-item:nth-of-type(n+2) {
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.approve-content {
|
|
font-size: 24rpx;
|
|
margin-left: 20rpx;
|
|
text-align: left;
|
|
color: var(--text-gray-desc-color);
|
|
}
|
|
|
|
.approve-hint {
|
|
margin-top: 20rpx;
|
|
font-size: 24rpx;
|
|
color: var(--text-gray-hint-color);
|
|
}
|
|
|
|
.col-yellow {
|
|
background-color: var(--primary-color);
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.col-gray {
|
|
background-color: var(--bg-gray-deep-color);
|
|
color: var(--text-gray-desc-color);
|
|
}
|
|
|
|
.col-green {
|
|
background-color: var(--bg-green-color);
|
|
color: #006400;
|
|
}
|
|
|
|
.col-red {
|
|
background-color: var(--bg-red-color);
|
|
color: #8b0000;
|
|
}
|
|
|
|
.record-title-name {
|
|
font-size: 32rpx;
|
|
color: var(--text-color);
|
|
font-weight: bold;
|
|
flex: 1;
|
|
}
|
|
|
|
.record-number {
|
|
font-size: 24rpx;
|
|
color: var(--text-gray-desc-color);
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
.record-time {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.record-bottom-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.icon-time::before {
|
|
content: '';
|
|
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ1ODEyODg5NzI5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2MTgwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik01MTMgMzMuMjJjLTI2NS4xIDAtNDgwIDIxNC45LTQ4MCA0ODBzMjE0LjkgNDgwIDQ4MCA0ODAgNDgwLTIxNC45IDQ4MC00ODAtMjE0LjktNDgwLTQ4MC00ODB6IG0yMDguOSA2NTIuNTljLTExLjA1IDE5LjEzLTM1LjUxIDI1LjY5LTU0LjY0IDE0LjY0TDQ3NC4xIDU4OC45M2MtMTMuMDYtNy41NC0yMC4yNi0yMS4zNC0xOS45OS0zNS40MiAwLTAuMTctMC4wMS0wLjM0LTAuMDEtMC41MVYzMjkuOTVjMC0yMi4wOSAxNy45MS00MCA0MC00MHM0MCAxNy45MSA0MCA0MHYyMDEuMjNsMTczLjE3IDk5Ljk4YzE5LjEyIDExLjA1IDI1LjY4IDM1LjUxIDE0LjYzIDU0LjY1eiIgZmlsbD0iI2RiZGJkYiIgcC1pZD0iMzYxODEiPjwvcGF0aD48L3N2Zz4=');
|
|
background-size: cover;
|
|
width: 28rpx;
|
|
height: 28rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.order-item:nth-of-type(n+2) {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.contact-desc {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding: 15px;
|
|
align-items: center;
|
|
}
|
|
|
|
.contact-icon {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.name {
|
|
line-height: 23rpx;
|
|
color: var(--text-color);
|
|
font-size: 32rpx;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
font-family: SourceHanSansSC-black;
|
|
}
|
|
|
|
.service-desc {
|
|
padding: 0px 15px 15px 15px;
|
|
line-height: 20px;
|
|
color: var(--text-color);
|
|
font-size: 14px;
|
|
text-align: left;
|
|
font-family: SourceHanSansSC-regular;
|
|
}
|
|
|
|
.edit {
|
|
line-height: 20px;
|
|
border-radius: 4px;
|
|
background-color: var(--btn-green-color);
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
font-family: PingFangSC-regular;
|
|
padding: 5rpx 10rpx;
|
|
}
|
|
|
|
.del {
|
|
line-height: 20px;
|
|
border-radius: 4px;
|
|
background-color: var(--btn-red-color);
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
font-family: PingFangSC-regular;
|
|
padding: 5rpx 10rpx;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.del:active {
|
|
background-color: var(--btn-red-color-active);
|
|
}
|
|
|
|
.options-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.edit:active {
|
|
background-color: var(--btn-green-color-active);
|
|
}
|
|
|
|
|
|
.form-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
font-size: 14px;
|
|
width: 100vw;
|
|
}
|
|
|
|
.form-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
width: 80vw;
|
|
padding: 10px;
|
|
}
|
|
|
|
.form-item-title {
|
|
flex: .3;
|
|
font-size: 14px;
|
|
color: var(--text-color);
|
|
font-weight: 500;
|
|
text-align: left;
|
|
}
|
|
|
|
.form-item-title:not(.no-after)::before {
|
|
content: "*";
|
|
color: var(--red-color);
|
|
font-size: 14px;
|
|
margin-left: 1px;
|
|
text-align: center;
|
|
}
|
|
|
|
.form-item-content {
|
|
flex: 1;
|
|
text-align: right;
|
|
}
|
|
|
|
.confirm-btn {
|
|
background-color: var(--btn-green-color);
|
|
color: white;
|
|
font-size: 16px;
|
|
height: 70rpx;
|
|
line-height: 70rpx;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
width: 85vw !important;
|
|
}
|
|
|
|
.confirm-btn:active {
|
|
background-color: var(--btn-green-color-active);
|
|
color: white;
|
|
}
|
|
|
|
|
|
.weui-half-screen-dialog__bd {
|
|
padding-bottom: 40rpx;
|
|
}
|
|
|
|
.weui-dialog__hd {
|
|
padding: 30rpx;
|
|
}
|
|
|
|
|
|
.download-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 10px;
|
|
background-color: var(--white-color);
|
|
border-radius: 5px;
|
|
height: 80px;
|
|
}
|
|
|
|
.download-item:nth-of-type(n+2) {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.download-item:last-child {
|
|
margin-bottom: 80px;
|
|
}
|
|
|
|
.download-title {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 10px;
|
|
width: 75px;
|
|
}
|
|
|
|
.download-title-txt {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.download-btn-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
height: 70px;
|
|
flex: .6;
|
|
}
|
|
|
|
.download-btn {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
color: var(--text-color);
|
|
padding: 5px 10px;
|
|
border-radius: 5px;
|
|
border: 1px solid var(--divider-color);
|
|
width: 105px;
|
|
}
|
|
|
|
.download-btn-txt {
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
.download-btn:active {
|
|
background-color: var(--divider-color);
|
|
}
|
|
|
|
.icon-table {
|
|
content: "";
|
|
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgc3R5bGU9IiIgZmlsdGVyPSJub25lIj4KICAgIAogICAgPGc+CiAgICA8cGF0aCBkPSJNMTYgMjFoLTR2Mmg0di0yek0xNyAyMWg0djJoLTR2LTJ6TTE2IDI2aC00di0yaDR2MnpNMTcgMjZoNHYtMmgtNHYyek0xNiAxOGgtNHYyaDR2LTJ6TTE3IDE4aDR2MmgtNHYtMnpNMTYgMTVoLTR2Mmg0di0yek0xNyAxNWg0djJoLTR2LTJ6TTE5IDN2Ni4wMDJjMCAxLjExMSAwLjg5OCAxLjk5OCAyLjAwNiAxLjk5OGg0Ljk5NHYxNy4wMDNjMCAxLjEwNy0wLjg5NCAxLjk5Ny0xLjk5NyAxLjk5N2gtMTUuMDA1Yy0xLjEwNyAwLTEuOTk3LTAuODk5LTEuOTk3LTIuMDA3di0yMi45ODVjMC0xLjEwOSAwLjg5OS0yLjAwNyAyLjAwOS0yLjAwN2g5Ljk5MXpNMjAgM3Y1Ljk5N2MwIDAuNTU0IDAuNDUxIDEuMDAzIDAuOTkxIDEuMDAzaDUuMDA5bC02LTd6TTExIDEzdjE0aDExdi0xNGgtMTF6IiBmaWxsPSJyZ2JhKDI1NSwxNjksMCwxKSI+PC9wYXRoPgogICAgPC9nPgogIDwvc3ZnPg==');
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
|
|
|
|
.icon-tool {
|
|
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnpNNTEzLjEgNTE4LjFsLTE5MiAxNjFjLTUuMiA0LjQtMTMuMS43LTEzLjEtNi4xdi02Mi43YzAtMi4zIDEuMS00LjYgMi45LTYuMUw0MjAuNyA1MTJsLTEwOS44LTkyLjJhNy42MyA3LjYzIDAgMCAxLTIuOS02LjFWMzUxYzAtNi44IDcuOS0xMC41IDEzLjEtNi4xbDE5MiAxNjAuOWMzLjkgMy4yIDMuOSA5LjEgMCAxMi4zek03MTYgNjczYzAgNC40LTMuNCA4LTcuNSA4aC0xODVjLTQuMSAwLTcuNS0zLjYtNy41LTh2LTQ4YzAtNC40IDMuNC04IDcuNS04aDE4NWM0LjEgMCA3LjUgMy42IDcuNSA4djQ4eiIgZmlsbD0icmdiYSg1MiwxMjQsMTc1LDEpIj48L3BhdGg+CiAgICA8L2c+CiAgPC9zdmc+');
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
width: 42px;
|
|
height: 42px;
|
|
}
|
|
|
|
|
|
.icon-source {
|
|
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTkyOCAxNjFINjk5LjJjLTQ5LjEgMC05Ny4xIDE0LjEtMTM4LjQgNDAuN0w1MTIgMjMzbC00OC44LTMxLjNBMjU1LjIgMjU1LjIgMCAwIDAgMzI0LjggMTYxSDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY1NjhjMCAxNy43IDE0LjMgMzIgMzIgMzJoMjI4LjhjNDkuMSAwIDk3LjEgMTQuMSAxMzguNCA0MC43bDQ0LjQgMjguNmMxLjMuOCAyLjggMS4zIDQuMyAxLjNzMy0uNCA0LjMtMS4zbDQ0LjQtMjguNkM2MDIgODA3LjEgNjUwLjEgNzkzIDY5OS4yIDc5M0g5MjhjMTcuNyAwIDMyLTE0LjMgMzItMzJWMTkzYzAtMTcuNy0xNC4zLTMyLTMyLTMyek00MDQgNTUzLjVjMCA0LjEtMy4yIDcuNS03LjEgNy41SDIxMS4xYy0zLjkgMC03LjEtMy40LTcuMS03LjV2LTQ1YzAtNC4xIDMuMi03LjUgNy4xLTcuNWgxODUuN2MzLjkgMCA3LjEgMy40IDcuMSA3LjV2NDV6bTAtMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUgyMTEuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em00MTYgMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUg2MjcuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em0wLTE0MGMwIDQuMS0zLjIgNy41LTcuMSA3LjVINjI3LjFjLTMuOSAwLTcuMS0zLjQtNy4xLTcuNXYtNDVjMC00LjEgMy4yLTcuNSA3LjEtNy41aDE4NS43YzMuOSAwIDcuMSAzLjQgNy4xIDcuNXY0NXoiIGZpbGw9InJnYmEoMTI5LDE3OSw1NSwxKSI+PC9wYXRoPgogICAgPC9nPgogIDwvc3ZnPg==');
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
width: 42px;
|
|
height: 42px;
|
|
}
|
|
|
|
.hint {
|
|
font-size: 14px;
|
|
text-align: center;
|
|
color: var(--primary-color);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.search-container-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
} |