uniapp-ZHSQ/packages/localLife/comment/index.css

page {
    background-color: #f6f7fb;
    padding-bottom: 0;
    min-height: 100vh;
}

image {
    width: 100%;
    height: 100%;
}

.Msg {
    background-color: #fff;
    margin-top: 26rpx;
    padding: 0 20rpx;
}

.Msg_Tit {
    display: flex;
    align-items: center;
    margin-top: 30rpx;
    border-bottom: 1rpx solid #EBEBEB;
}

.Msg_Tit_left {
    width: 100rpx;
    height: 100rpx;
    border-radius: 20rpx;
    overflow: hidden;
    margin-right: 30rpx;
}

.Msg_Tit_right {
    font-size: 32rpx;
    color: #222222;
}

.Msg_ipt {
    display: flex;
    padding: 30rpx 0;
    border-bottom: 1rpx solid #EBEBEB;
}

.row {
    font-size: 28rpx;
    color: #222222;
    width: 110rpx;
    font-weight: 600;
}

.startList {
    display: flex;
    align-items: center;
}

.start {
    width: 30rpx;
    height: 30rpx;
    margin-right: 10rpx;
}

.noneBor {
    border-bottom: none;
}

.startList {
    flex: 1;
}

#textareas {
    width: 100%;
    white-space: wrap !important;
    line-height: 1.5;
}

.Msg2 {
    width: 660rpx;
    height: 378rpx;
    background: #FFFFFF;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    margin: 0 auto;
    margin-top: 30rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.Msg2_Tit {
    display: flex;
    align-items: center;
    width: 100%;
}

.Msg2_Tit_left,
.Msg2_Tit_right {
    font-size: 28rpx;
    color: #999999;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70rpx;
}

.Msg2_Tit_line {
    height: 70rpx;
    width: 1rpx;
    background-color: #EBEBEB;
}

.active {
    border-bottom: 2rpx solid #FF370B;
    font-weight: 600;
    color: #000000;
}

.Msg2_Con {
    flex: 1;
    width: 100%;
    position: relative;
}

.upload-placeholder {
    height: 100% !important;
    width: 600rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 26rpx;
    color: #999999;
    justify-content: center;
    margin: 0 auto;
}

.upload-placeholder2 {
    width: 100% !important;
    height: 100% !important;
}

::v-deep .u-upload {
    width: 100% !important;
    height: 100% !important;
}

.u-upload__wrap {
    width: 100%;
    height: 100%;
    padding: 30rpx !important;
    box-sizing: border-box;
}

.u-upload__wrap--preview {
    width: 120rpx !important;
    height: 120rpx !important;
}

.uploadIcon {
    width: 120rpx;
    height: 120rpx;
    background: #F6F7FB;
    border-radius: 10rpx 10rpx 10rpx 10rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}

.u-upload__wrap__preview {
    width: 120rpx;
    height: 120rpx;
    border-radius: 10rpx 0rpx 10rpx 10rpx !important;
}

.u-upload__wrap__preview__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.videoCon {
    height: 100% !important;
    width: 600rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 26rpx;
    color: #999999;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.videoCon image {
    width: 60rpx;
    height: 60rpx;
    margin-bottom: 10rpx;
}

.videoBOX {
    width: 100% !important;
    height: 100% !important;
}

.videoBOX video {
    width: 100% !important;
    height: 100% !important;
}

.mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mask_con {
    width: 40rpx;
    height: 40rpx;
    z-index: 2;
}

.mask_cancel {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5rpx 5rpx 5rpx 5rpx;
    font-size: 24rpx;
    color: #FFFFFF;
    padding: 2rpx 11rpx;
    position: absolute;
    left: 30rpx;
    top: 24rpx;
    z-index: 2;
}