.exhibitor-item{ border-radius: 8rpx; background: #FFFFFF; box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0,0,0,0.15); padding: 26rpx 23rpx; border: 1rpx solid #D9D9D9; &.active{ border: 4rpx solid rgba(232,116,0,0.34); padding: 24rpx 21rpx; } .exhibitor-body{ display: flex; .exhibitor-name{ flex: 1; color: #333333; font-weight: bold; line-height: 38rpx; font-size: $fontSize4; margin-left: 12rpx; margin-right: 28rpx; &>view{ width: 100%; @include text-ellipsis-line; -webkit-line-clamp: 2; } } .exhibitor-name-cn{ font-family: Poppins, Poppins; } .exhibitor-name-en{ font-family: Poppins, Poppins; font-weight: normal; font-size: $fontSize3; } .exhibitor-number{ flex-shrink: 0; justify-content: flex-end; margin-top: 12rpx; } .exhibitor-number-label{ font-size: $fontSize0; color: #555555; } .exhibitor-number-text{ font-family: Poppins, Poppins; font-weight: bold; font-size: $fontSize5; color: #E57519; letter-spacing: 2rpx; } .exhibitor-logo{ width: 90rpx; height: 90rpx; border-radius: 6rpx; border: 1rpx solid #E1E1E1; } image{ width: 100%; height: 100%; } } .exhibitor-footer{ display: flex; align-items: center; padding-top: 33rpx; .exhibitor-action{ display: grid; flex: 1; grid-template-columns: repeat(4, 1fr); font-size: $fontSize2; color: #555555; &>view, &>button{ display: flex; align-items: center; cursor: pointer; } button{ font-size: $fontSize2; white-space: nowrap; line-height: inherit; border: none; background-color: transparent; view{ display: flex; align-items: center; font-size: $fontSize2; } } .iconfont{ font-size: 28rpx; margin-right: 4rpx; } } .exhibitor-views{ font-weight: 400; font-size: $fontSize2; color: #555555; line-height: 20rpx; margin-right: 57rpx; } } }