.store-item{
    border-radius: 16px; background: #fff; display: flex; margin:20px 0; height: 300px; overflow: hidden;
}
.store-item>.image{
    width: 405px;; height: 300px; display: flex; align-items: center; justify-content: center; border-radius: 16px; overflow: hidden; margin-right: 40px;
}
.store-item>.image>img{
    object-fit: cover; max-width: 100%;
}

.store-item .store-body{
    flex: 1; position: relative;
}
.store-item .store-name{
    font-size: 24px; font-weight: 600; margin-top:59px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.store-item .msg-list{
    margin-top: 30px; font-size: 16px; color: #777;
}
.store-item .msg-list>li{
    display: flex; height: 30px; line-height: 30px;
}
.store-item .sotre-with{
    flex: 1; width: 0;
}
.store-item .green{
    color: var(--green);
}
.store-item .store-score{
    position: relative; width: 360px; height: 300px; background: url("../../images/store_chart_bg.png") center center; margin-left: 32px; display: flex; align-items: center; justify-content: center;
}
.store-item .store-score>.chart{
    width: 270px; height: 250px;
}
.store-item .store-score>.score{
    position: absolute; left:10px; top: 10px; z-index: 2; font-size: 44px; color: #FF9B52; line-height: 1; font-weight: 600;
}
.store-item .store-score>.score>sup{
    font-size: 14px; position: relative; top: -3px; left: -6px; font-weight: normal;
}
.store-item .store-action{
    text-align: right; position: absolute; bottom: 32px; right: 0;
}
.store-item .store-action>a{
    width: 150px; height: 48px; line-height: 48px; text-align: center; display: inline-block; border-radius: 23px; border:1px solid var(--green); font-size: 17px;  background: #fff;  color: var(--green);
}
.store-item .store-action>a+a{
    margin-left: 10px;
}
.store-item .store-action>a.on{
    background: var(--green); color: #fff;
}

.store-detail-wrap{
    background: #fff; border-radius: 16px; padding:20px 20px 20px 47px; display: flex;
}
.store-detail-wrap>.image{
    width: 500px; height: 370px; display: flex; align-items: center; justify-content: center; margin-left: 20px;
}
.store-detail-wrap>.image>img{
    object-fit: cover;
}
.store-detail-wrap .store-name{
    line-height: 48px; font-weight: 600; font-size: 40px; margin-top: 28px;
}

.store-service{
    background: linear-gradient(90deg, rgba(213, 235, 210, 0.32) 47.2%, rgba(255, 255, 255, 0) 111.09%);  border-radius: 10px; padding:10px; display: inline-flex; min-width: 545px; margin-top: 25px;
}
.store-service>li{
    display: inline-flex;
}
.store-service>li:not(:last-of-type){
    margin-right: 20px;
}
.store-service>li{
    font-size: 14px; display: inline-flex; flex-direction: column; padding:4px; min-width: 108px; text-align: center;
}
.store-service>li>p{
    line-height: 20px;
}
.store-service>li>p:not(:last-of-type){
    margin-bottom: 4px;
}
.store-service>li>.name{
    font-weight: 600;
}
.store-service>li>.tips{
    color: #777;
}

.store-msg-list{
    margin-top: 25px; font-size: 16px; color: #777;
}
.store-msg-list>li{
    display: flex; height: 30px; line-height: 30px;
}
.store-msg-list .sotre-with{
    flex: 1; width: 0;
}
.store-msg-list .green{
    color: var(--green);
}
.store-comment-bar{
    display: flex; justify-content: space-between; align-items: center;  font-size: 20px; font-weight: 600; margin:40px 0 25px;
}
.store-comment-bar .number{
    color: var(--green);
}
.store-comment-bar>.write-comment{
    background: var(--green); border-radius: 24px; height: 48px; line-height: 38px; color: #fff; display: block; padding: 5px 28px; min-width: 150px; text-align: center; font-size: 16px; font-weight: normal;
}