yelaixiang/pages/index/details/details.scss

.title{
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    .titles{
        text-align: center;
        color: #fff;
        font-size: 36rpx;
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-weight: bold;
        padding-top: 10rpx;
    }
    .back{
        position: absolute;
        left: 30rpx;
        width: 80rpx;
        height: 35rpx;
        image{
            width: 18rpx;
            height: 100%;
        }
    }
}
.cover{
    width: 100%;
    height:614rpx;
    image{
        width: 100%;
        height:614rpx;
    }
}
.info{
    // width: 100%;
    height: calc(100vh - 734rpx);
    overflow-y: auto;
    margin-top: -40rpx;
    background: #FDFAF3;
    border-top-left-radius: 40rpx;
    border-top-right-radius: 40rpx;
    position: absolute;
    bottom: 0;
    left: 0;
    padding:80rpx 40rpx;
    width: calc(100% - 80rpx);
    .info_title{
        font-size: 40rpx;
        font-family:Georgia, 'Times New Roman', Times, serif;
        font-weight: bold;
    }
    .time{
        font-size: 28rpx;
        color: #666666;
    }
    .intro{
        font-size: 36rpx;
        font-family:Georgia, 'Times New Roman', Times, serif;
        font-weight: bold;
        padding-top: 40rpx;
        padding-bottom: 20rpx;
    }
    .text{
        font-size: 28rpx;
        line-height: 50rpx;
        text-indent: 2em;
    }
}