.content {
    position      : sticky;
    top           : 3rem;
    padding-bottom: 0;
}

.content,
.slideBody {
    background-color: #f1f1f1;
}

.shopsBox {
    display      : flex;
    margin-bottom: 0.25rem;
    padding      : 0.25rem;
    width        : 100%;
    color        : black;
    border-radius: 5px;
    background   : #fff;
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
}

.shopsBox .shopsLeft {
    width        : 4.5rem;
    height       : 4.5rem;
    border-radius: 5px;
}

.shopsBox .shopsLeft img {
    /* max-width    : 100%; */
    width: 90%;
    height: 90%;
    border-radius: 5px;
}

.shopsBox .shopsRight {
    flex               : 1;
    display            : flex;
    flex-direction     : column;
    justify-content    : space-around;
    margin-left        : 0.5rem;
    height             : 4.5rem;
    width              : 100%;
    /* background-color: #00a2ff; */
}

.shopsBox .shopsRight>div {
    width: 100%;
}

.shopsBox .shopsRight .shopsRrow1,
.shopsRrow2,
.shopsRrow3 {
    display: flex;
    width  : 100%;
}

.shopsBox .shopsRight .shopsRrow1 {
    font-size          : 0.9rem;
    font-weight        : 700;
    overflow           : hidden;
    text-overflow      : ellipsis;
    display            : -webkit-box;
    -webkit-box-orient : vertical;
    -webkit-line-clamp : 1;
    /* background-color: pink; */
}

.shopsBox .shopsRight .shopsRrow2 {
    /* margin: 0.2rem 0; */
    justify-content    : space-between;
    /* background-color: rgb(255, 0, 98); */
}

.shopsBox .shopsRight .shopsRrow2 .shopsmallInfo {
    display            : flex;
    align-items        : center;
    /* background-color: #5eff00; */
}

.shopsBox .shopsRight .shopsRrow2 .phoneCopy {
    padding         : 0.1rem 0.2rem;
    border-radius   : 3px;
    color           : #fff;
    border          : 1px solid #000;
    background-color: #000000;
}


.shopsRrow2 .shopsmallInfo .shopsTelephoneInfo {
    width              : 0.7rem;
    height             : 0.7rem;
    flex-shrink        : 0;
    /* background-color: rgb(163, 163, 118); */
}

.shopsRrow2 .shopsmallInfo .shopsTelephoneInfo img {
    max-width: 100%;
}

.shopsBox .shopsRight .shopsRrow3 {
    /* background-color: skyblue; */
}

.shopsBox .shopsRight .shopsRrow3 .shopsAddressIcon {
    width              : 0.7rem;
    height             : 0.7rem;
    flex-shrink        : 0;
    /* background-color: rgb(255, 255, 0); */
}

.shopsBox .shopsRight .shopsRrow3 .shopsAddressIcon img {
    max-width: 120%;
}

.shopsBox .shopsRight .shopsRrow3 .shopsAddressP {
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow          : hidden;
}