xzy/pages/user/share.wxss

page {
    background: #a3a3a3;
    height: 100%;
}

.container {
    width: 100%;
}

.container .posters-box {
    width: 100%;
    height: 1000rpx;
    margin-top: 40rpx;
}

.container .posters-box .slide-image {
    width: 100%;
    height: 100%;
    border-radius: 15rpx;
}

.container .posters-box .slide-image.active {
    transform: none;
    transition: all .2s ease-in 0s;
}

.container .posters-box .slide-image.quiet {
    transform: scale(.83333);
    transition: all .2s ease-in 0s;
}

.container .keep {
    font-size: 30rpx;
    background: #5dbc7c;
    width: 600rpx;
    height: 80rpx;
    border-radius: 50rpx;
    line-height: 80rpx;
    margin: 38rpx auto;
}

.container .keep,.preserve {
    color: #fff;
    text-align: center;
}

.preserve {
    margin-top: 38rpx;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.preserve .line {
    width: 100rpx;
    height: 1px;
    background-color: #fff;
}

.preserve .tip {
    margin: 0 20rpx;
    font-size: 28rpx;
}