crm/resources/zqxgxcx/share/pages/buildprogress/buildprogress.wxss

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

.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%;
}
.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;
}
.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-title {
    font-size: 36rpx;
    color: #222222;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.f-updateTime {
    font-size: 29rpx;
    color: #999999;
    font-weight: normal;
}

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

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

.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-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: 29rpx;
}

.f-dsc {
    display: flex;
}

.f-dsc-arrow {
    width: 20rpx;
}
.rotate90 {
    transform: rotate(90deg);
}
.noneText {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28rpx;
    color: #999999;
}

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

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

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

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

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

.h-title {
    height: 40rpx;
    border-left: 10rpx solid #333333;
    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;
}

.timeline-item {
    width: 100%;
    height: auto;
    position: relative;
    /* border-bottom: 1rpx solid #EEEEEE; */
    margin-bottom: 8rpx;
    padding-bottom: 8rpx;
}

.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;
}

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


.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;
}
.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;
}
.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;
}
.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;
}
/* 联系销售人员 */
.contactSales {
    position: fixed;
    width: 100%;
    height: 140rpx;
    background-color: #fff;
    bottom: 0rpx;
    left: 0rpx;
    z-index: 9999;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 20rpx 30rpx;
    border-top: 1rpx solid #CCCCCC;
}
.contactSales-left {
    flex:2;
    display: flex;
    align-items: center;
}
.left-avatar {
    width: 80rpx;
    height: 80rpx;
    border-radius: 50%;
}
.left-msg {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-left: 20rpx;
}
.left-name {
    display: flex;
    align-items: center;
}
.nameCard {
    width: 40rpx;
    height: 40rpx;
    margin-left: 10rpx;
}
.left-text {
    font-size: 24rpx;
    color: #999999;
}
.contactSales-right {
    flex:1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.rightmobile {
    width: 40rpx;
    height: 40rpx;
}
.right-box1 {
    width: 100rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.right-box1 > text {
    font-size: 24rpx;
    margin-top: 10rpx;
}
/* 联系销售人员 */
.clientBox {
    position: fixed;
    bottom: 200rpx;
    right: 30rpx;
    z-index: 999;
    width: 112rpx;
    height: 112rpx;
    transition: 1s;
}

.clientBox-avatar {
    width: 110rpx;
    height: 110rpx;
    border-radius: 50%;
    border: 5rpx solid #249EFB;
    overflow: hidden;
}

.clientBox-avatar>image {
    width: 100%;
    height: 100%;
}

.clientBox-text {
    width: 57rpx;
    height: 28rpx;
    background-color: #249EFB;
    border-radius: 8rpx;
    color: #fff;
    font-size: 18rpx;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8rpx;
}

.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;
}

/* 公司信息 */
.updateBox {
    width: 94%;
    margin: auto;
    height: auto;
    overflow: hidden;
    padding: 30rpx 10rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 10rpx;
}

.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-address {
    color: #CECECE;
    font-size: 24rpx;
    width: 100%;
    display: flex;
}
.address-text {
    flex:1;
}
.address-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.address-show {
    color: #28A1FF;
}

.u-button {
    width: 120rpx;
    height: 50rpx;
    background-color: #28A1FF;
    color: #fff;
    font-size: 26rpx;
    font-style: normal;
    line-height: 50rpx !important;
}
/* 公司地址 */
.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;
}

.p-type-btn {
    width: 170rpx;
    height: 60rpx;
    line-height: 60rpx;
    color: #333333;
    font-weight: 700;
    font-size: 38rpx;
    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;
}
.listBoxStyle {
    width: 94%;
    height: auto;
    margin: 0rpx auto 40rpx;
    border-radius: 10rpx;
    background-color: #fff;
}
/*案例样式*/
.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;
}

/*案例样式*/
.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;
}

.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;
}

.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;
}
.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;
}
.duihaoIcon {
    width: 20rpx;
    height: 20rpx;
    margin-top: 7rpx;
}
/* 弹窗 */
.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%;
    max-height: 800rpx;
    min-height: 400rpx;
    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 > input {
    width: 80%;
    height: 60rpx;
    background-color: #F0F4F7;
    border-radius: 30rpx;
    margin-right: 20rpx;
    box-sizing: border-box;
    padding: 0rpx 20rpx;
}
.timelineBox-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rpx 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;
}
.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;
}