epdc-analysis-mp-yushan/miniprogram/pages/typicalCases/typicalCases.wxss

/* epdc-shibei-analysis-mp/miniprogram/pages/typicalCases/typicalCases.wxss */
page{
    background: #f7f7f7;
}
.color{
    background: #fff;
    height: auto;
}
.title{
    width: 710rpx;
    height:auto;
    margin:0rpx 21rpx;
    color:#333333;
    font-size: 44rpx;
    font-weight: bold;
    font-family: 'PingFang-SC-Bold';
    /* overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;  */
}
.img  {
    width: 26rpx;
    height: 26rpx;
    float: left;
    margin-right: 20rpx;
}
.img image {
    width: 100%;
    height: 100%;
}
.time{
    margin-top:20rpx;
    margin-left: 20rpx;
    color: #ADAEB3;
}
.content{
    width: 709rpx;
    height: auto;
    margin-left: 20rpx;
    margin-right: 20rpx;
    color: #333333;
    padding-bottom: 20rpx
}
.content .abstract {
    font-size: 32rpx;
    font-family:'PingFangSC-Medium';
    line-height: 50rpx;
    font-weight: Medium;
}
.case{
    width: 100%;
    height: auto;
    margin-top: 20rpx;
    background: #f7f7f7;
    overflow: hidden;
    /* background: red; */
}
.caseBox{
    margin:20rpx;
    background: #fff;
    border-radius: 16rpx;
}
.caseImg{
    width: 150rpx;
    height: 46rpx;
    position: relative;
}
.caseImg1{
    width: 100%;
    height: 100%;
}
.case1{
    position: absolute;
    left: 30%;
    top: 50%;
    transform: translate(-50%, -50%); 
    font-family: 'PingFangSC-Medium';
    font-size: 22rpx;
}
.project{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%); 
    font-family: 'PingFangSC-Medium';
    font-size: 22rpx;
}
.origin{
    margin:20rpx 10rpx;
}
.originImg{
    width: 28rpx;
    height: 28rpx;
    display: inline-block;
}
.originImg1{
    width: 100%;
    height: 100%;
}
.caseOrigin{
    width: auto;
    font-size: 26rpx;
    font-family: 'PingFangSC-Medium';
    color: #ADAEB3;
}
.caseContent{
    width: 660rpx;
    height: auto;
    border-radius: 10rpx;
    margin-left:20rpx;
    background-color: #F5F6F8;
    /* border: 1rpx solid red; */
    padding-top: 20rpx;
    padding-left: 20rpx;
    position: relative;
    padding-bottom: 21rpx;
}
.userImg{
    width:48rpx;
    height: 48rpx;
}
.user{
    position: relative;
}
.userName{
    color: #666666;
    font-size: 24rpx;
    position: absolute;
    left: 60rpx;
    top: 0;
    font-family: 'PingFangSC-Medium';
    
}
.userTime{
    color: #ADAEB3;
    font-size: 20rpx;
    position: absolute;
    left: 60rpx;
    bottom: -5rpx;
    font-family: 'PingFangSC-Medium';
}
.caseText{
    color: #333333;
    font-size: 34rpx;
    font-family: 'PingFangSC-Medium';
    margin-top: 10rpx;
    /* margin-bottom: 10rpx; */
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.footer{
    width:100%;
    height:auto;
    display:flex;
    margin-top:21rpx;
    /* margin-bottom:21rpx; */
}
.footerImg{
    width: 28rpx;
    height: 28rpx;
    /* margin-top: 10rpx; */
}
.type{
    color: #ADAEB3;
    font-size: 26rpx;
    font-family: 'PingFangSC-Medium';
    padding-left: 10rpx;
    width:450rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.idea{
    color: #F08526;
    font-size: 26rpx;
    font-family: 'PingFangSC-Medium';
    float: right;
    /* margin-right: 20rpx;
    margin-left:420rpx; */
}
.richText{
    width: 670rpx;
    height: auto;
    /* border: 1rpx solid red; */
    margin-top: 30rpx;
    margin-bottom: 20rpx;
    margin-left: 20rpx;
    overflow-x: hidden;
}
.model{
    width:66rpx;
    height: 66rpx;
    position: absolute;
    right: 0;
    top: 0;
}
.moreCase{
    width: 126rpx;
    height: 126rpx;
    position: fixed;
    bottom: 10rpx;
    right: 10rpx;

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