.chatlog {
    width: 750rpx;
    height: calc(100vh - 380rpx);
    margin-top: 40rpx;
    overflow-y: scroll;
}

.bottom {
    position: fixed;
    bottom: 0;
    width: 750rpx;
    height: 300rpx;
}

.bottom .inputbox {
    display: flex;
    margin: 30rpx;
    height: 100rpx;
    border-radius: 60rpx;
    background: #eee;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 20rpx;
}

.bottom .placeholder {
    font-size: 30rpx;
    flex: 1;
    display: flex;
    align-items: center;
    padding-left: 30rpx;
}

.bottom .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom .icon .up {
    width: 60rpx;
    height: 60rpx;
}

.bottom .quick-actions {
    display: flex;
    flex-direction: row;
    padding: 0 40rpx;
}

.bottom .quick-action {
    height: 68rpx;
    font-size: 28rpx;
    color: #ef4823;
    background: #eee;
    border-radius: 60rpx;
    padding: 0 28rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20rpx;
}

.hidden {
    display: none;
}