crm/resources/zqxgxcx/index/pages/progressdetail/progressdetail.wxss

/* index/pages/progressdetail/progressdetail.wxss */
.progressdetail {
    width: 100%;
    min-height: 100vh;
    background-color: #F0F4F7;
    position: relative;
    overflow: auto;
    padding-bottom: 100rpx;
}

.image-box {
    width: 100%;
    height: 450rpx;
    overflow: hidden;
    position: relative;
}

.image-box image {
    width: 100%;
}

.vr-box {
    width: 120rpx;
    height: 65rpx;
    position: absolute;
    z-index: 9;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 36rpx;
}
.vr-box > image {
    width: 100%;
}

.floorMsg {
    width: 94%;
    padding: 30rpx 20rpx 40rpx;
    margin: -90rpx auto 0rpx;
    position: relative;
    z-index: 10;
    background-color: #fff;
    border-radius: 10rpx;
    box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(36,158,251,0.23);
}

.f-data {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 29rpx;
    margin: 11rpx 0rpx 13rpx;
}

.f-data>view {
    flex: 1;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.color687888 {
    color: #687888;
}

.f-title {
    font-size: 36rpx;
    color: #222222;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}

.dscText {
    font-size: 29rpx;
    margin-left: 20rpx;
    color: #28A1FF;
}

.f-area {
    font-size: 29rpx;
    color: #B5D3E6;
    margin-top: 10rpx;
}

.f-delivery,
.f-address {
    display: flex;
    align-items: center;
    margin-bottom: 12rpx;
}

.f-delivery-name,
.f-address-name,
.f-dsc-name {
    font-size: 29rpx;
    line-height: 50rpx;
}

.f-address_ico {
    width: 35rpx;
}

.f-delivery-time {
    color: #333333;
    line-height: 50rpx;
    font-size: 29rpx;
}

.flex-sub {
    flex: 1;
}

.f-address-dsc {
    font-size: 28rpx;
}

.f-dsc {
    display: flex;
}

.f-dsc-arrow {
    width: 20rpx;
}

.rotate90 {
    transform: rotate(90deg);
}

.f-dsc-content {
    font-size: 29rpx;
}

.ellipsisOne {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line {
    width: 100%;
    height: 32rpx;
    background-color: #F6F6F6;
}

.updateBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 30rpx 20rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.u-img-box {
    width: 80rpx;
    height: 80rpx;
    border-radius: 50%;
    overflow: hidden;
}

.u-img-box image {
    width: 100%;
    height: 100%;
}

.u-company {
    overflow: hidden;
    box-sizing: border-box;
    padding: 0rpx 20rpx;
}

.u-company-name {
    font-size: 32rpx;
    color: #333333;
}

.u-company-date {
    color: #CECECE;
    font-size: 28rpx;
}

.u-button {
    width: 120rpx;
    height: 50rpx;
    background-color: #28A1FF;
    color: #fff;
    font-size: 26rpx;
    font-style: normal;
    line-height: 50rpx !important;
}

.house-box {
    width: 100%;
    padding: 30rpx 20rpx;
    background-color: #fff;
}

.h-title {
    height: 40rpx;
    border-left: 8rpx solid #28A1FF;
    line-height: 40rpx;
    box-sizing: border-box;
    padding-left: 10rpx;
    color: #333333;
    font-weight: 700;
}

.h-content {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    margin-top: 30rpx;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.h-c-item {
    flex: none;
    width: 300rpx;
    height: 200rpx;
    border: 2rpx solid #EFEFEF;
    margin-right: 20rpx;
}

.h-c-i-top {
    height: 140rpx;
    box-sizing: border-box;
    padding: 20rpx;
}

.h-c-i-top-name {
    font-size: 32rpx;
    font-weight: 700;
    color: #333333;
}

.h-c-i-top-case {
    font-size: 24rpx;
    color: #CDCDCD;
    margin-top: 10rpx;
}

.h-c-i-bottom {
    width: 100%;
    height: 60rpx;
    border-top: 2rpx solid #EFEFEF;
    box-sizing: border-box;
    padding: 0px 20rpx;
    font-size: 24rpx;
    color: #28A1FF;
    line-height: 60rpx;
}

.timelineBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20rpx 20rpx 50rpx;
    margin-top: 20rpx;
}

.noneText {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28rpx;
    color: #999999;
}

.timeline-item {
    width: 100%;
    height: auto;
    position: relative;
}
.moreClass {
    width: 100%;
    text-align: center;
    line-height: 60rpx;
    color: #6C7B8B;
    margin-top: -4rpx;
    font-size: 28rpx;
}
.rotate180 {
    transform: rotate(180deg);
}
.moreClass > image {
    width: 25rpx;
    position: relative;
    top: 5rpx;
}
.timeline-item-date {
    width: 100%;
    padding: 8rpx 0rpx;
    font-size: 20rpx;
    border-radius: 4rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.progressTypeBtn {
    display: inline-block;
    background-color: #F0F4F7;
    color: #9DB6CF;
    padding: 5rpx 15rpx;
    border-radius: 5rpx;
    font-size: 20rpx;
}

.timeline-item-name {
    margin: 0rpx;
    color: #333333;
    font-size: 32rpx;
    display: flex;
    align-items: flex-start;
}
.timeline-item-name > view {
    flex:1;
    box-sizing: border-box;
    padding-right: 30rpx;
}
.progress_share {
    background-color: #fff;
    padding: 0rpx !important;
    margin: 6rpx 0rpx 0rpx !important;
    font-style: normal;
    width: 40rpx;
    height: 40rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}
.progress_share > image {
    width: 30rpx;
}

.color6C7B8B {
    color: #6C7B8B;
}

.timeline-item-dsc {
    font-size: 24rpx;
}

.ellipsisTwo {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.t-allContent {
    margin-top: 20rpx;
    width: 110rpx;
    height: 60rpx;
    line-height: 60rpx;
    font-size: 24rpx;
    background-color: #F0F4F7;
    color: #249EFB;
}

.timeline-item-img {
    padding: 20rpx 0rpx;
}

.vr-img-link {
    width: 150rpx;
    height: 150rpx;
    display: inline-block;
    margin-right: 30rpx;
    margin-bottom: 30rpx;
    position: relative;
    background-color: #fff;
}

.vr-img-link image {
    width: 100%;
    height: 100%;
}

.vr-img-text {
    position: absolute;
    width: 100rpx;
    height: 60rpx;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 28rpx;
}

.timeline-item-circle {
    width: 20rpx;
    height: 20rpx;
    border: 5rpx solid #28A1FF;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: -60rpx;
    top: 16rpx;
    z-index: 9;
}

.timeline-item-line {
    width: 2rpx;
    height: 100%;
    border-left: 2rpx dashed #9C9C9C;
    position: absolute;
    left: -51.5rpx;
    top: 16rpx;
    z-index: 8;
}

.listBoxStyle {
    width: 94%;
    height: auto;
    margin: 0rpx auto 60rpx;
    border-radius: 10rpx;
    background-color: #fff;
}

.communitymsg {
    width: 100%;
    margin: 20rpx auto 0rpx;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: #fff;
    padding: 20rpx 0 0 20rpx;
    display: flex;
    align-items: center;
    border-bottom: 2rpx solid #D4E4ED;
}
.pt0 {
    padding-top: 0rpx !important;
}

.communitymsg view {
    display: inline-block;
    margin-right: 40rpx;
    padding-bottom: 20rpx;
    color: #667687;
    font-size: 29rpx;
}

.communitymsg view.nowtitle {
    position: relative;
    font-weight: 700;
    color: #222222;
    font-size: 32rpx;
}

.communitymsg view.nowtitle::after {
    content: " ";
    display: block;
    width: 24rpx;
    height: 10rpx;
    border-radius: 5rpx;
    position: absolute;
    bottom: 4rpx;
    left: 50%;
    background-color: #222222;
    transform: translateX(-50%);
}

/* 在施工地 */
.constructbox {
    padding-top: 16rpx;
}

.constructSitebox {
    display: block;
    width: 680rpx;
    background-color: #fff;
    border-radius: 16rpx;
    border: 1px solid #ECECEC;
    box-sizing: border-box;
    padding: 24rpx 20rpx 28rpx;
    margin: 0 auto 20rpx;
    box-shadow: 0 2px 8px 0 rgba(56, 72, 85, 0.20);
    overflow: hidden;
}

.coverbox {
    width: 100%;
    height: 180rpx;
    overflow: hidden;
}
.coverbox > image {
    display: block;
    width: 100%;
    height: 100%;
}

.constructit {
    width: 400rpx;
}

.casecollectbox image {
    width: 20rpx;
    height: 20rpx;
    position: relative;
    top: 18rpx;
    margin-right: 8rpx;
}

.constructSitebox .casecollectbox image {
    top: 11rpx;
}

.constructSitebox .casecollectbox image {
    top: 11rpx;
}

.sitestep {
    display: block;
    border-top: 1px solid #ECECEC;
    padding: 24rpx 10rpx;
}

.everysteps {
    text-align: center;
    position: relative;
}

.everysteps .stepnum {
    display: block;
    width: 32rpx;
    height: 32rpx;
    background: #FFFFFF;
    border: 2rpx solid #CCCCCC;
    /* background: #28A1FF; */
    border-radius: 50%;
    /* color: #fff; */
    margin: 0 auto 12rpx;
    position: relative;
    z-index: 2;
}

.everysteps::after {
    display: block;
    content: " ";
    width: 125.2rpx;
    height: 10rpx;
    background: #EEEEEE;
    position: absolute;
    top: 11rpx;
    left: -50%;
    z-index: 1;
}

.sitestep .everysteps:first-child::after {
    display: none;
}

.laststeps .stepnum {
    background-color: #28A1FF;
    border-color: #28A1FF;
    color: #fff !important;
}

.laststeps::after {
    background-color: #28A1FF;
}

.duihaoIcon {
    width: 20rpx;
    height: 20rpx;
    margin-top: 7rpx;
}

.rightbtnbox {
    display: block;
    position: fixed;
    right: 0rpx;
    bottom: 200rpx;
    z-index: 11;
}

.tcollectbox {
    display: block;
    width: 98rpx;
    height: 98rpx;
    background-color: #ffffff;
    box-shadow: 0 2rpx 8rpx 0 rgba(56, 72, 85, 0.20);
    border: solid 1px #B6CADE;
    border-radius: 50%;
    position: relative;
    right: 28rpx;
    overflow: hidden;
}

.colorB6CADE {
    color: #B6CADE;
}

.tcollectbox image {
    display: block;
    width: 27rpx;
    height: 27rpx;
    margin: 18rpx auto 12rpx;
}

.tsharebox {
    background-color: #259cfa;
    box-shadow: 0px 2rpx 15rpx 1px rgba(36, 157, 250, 0.48);
    border: solid 1px #249dfa;
    margin-bottom: 24rpx;
}

.sharenumBox .pricebtnimg {
    position: relative;
    right: -14rpx;
    top: 0;
    width: 82rpx;
    height: 92rpx;
    margin-top: 24rpx;
}

.switchTab {
    position: absolute;
    max-width: 80%;
    height: 56rpx;
    background-color: rgba(255, 255, 255, 0.6);
    color: #333333;
    z-index: 999;
    bottom: 110rpx;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 28rpx;
    display: flex;
    align-items: center;
}

.switchTab>view {
    width: 130rpx;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24rpx;
}

.activeTab {
    background-color: #249EFB;
    border-radius: 35rpx;
    color: #fff;
}

.houseTypeBox {
    width: 100%;
    padding-bottom: 20rpx;
}

.houseTypeHeader {
    width: 100%;
    height: 80rpx;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0rpx 20rpx;
    margin-top: 10rpx;
}

.hhRight {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 29rpx;
    color: #222222;
}

.hhRight>view {
    display: inline-block;
    margin-right: 20rpx;
}

.hhactive {
    color: #249EFB;
    font-weight: 700;
    position: relative;
}

.houseTypeShowBox {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
}

.houseTypeItem {
    flex: none;
    display: block;
    width: 420rpx;
    padding: 20rpx;
}

.house_image {
    width: 100%;
    height: 300rpx;
    border: 2rpx solid #D3E4ED;
    box-sizing: border-box;
    padding: 10rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bcE8F3FF {
    background-color: #E8F3FF;
}

.house_image>image {
    width: 100%;
    height: 100%;
}

.h-dsc111 {
    margin-top: 10rpx;
    display: flex;
    justify-content: space-between;
    font-size: 29rpx;
}

.h-area111 {
    font-size: 29rpx;
    line-height: 60rpx;
}

.h-operate {
    margin-top: 10rpx;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.h-operate>button {
    width: 140rpx;
    height: 60rpx;
    font-size: 29rpx;
    line-height: 60rpx;
    text-align: center;
    color: #fff;
}
.fw700 {
    font-weight: 700;
}

.bg249EFB {
    background-color: #249EFB;
}

.bg1BCFA7 {
    background-color: #1BCFA7;
}

.caseBoxStyle {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding-left: 12rpx;
}

/*案例样式*/
.caselistbox {
    display: block;
    padding: 20rpx 0rpx 30rpx;
    padding-left: 15rpx;
}

.everycasebox {
    width: 320rpx;
    box-shadow: 0 4rpx 20rpx 0 rgba(36, 158, 251, 0.26);
    border-radius: 10rpx;
    overflow: hidden;
    margin-bottom: 20rpx;
}

.caselistbox .everycasebox:nth-of-type(2n-1) {
    margin-right: 20rpx;
}

.caselistbox .everycasebox .imgbox {
    height: 220rpx;
}

.caselistbox .everycasebox .imgbox image {
    display: block;
    width: 100%;
    height: 100%;
}

.casehousemsgbox {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgb(56, 72, 85);
    opacity: 0.7;
    z-index: 2;
}

.casemsgbox {
    padding: 20rpx 10rpx 30rpx;
}

/*案例样式*/
.s-count {
    position: absolute;
    right: 20rpx;
    bottom: 112rpx;
    color: #ffffff;
    font-size: 29rpx;
    background-color: rgba(0,0,0,0.5);
    padding: 1rpx 15rpx;
    border-radius: 25rpx;
}
.timelineBox-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    padding: 0rpx 0rpx 20rpx;
}
.p-type-btn {
    width: 150rpx;
    height: 60rpx;
    line-height: 60rpx;
    color: #333333;
    font-weight: 700;
    font-size: 36rpx;
    background-color: transparent;
}

.maskWH {
    width: 100%;
    height: 100vh;
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    top: 0rpx;
    left: 0rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.maskBox {
    width: 90%;
    max-height: 1000rpx;
    background-color: #fff;
    position: relative;
    border-radius: 10rpx;
    box-sizing: border-box;
    padding: 96rpx 0rpx 0rpx;
}
.close_icon {
    width: 52rpx;
    height: 52rpx;
    background-color: #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: -20rpx;
    top: -20rpx;
}
.close_icon image {
    width: 40rpx;
}
.m_case_title {
    height: 96rpx;
    width: 100%;
    text-align: center;
    line-height: 96rpx;
    border-bottom: 1rpx solid #CCCCCC;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 0rpx;
    left: 0rpx;
}
.m_case_content {
    width: 100%;
    height: 904rpx;
    overflow-y: auto;
    box-sizing: border-box;
    padding-top: 10rpx;
}
.m_case_item {
    width: 100%;
    height: 80rpx;
    line-height: 90rpx;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0rpx 30rpx;
}
.m_case_type {
    color: #249EFB;
}
.m_case_name {
    max-width: 65%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.swiper-item {
    height: auto;
}

.swiper-item>image {
    width: 100%;
}

.topNumber {
    position: absolute;
    top: 0rpx;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
}
.hh-vrView {
    width: 180rpx;
    height: 60rpx;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 30rpx;
    font-size: 28rpx;
    position: absolute;
    bottom: 20rpx;
    left: 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hh-vrView > image {
    width: 40rpx;
}
/* 弹窗 */
.maskBg {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0rpx;
    left: 0rpx;
    background-color: rgba(0,0,0,0.4);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dialog {
    width: 90%;
    height: auto;
    padding: 40rpx 0rpx 0rpx;
    overflow: hidden;
    background-color: #fff;
    border-radius: 10rpx;
}
.ddTitle {
    width: 100%;
    height: 80rpx;
    line-height: 60rpx;
    text-align: center;
    color: #000000;
    font-weight: 700;
    font-size: 32rpx;
    border-bottom: 1rpx solid #f2f2f2;
}
.ddContent {
    width: 100%;
    min-height: 400rpx;
    max-height: 800rpx;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20rpx;
}
.ddBtn {
    width: 100%;
    height: 108rpx;
    line-height: 108rpx;
    text-align: center;
    color: #576B95;
    font-weight: 700;
    border-top: 2rpx solid #F5F5F5;
    font-size: 32rpx;
}
/* end */
.caseHeader {
    border-bottom: 1rpx solid #f5f5f5;
}
.caseSearchItem {
    flex:1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.caseName {
    font-size: 29rpx;
    max-width: 120rpx;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.caseSearchItem > image {
    width: 20rpx;
    margin-left: 10rpx;
}
.caseStyleBox {
    font-size: 28rpx;
    position: absolute;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20rpx;
    background-color: #fff;
    top: 100rpx;
    left: -6rpx;
    z-index: 999999;
    box-shadow: 0rpx 8rpx 16rpx 8rpx rgba(36,158,251,0.23);
    color: #333333;
}
.caseStyleBox > view {
    display: inline-block;
    padding: 5rpx 10rpx;
    border: 2rpx solid #6C7B8B;
    margin: 0rpx 20rpx 20rpx 0rpx;
}
.activeCaseStyle {
    background-color: #249EFB;
    color: #fff;
    border: 2rpx solid #249EFB !important;
}
.activeStyle {
    color: #249EFB;
}
.maskCaseAndArea {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0rpx;
    left: 0rpx;
    z-index: 99999;
    background-color: transparent;
}
.searchIconBox {
    width: 100rpx;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-left: 4rpx solid #F0F4F7;
    box-sizing: border-box;
    padding-right: 20rpx;
}
.caseimg {
    width: 40rpx;
}
.searchInput {
    width: 100%;
    height: 90rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28rpx;
    border-radius: 10rpx;
}
.searchInput > textarea {
    pointer-events: initial;
    width: 80%;
    height: 60rpx;
    line-height: 60rpx;
    background-color: #F0F4F7;
    border-radius: 30rpx;
    margin-right: 20rpx;
    box-sizing: border-box;
    padding: 0rpx 20rpx;
}
.noneHouseType {
    color: #999999;
    font-size: 32rpx;
}
.fullVideo {
    width: 70rpx;
    height: 70rpx;
    background-color: rgba(0,0,0,0.5);
    border-radius: 50%;
    position: absolute;
    top: 70rpx;
    transform: translateY(-50%);
    right: 20rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}
.fullVideo > image {
    width: 30rpx;
    height: 30rpx;
}
.overflowHidden {
    width: 100%;
    height: 100vh;
    background-color: #F0F4F7;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 160rpx;
}
.devCaseStyle {
    color: #28A1FF;
    font-size: 24rpx;
    height: 60rpx;
    line-height: 60rpx;
    box-sizing: border-box;
    padding: 0rpx;
    border-top: 1rpx solid #EEEEEE;
    margin-top: 20rpx;
}
.lineBg {
    width: 100%;
    height: 40rpx;
    background-color: #F0F4F7;
}
.interVrStyle {
    position: absolute;
    width: 90rpx !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/*  */
.devCaseBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20rpx 20rpx;
}
.devCaseItem {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20rpx 0rpx;
}
.devCaseBorderBottom {
    border-bottom: 1rpx solid #D3E3EA;
}
.leftCase {
    float: left;
    width: 230rpx;
    height: 180rpx;
    border-radius: 10rpx;
    overflow: hidden;
}
.leftCase > image {
    width: 100%;
    height: 100%;
}
.rightCase {
    width: 425rpx;
    float: left;
    box-sizing: border-box;
    padding-left: 26rpx;
}
.r_case_name {
    width: 100%;
    height: 60rpx;
    line-height: 60rpx;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 32rpx;
    color: #354555;
    font-weight: bold;
}
.r_case_type {
    width: 100%;
    height: 65rpx;
    line-height: 65rpx;
    font-size: 28rpx;
    color: #354555;
}
.r_case_style {
    width: 100%;
    height: 60rpx;
    line-height: 60rpx;
    color: #354555;
    font-size: 32rpx;
}
.dev_case_title {
    width: 100%;
    color: #354555;
    font-size: 36rpx;
    font-weight: 700;
    box-sizing: border-box;
    height: 60rpx;
    line-height: 60rpx;
}
.minHeight {
    min-height: 400rpx;
}
.collect_box {
    width: 27rpx;
    height: 27rpx;
}
.collect_box > image {
    width: 100%;
    height: 100%;
}
.f_left {
    width: 90%;
}
.houseDscStyle {
    font-size: 28rpx;
    padding: 0rpx 0rpx 15rpx 0rpx;
}
.houseDscImage {
    width: 100%;
}
.houseDscImage > image {
    width: 100%;
}
.showImageNumber {
    position: absolute;
    max-width: 150rpx;
    box-sizing: border-box;
    padding: 0rpx 25rpx;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 28rpx;
    z-index: 9;
    bottom: 25rpx;
    right: 20rpx;
    border-radius: 25rpx;
}