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

.topbox {
    display: block;
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.leftitbox {
    display: block;
    width: 30px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.leftindexbox {
    position: absolute;
    left: 8px;
    width: 70px;
    padding: 4px 0;
    height: 28px;
    border-radius: 18px;
    box-sizing: border-box;
    z-index: 88;
}

.leftindexbox .leftgoto {
    display: block;
    width: 8px;
    height: 14px;
    float: left;
    margin-left: 11px;
    position: relative;
    top: 2px;
    z-index: 9;
}

.gotoindex {
    display: block;
    width: 16px;
    height: 16px;
    float: right;
    position: relative;
    right: 10px;
    top: 1px;
}

.leftindexbox .text {
    position: absolute;
    height: 14px;
    width: 1px;
    left: 30px;
    top: 6px;
    background-color: #d1cfcf;
}

.gotoidxbox {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 28px;
    z-index: 9;
}

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

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

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

.vr-box {
    width: 160rpx;
    height: 130rpx;
    position: absolute;
    z-index: 9;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 36rpx;
}

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

.floorMsg {
    width: 100%;
    padding: 30rpx 20rpx 20rpx;
    margin: 0rpx auto 0rpx;
    position: relative;
    background-color: #fff;
    border-radius: 10rpx;
}

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

.f-data>view {
    width: 240rpx;
    height: 100rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.f-data-1 {
    width: 180rpx !important;
    height: 100rpx;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: center;
}

.f-data-1>view {
    width: 100rpx;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.f-data-1>view>.f-data-num {
    font-size: 34rpx;
    color: #333333;
    font-weight: 600;
}

.f-data-1>view>.f-data-name {
    font-size: 24rpx;
    color: #999999;
}

.f-data>view>.f-data-num {
    font-size: 34rpx;
    color: #333333;
    font-weight: 600;
    margin-top: 6rpx;
}

.f-data>view>.f-data-name {
    font-size: 24rpx;
    color: #999999;
}

.f-data-line {
    flex: none !important;
    width: 2rpx !important;
    height: 60rpx !important;
    background-color: #f2f2f2;
}

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

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

.color687888 {
    color: #687888;
}

.f-title {
    display: flex;
    justify-content: space-between;
    padding: 10rpx 0rpx;
}

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

.f-area {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    padding: 10rpx 0rpx;
    overflow: auto;
}

.f-area>view {
    flex: none;
    display: inline-block;
    padding: 4rpx 15rpx;
    background-color: #FFEDED;
    color: #C66D59;
    border-radius: 4rpx;
    margin-right: 10rpx;
}

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

.f-delivery-name,
.f-address-name,
.f-dsc-name {
    font-size: 28rpx;
    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: 28rpx;
    color: #333333;
    line-height: 50rpx;
}

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

.line {
    width: 100%;
    height: 20rpx;
    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;
    padding: 20rpx 0rpx 20rpx;
    border-bottom: 1rpx solid #e0e0e0;
}

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

.timeline-item-name>view {
    flex: 1;
    box-sizing: border-box;
    padding-right: 30rpx;
}

.lpicon {
    width: 60rpx;
    height: 60rpx;
    margin-right: 20rpx;
    margin-bottom: 6rpx;
}

.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: 26rpx;
    padding-top: 10rpx;
}

.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: 220rpx;
    height: 200rpx;
    display: inline-block;
    margin-right: 20rpx;
    margin-bottom: 30rpx;
    position: relative;
    background-color: #fff;
    border-radius: 10rpx;
    overflow: hidden;
}

.mr0 {
    margin-right: 0rpx !important;
}

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

.vr-img-text {
    position: absolute;
    width: 110rpx;
    height: 90rpx;
    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: 100%;
    height: auto;
    margin: 0rpx auto 60rpx;
    border-radius: 10rpx;
    background-color: #fff;
}

.communitymsg {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding: 30rpx 20rpx 20rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.communitymsg>.c_title {
    font-size: 36rpx;
    color: #333333;
    font-weight: 700;
}

.communitymsg>.c_more {
    font-size: 24rpx;
    color: #999999;
}

.communitymsg>.c_more>image {
    width: 20rpx;
    position: relative;
    top: 2rpx;
}

.pt0 {
    padding-top: 0rpx !important;
}

/* 在施工地 */
.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: 50rpx;
    background-color: #FFFFFF;
    color: #333333;
    z-index: 999;
    bottom: 110rpx;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 28rpx;
    display: flex;
    align-items: center;
}

.switchTab>view {
    height: 100%;
    padding: 0px 24rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24rpx;
    white-space: nowrap;
}

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

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

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

.hhRight {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 29rpx;
    color: #222222;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.hhRight>view {
    flex: none;
    display: inline-block;
    margin-right: 20rpx;
    padding: 4rpx 20rpx;
    background-color: #F7F8FF;
    border-radius: 4rpx;
    color: #666666;
    border-radius: 20rpx;
}

.hhactive {
    color: #E75151 !important;
    font-weight: 700;
    position: relative;
    background-color: #FFEEEF !important;
}

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

.houseTypeShowBox::-webkit-scrollbar {
    display: none;
}

.houseTypeItem {
    flex: none;
    display: block;
    width: 420rpx;
    padding: 20rpx;
    background-color: #fff;
    box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.1);
    border-radius: 22rpx;
    margin: 0rpx 15rpx;
    position: relative;
}

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

.bcE8F3FF {
    background-color: #E8F3FF;
}

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

.vrEyeIcon {
    position: absolute;
    top: 0rpx;
    right: 0rpx;
    width: 30rpx !important;
}

.h-dsc111 {
  margin-top: 10rpx;
  display: flex;
  font-size: 28rpx !important;
  font-weight: 600;
  color: #333333;
}

.h-area111 {
    font-size: 28rpx;
    line-height: 60rpx;
    color: #999999;
}

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

.h-operate>image {
    width: 100%;
    position: absolute;
    top: 0rpx;
    left: 0rpx;
    z-index: 0rpx;
}

.h-operate>button {
    flex: 1;
    height: 100%;
    font-size: 26rpx;
    line-height: 68rpx;
    text-align: center;
    padding: 0 8rpx;
    background-color: transparent;
}

.colorDE2525 {
    color: #DE2525;
}

.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: 115rpx;
    color: #ffffff;
    font-size: 24rpx;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 1rpx 15rpx;
    border-radius: 25rpx;
}

.timelineBox-header {
    width: 100%;
    height: 60rpx;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    box-sizing: border-box;
    padding: 5rpx 0rpx 5rpx;
    margin-bottom: 10rpx;
}

.timelineBox-header::-webkit-scrollbar {
    display: none;
}

.timelineBox-header>view {
    height: 100%;
    white-space: nowrap;
    padding: 0rpx 10rpx;
    font-size: 28rpx;
    color: #333333;
}
.labelTab {
    margin-top: 20rpx;
}
.activelabel {
    color: #249dfa !important;
    position: relative;
    font-size: 30rpx;
}

.activelabel::after {
    content: " ";
    width: 30rpx;
    height: 8rpx;
    background-color: #249EFB;
    position: absolute;
    bottom: 0rpx;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4rpx;
}

.p-type-btn {
    height: 60rpx;
    line-height: 60rpx;
    color: #333333;
    font-weight: 700;
    font-size: 36rpx !important;
    background-color: transparent;
    padding: 0rpx !important;
}

.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: 20rpx;
    background-color: #F6F6F6;
}

.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: 20%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #999999;
    font-size: 24rpx;
}

.collect_box>image {
    width: 20rpx;
    margin-bottom: 4rpx;
    margin-left: 6rpx;
}

.f_left {
    width: 80%;
    font-size: 32rpx;
    font-weight: 600;
    color: #333333;
}

.gotobox {
    display: inline-block;
    width: 180rpx;
    font-size: 24rpx;
    color: #fff;
    height: 48rpx;
    line-height: 48rpx;
    position: relative;
    top: 10rpx;
}

.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 20rpx;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 24rpx;
    z-index: 9;
    bottom: 20rpx;
    right: 50rpx;
    border-radius: 25rpx;
}

.shareTips {
    width: 100%;
    height: 66rpx;
    background-color: #FDDAC4;
    color: #F96400;
    position: fixed;
    bottom: 100rpx;
    left: 0rpx;
    line-height: 66rpx;
    text-align: center;
    font-size: 30rpx;
}

.cutAndShare {
    width: 100%;
    height: 100rpx;
    position: fixed;
    bottom: 0rpx;
    left: 0rpx;
    background-color: #fff;
    box-shadow: 0rpx -10rpx 10rpx 6rpx rgba(0, 0, 0, 0.1);
    display: flex;
}

.shareCutImg {
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32rpx;
}

.shareBtn {
    flex: 1;
    height: 100%;
    background-color: #F96400;
    border-radius: 0rpx !important;
    line-height: 100rpx;
    color: #fff;
    font-size: 32rpx;
}

.cutMask {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0rpx;
    left: 0rpx;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.cutBlock {
    width: 100%;
    height: 70%;
    background-color: #fff;
    position: absolute;
    bottom: 0rpx;
    left: 0rpx;
    box-sizing: border-box;
    padding: 88rpx 0rpx 100rpx;
}

.cutTitle {
    width: 100%;
    height: 88rpx;
    background-color: #F96400;
    color: #fff;
    font-size: 32rpx;
    text-align: center;
    line-height: 88rpx;
    position: absolute;
    top: 0rpx;
    left: 0rpx;
}

.cutConfirm {
    width: 100%;
    height: 100rpx;
    background-color: #F96400;
    color: #fff;
    position: absolute;
    bottom: 0rpx;
    left: 0rpx;
    text-align: center;
    line-height: 100rpx;
    font-size: 32rpx;
    border-radius: 0rpx;
}

.cutContent {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.cutShareLabel {
    width: 100%;
    height: 66rpx;
    line-height: 66rpx;
    box-sizing: border-box;
    padding: 0rpx 20rpx;
}

.cutImglistBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20rpx;
    display: flex;
    flex-wrap: wrap;
}

.uploadImg {
    width: 150rpx;
    height: 150rpx;
    border: 2rpx solid #D7DFE4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.uploadImg>image {
    width: 50rpx;
}

.u-text {
    font-size: 28rpx;
    color: #B5C6D3;
}

.imageItem {
    width: 150rpx;
    height: 150rpx;
    background-color: #ccc;
    margin-right: 10rpx;
    margin-bottom: 10rpx;
    position: relative;
}

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

.imgdel {
    width: 60rpx;
    height: 60rpx;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0rpx 0rpx 10rpx 10rpx rgba(0, 0, 0, 0.05);
}

.imgdel>image {
    width: 50rpx;
}

.u-textarea-box {
    width: 100%;
    height: 400rpx;
    box-sizing: border-box;
    padding: 20rpx;
}

.u-textarea {
    width: 100%;
    background-color: #F0F4F7;
    padding: 10rpx;
}

.shareApprovalbtn {
    width: 100%;
    height: 88rpx;
    background-color: #249EFB;
    color: #fff;
    font-size: 30rpx;
    text-align: center;
    line-height: 88rpx;
    position: fixed;
    bottom: 0rpx;
    left: 0rpx;
    z-index: 99;
}

.shareMask {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0rpx;
    left: 0rpx;
    z-index: 999;
}

.shareBlock {
    width: 100%;
    height: 75%;
    background-color: #fff;
    position: absolute;
    bottom: 0rpx;
    left: 0rpx;
    box-sizing: border-box;
    padding-top: 88rpx;
}

.shareBlockTitle {
    width: 100%;
    height: 88rpx;
    background-color: #249EFB;
    color: #fff;
    font-size: 30rpx;
    text-align: center;
    line-height: 88rpx;
    position: absolute;
    top: 0rpx;
    left: 0rpx;
}

.shareBlockContent {
    width: 100%;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    padding: 20rpx;
}

.shareApprovalItem {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
}

.shareApprovalLeft {
    width: 130rpx;
}

.shareApprovalLeft>image {
    width: 96rpx;
    height: 96rpx;
    border-radius: 50%;
    overflow: hidden;
}

.shareApprovalRight {
    flex: 1;
}

.shareApprovalText {
    width: 100%;
    height: 66rpx;
    line-height: 66rpx;
}

.shareApprovalText .satName {
    color: 30rpx;
    color: #333333;
}

.shareApprovalText .satTime {
    color: #A8BBCB;
    font-size: 26rpx;
    margin-left: 20rpx;
}

.shareApprovalImgBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.shareApprovalImgItem {
    width: 180rpx;
    height: 150rpx;
    background-color: #ccc;
    margin-right: 10rpx;
    margin-bottom: 10rpx;
}

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

.shareApprovalMsg {
    width: 100%;
    box-sizing: border-box;
    padding: 5rpx 0rpx 20rpx;
    font-size: 26rpx;
    color: #333333;
}

.shareApproValBtnBox {
    width: 100%;
    height: 88rpx;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.aConfirmBtn {
    width: 260rpx;
    height: 88rpx;
    line-height: 88rpx;
    border-radius: 44rpx;
    background-color: #249EFB;
    color: #fff;
    font-size: 30rpx;
}

.aRejectBtn {
    width: 260rpx;
    height: 88rpx;
    line-height: 88rpx;
    border-radius: 44rpx;
    background-color: #B5CADD;
    color: #fff;
    font-size: 30rpx;
}

.b_img_icon {
    width: 101%;
    height: 100rpx;
    position: absolute;
    bottom: -8rpx;
    left: -4rpx;
    z-index: 999;
}

.b_img_icon>image {
    width: 100%;
    position: relative;
}

.companyMsg {
    width: 100%;
    height: 92rpx;
    position: absolute;
    bottom: 8rpx;
    left: 0rpx;
    display: flex;
    z-index: 9;
    align-items: flex-end;
}

.companyleft {
    width: 42%;
    height: 86rpx;
    display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.companyleft>.companylogo {
    width: 50rpx;
    height: 50rpx;
    margin-left: -20rpx;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 9 !important;
    border-radius: 50%;
    border: 2rpx solid #FFE2CB;
}

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

.companyleft>view {
    max-width: 190rpx;
    font-size: 32rpx !important;
    color: #FFE2CB;
    font-weight: 700;
    margin-left: 10rpx;
    white-space: nowrap;
    overflow: hidden;
}

.companyright {
    width: 58%;
    height: 70rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30rpx;
    color: #231B28;
    box-sizing: border-box;
    padding: 0rpx 30rpx;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contactFixedBottom {
    width: 100%;
    height: 150rpx;
    background: #FFFFFF;
    box-shadow: 0rpx 0rpx 48rpx 0rpx rgba(0, 0, 0, 0.1);
    border-radius: 45rpx 45rpx 0rpx 0rpx;
    position: fixed;
    bottom: 0rpx;
    left: 0rpx;
    z-index: 9;
    display: flex;
}

.userInfo {
    flex: none;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0rpx 20rpx;
}

.headerBack {
    position: absolute;
    width: 40rpx;
    left: 20rpx;
    top: 20rpx;
}

.mobile {
    width: 150rpx;
    height: 80rpx;
    background-color: #F03947;
    border-radius: 19rpx;
}

.wechat {
    width: 150rpx;
    height: 80rpx;
    background-color: #07C160;
    border-radius: 19rpx;
}

.wechatIcon {
    width: 40rpx;
    margin-right: 10rpx;
}

.phoneIcon {
    width: 35rpx;
    margin-right: 10rpx;
}

.contactType {
    flex: none;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-around;
}

.infoMsg {
    box-sizing: border-box;
    padding-left: 10rpx;
}

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

.nameCard {
    width: 30rpx;
    margin-left: 10rpx;
}

.borderNone {
    border-bottom: none !important;
}

.bgGroup {
    background-color: #f2f2f2 !important;
}

.pricebtnimg {
    display: block;
    position: fixed;
    right: 20rpx;
    bottom: 300rpx;
    width: 140rpx;
    height: 140rpx;
    z-index: 9;
}

/* 经纪人报名 */
.application {
    width: 100%;
    height: 110rpx;
    position: fixed;
    bottom: 0rpx;
    left: 0rpx;
    text-align: center;
    line-height: 100rpx;
    font-size: 32rpx;
    border-radius: 0rpx;
    background-color: #F96400;
    box-sizing: border-box;
    color: #fff;
}

.remarkText {
    max-width: 180rpx;
    font-size: 20rpx;
    color: #999999;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    margin-left: 10rpx;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}