1644 lines
30 KiB
Plaintext
1644 lines
30 KiB
Plaintext
/* pages/show/show.wxss */
|
|
@import '../common/common.wxss';
|
|
|
|
.is_rent_btn {
|
|
position: absolute;
|
|
right: 150rpx;
|
|
top: 100rpx;
|
|
color: #bc312e;
|
|
border: 6rpx solid #bc312e;
|
|
border-radius: 5px;
|
|
line-height: 70rpx;
|
|
height: 88rpx;
|
|
width: 190rpx;
|
|
font-weight: 650;
|
|
font-size: 52rpx;
|
|
text-align: center;
|
|
transform: rotate(322deg);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
canvas {
|
|
position: fixed;
|
|
top: 100000px;
|
|
}
|
|
|
|
.container {
|
|
padding-bottom: 130rpx;
|
|
width: 100vw;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.toptips {
|
|
background: #f2f2f2;
|
|
line-height: 80rpx;
|
|
font-size: 0rpx;
|
|
color: #999;
|
|
}
|
|
|
|
.toptips .i {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border-right: 1px solid #e8e8e8;
|
|
width: 180rpx;
|
|
text-align: center;
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.toptips .i:last-child {
|
|
border-right: none;
|
|
width: calc(100% - 360rpx)
|
|
}
|
|
|
|
.title {
|
|
color: #333;
|
|
font-size: 50rpx;
|
|
padding: 40rpx 30rpx;
|
|
text-align: justify;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.title .isvideo {
|
|
width: 40rpx;
|
|
height: 33rpx;
|
|
display: inline-block;
|
|
margin-right: 8rpx;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -3rpx;
|
|
}
|
|
|
|
.user-info {
|
|
padding: 40rpx 30rpx;
|
|
font-size: 30rpx;
|
|
color: #666;
|
|
position: relative;
|
|
border-bottom: 20rpx solid rgba(242, 240, 245, 1);
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.user-info image {
|
|
width: 88rpx;
|
|
height: 88rpx;
|
|
border-radius: 50%;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.user-info .agent {
|
|
position: absolute;
|
|
right: 40rpx;
|
|
/* top: 60rpx; */
|
|
background: #f2f2f2;
|
|
border-radius: 20rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
text-align: center;
|
|
color: #999;
|
|
font-size: 24rpx;
|
|
padding: 0 16rpx;
|
|
}
|
|
|
|
.table {
|
|
display: table;
|
|
text-align: center;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
width: 100%;
|
|
}
|
|
|
|
.table .cell {
|
|
display: table-cell;
|
|
padding: 40rpx 0;
|
|
width: 50%;
|
|
}
|
|
|
|
.table .cell:not(:last-child) {
|
|
border-right: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.table .cell .red {
|
|
font-size: 32rpx;
|
|
color: #C63E3A;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.table .cell .num {
|
|
font-size: 40rpx;
|
|
color: #C63E3A;
|
|
margin-top: 14rpx;
|
|
}
|
|
|
|
.item-box {
|
|
padding: 40rpx;
|
|
}
|
|
|
|
.item-box .item {
|
|
padding: 20rpx 0;
|
|
font-size: 0
|
|
}
|
|
|
|
.item-box .name {
|
|
display: inline-block;
|
|
color: #999;
|
|
width: 200rpx;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.item-box .c {
|
|
display: inline-block;
|
|
font-size: 30rpx;
|
|
width: calc(100% - 200rpx);
|
|
}
|
|
|
|
.wechart {
|
|
background: #ecf6ff;
|
|
border-top: 1px solid #e8e8e8;
|
|
/* height: 120rpx; */
|
|
font-size: 0;
|
|
line-height: 40rpx;
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.wechart .name {
|
|
width: 240rpx;
|
|
display: table-cell;
|
|
font-size: 30rpx;
|
|
color: #666;
|
|
padding: 40rpx 0 40rpx 40rpx;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.wechart .num {
|
|
width: calc(100% - 380rpx);
|
|
display: table-cell;
|
|
font-size: 30rpx;
|
|
padding: 40rpx 0;
|
|
vertical-align: middle;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.wechart .btn {
|
|
width: 130rpx;
|
|
display: table-cell;
|
|
font-size: 28rpx;
|
|
color: #C63E3A;
|
|
border-left: 1px solid #e8e8e8;
|
|
text-align: center;
|
|
position: relative;
|
|
padding: 40rpx 0;
|
|
vertical-align: middle;
|
|
height: 100%;
|
|
}
|
|
|
|
.info {
|
|
|
|
padding: 50rpx 40rpx;
|
|
line-height: 1.8em;
|
|
text-align: justify;
|
|
border-top: 1px solid #e8e8e8;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.info .name {
|
|
font-size: 34rpx;
|
|
color: #333;
|
|
font-weight: 700;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.disclaimer {
|
|
padding: 40rpx 30rpx;
|
|
color: #999;
|
|
font-size: 24rpx;
|
|
text-align: justify;
|
|
line-height: 1.1rem;
|
|
|
|
}
|
|
|
|
|
|
.images {
|
|
margin: 40rpx;
|
|
}
|
|
|
|
.images image {
|
|
width: 100%;
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
.copy {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
position: relative;
|
|
top: 6rpx;
|
|
|
|
}
|
|
|
|
video {
|
|
display: block;
|
|
margin: 5px auto;
|
|
width: calc(100% - 80rpx);
|
|
}
|
|
|
|
.video-box {
|
|
padding: 50rpx 40rpx;
|
|
line-height: 1.2rem;
|
|
text-align: justify;
|
|
border-top: 1px solid #e8e8e8;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
word-break: break-word;
|
|
|
|
}
|
|
|
|
.video-box .name {
|
|
font-size: 30rpx;
|
|
color: #666;
|
|
margin-bottom: 30rpx;
|
|
|
|
}
|
|
|
|
.video-box .item {
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
background: #62b1fe;
|
|
border-radius: 5px;
|
|
position: relative;
|
|
margin: 0 20rpx 0 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.video-box image {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%)
|
|
}
|
|
|
|
.video-box .num {
|
|
position: absolute;
|
|
bottom: 10rpx;
|
|
right: 10rpx;
|
|
text-align: right;
|
|
font-size: 24rpx;
|
|
line-height: 20rpx;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/* 地图 */
|
|
.map-box {
|
|
border-top: 1px solid #e8e8e8;
|
|
padding: 80rpx 40rpx 40rpx;
|
|
}
|
|
|
|
.map-box .name {
|
|
font-size: 34rpx;
|
|
color: #333;
|
|
font-weight: 700;
|
|
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.traffic {
|
|
display: flex;
|
|
align-items: top;
|
|
margin-top: 40rpx;
|
|
margin-bottom: 30rpx;
|
|
|
|
}
|
|
|
|
.traffic image {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin-right: 18rpx;
|
|
position: relative;
|
|
top: 10rpx;
|
|
|
|
}
|
|
|
|
.traffic .text {
|
|
display: inline-flex;
|
|
flex: 0 0 calc(100% - 58rpx);
|
|
color: #666;
|
|
text-align: justify;
|
|
word-break: break-all;
|
|
font-size: 28rpx;
|
|
line-height: 48rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.map-box .intro {
|
|
color: #666;
|
|
text-align: justify;
|
|
word-break: break-all;
|
|
font-size: 28rpx;
|
|
line-height: 48rpx;
|
|
}
|
|
|
|
.tomap {
|
|
/* position: relative; */
|
|
/* white-space: nowrap; */
|
|
padding-right: 60rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.tomap image {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 4rpx;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
transform: rotateZ(180deg);
|
|
margin: 0;
|
|
}
|
|
|
|
map {
|
|
width: 100%;
|
|
margin-top: 20rpx;
|
|
min-width: 100px;
|
|
}
|
|
|
|
map .clickmap {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.aroundSchool {
|
|
padding: 30rpx 0;
|
|
}
|
|
|
|
.aroundSchool .li {
|
|
padding: 12rpx 0;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.aroundSchool .li .schoolname {
|
|
display: inline-flex;
|
|
color: #666;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.aroundSchool .li .distance {
|
|
display: inline-flex;
|
|
font-size: 26rpx;
|
|
color: #ffc05f;
|
|
}
|
|
|
|
.map-box .showmore {
|
|
color: #999;
|
|
text-align: center;
|
|
padding: 10rpx 0;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
|
|
.school-list .li {
|
|
padding: 10rpx 36rpx 10rpx 58rpx;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.school-list .li .school {
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
.school-list .li .name {
|
|
color: #666;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
margin-bottom: 8rpx;
|
|
}
|
|
|
|
.school-list .li .gate {
|
|
font-size: 26rpx;
|
|
color: #999;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.school-list .point {
|
|
margin-top: 14rpx;
|
|
display: inline-flex;
|
|
flex: 0 0 10rpx;
|
|
width: 10rpx;
|
|
height: 10rpx;
|
|
background: #333;
|
|
border-radius: 50%;
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.traffic .around-school-img {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
margin-right: 26rpx;
|
|
}
|
|
|
|
.house-id {
|
|
padding: 20rpx 0 60rpx;
|
|
text-align: center;
|
|
color: #ccc;
|
|
font-size: 28rpx;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.house-id .id {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 8rpx;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.house-id .id::before,
|
|
.house-id .id::after {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 100rpx;
|
|
height: 1px;
|
|
background: #e4e4e4;
|
|
margin: 0 10rpx;
|
|
}
|
|
|
|
.house-id .id::before {
|
|
margin-right: 20rpx
|
|
}
|
|
|
|
.house-id .id::after {
|
|
margin-left: 20rpx
|
|
}
|
|
|
|
.ischecked {
|
|
width: 182rpx;
|
|
height: 48rpx;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.around-school-alert {
|
|
position: fixed;
|
|
z-index: 1005;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background: rgba(0, 0, 0, 0.4)
|
|
}
|
|
|
|
.around-school-alert .inner {
|
|
background: #fff;
|
|
z-index: 1006;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
}
|
|
|
|
.around-school-alert .title {
|
|
text-align: center;
|
|
font-size: 36rpx;
|
|
font-weight: 650;
|
|
color: #333;
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0
|
|
}
|
|
|
|
.around-school-alert .title .text {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
|
|
flex: 1;
|
|
padding: 36rpx 0 36rpx 52rpx;
|
|
|
|
}
|
|
|
|
.around-school-alert .close {
|
|
/* position: absolute; */
|
|
right: 0;
|
|
top: 0;
|
|
width: 52rpx;
|
|
height: 53rpx;
|
|
}
|
|
|
|
.around-school-alert .close image {
|
|
width: 26rpx;
|
|
height: 26rpx;
|
|
position: absolute;
|
|
left: 32rpx;
|
|
bottom: 32rpx;
|
|
transform: rotateZ(45deg);
|
|
}
|
|
|
|
.around-school-alert .item {
|
|
padding: 36rpx 36rpx 26rpx 40rpx;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.around-school-alert .school {
|
|
position: relative;
|
|
font-size: 30rpx;
|
|
color: #333;
|
|
margin-bottom: 20rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.around-school-alert .school .name {
|
|
width: 634rpx;
|
|
word-break: break-word;
|
|
white-space: initial;
|
|
}
|
|
|
|
.around-school-alert .school .icon,
|
|
.school-list .li .school .icon {
|
|
/* position: absolute; */
|
|
left: -50rpx;
|
|
top: 8rpx;
|
|
width: 25rpx;
|
|
height: 26rpx;
|
|
margin-right: 15rpx;
|
|
}
|
|
|
|
.around-school-alert .distance-list {
|
|
display: flex;
|
|
padding: 10rpx 0;
|
|
justify-content: space-between;
|
|
font-size: 24rpx;
|
|
color: #ffc05f;
|
|
padding-left: 44rpx;
|
|
}
|
|
|
|
.around-school-alert .gate {
|
|
color: #666;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.around-school-alert .list {
|
|
max-height: calc(100vh - 400rpx);
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.ad-contact {
|
|
/* padding: 0 30rpx 40rpx; */
|
|
padding: 0 30rpx 64rpx;
|
|
color: #999;
|
|
font-size: 24rpx;
|
|
text-align: justify;
|
|
line-height: 1.1rem;
|
|
}
|
|
|
|
.advertisingSpace image {
|
|
width: 100%;
|
|
height: 100rpx;
|
|
}
|
|
|
|
.QRCode {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 750rpx;
|
|
height: 100vh;
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
z-index: 30007;
|
|
padding: 0 60rpx;
|
|
}
|
|
|
|
.QRCode .QRCode-img {
|
|
width: 100%;
|
|
/* height: 808rpx; */
|
|
height: calc(100vw - 120rpx);
|
|
border-radius: 20rpx;
|
|
max-height: 95vh !important;
|
|
}
|
|
|
|
.QRCode .QRCodeClose {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
border-radius: 50rpx;
|
|
border: 2rpx solid #fff;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: 58rpx;
|
|
}
|
|
|
|
.QRCode .QRCodeClose-img {
|
|
width: 25rpx;
|
|
height: 25rpx;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
/* 认证房源 */
|
|
.user-info .authentication-icon {
|
|
width: 125rpx;
|
|
height: 30rpx;
|
|
border-radius: unset;
|
|
position: absolute;
|
|
right: 40rpx;
|
|
top: 70rpx;
|
|
}
|
|
|
|
.certification {
|
|
background-color: rgba(238, 239, 242, 1);
|
|
min-height: 100vh;
|
|
padding-bottom: 120rpx;
|
|
}
|
|
|
|
.certification .header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 54rpx 30rpx;
|
|
}
|
|
|
|
.certification .header .landlord-avatar {
|
|
width: 90rpx;
|
|
height: 90rpx;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.certification .header .header-left {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.certification .header .header-left .landlord-info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
/* align-items: center; */
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
.certification .header .header-left .landlord-info .landlord-name {
|
|
font-size: 27rpx;
|
|
color: #333;
|
|
}
|
|
|
|
.certification .header .header-left .landlord-info .bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.certification .header .authentication-icon {
|
|
width: 125rpx;
|
|
height: 30rpx;
|
|
border-radius: unset;
|
|
}
|
|
|
|
.certification .HResource-box {
|
|
border-radius: 60rpx 60rpx 0 0;
|
|
background-color: #ffffff;
|
|
padding-top: 54rpx;
|
|
box-shadow: rgb(0 0 0 / 10%) 0 -8rpx 8rpx;
|
|
}
|
|
|
|
.certification .HResource-box1 {
|
|
border-radius: 0;
|
|
padding-top: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-title {
|
|
font-size: 42rpx;
|
|
color: #000;
|
|
line-height: 69rpx;
|
|
font-weight: 400;
|
|
margin-bottom: 28rpx;
|
|
padding: 0 30rpx;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-rentAndId {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
margin: 0 30rpx;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-rentAndId .rent {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-rentAndId .rent .unit {
|
|
font-size: 27rpx;
|
|
line-height: 27rpx;
|
|
color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-rentAndId .rent .money {
|
|
font-weight: 900;
|
|
font-size: 54rpx;
|
|
line-height: 54rpx;
|
|
color: #F95D5D;
|
|
margin: 0 6rpx;
|
|
font-family: 'Arial-Black', 'Arial Black', sans-serif;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-rentAndId .rent .month {
|
|
color: #555555;
|
|
font-size: 27rpx;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-rentAndId .HResource-id {
|
|
color: #aaa;
|
|
font-size: 23rpx;
|
|
line-height: 30rpx;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-detail {
|
|
border-radius: 30rpx;
|
|
overflow: hidden;
|
|
border: 2rpx dotted #d7d7d7;
|
|
margin: 58rpx 30rpx 0;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-detail .HResource-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 39rpx 0;
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-detail .HResource-header-item {
|
|
flex: 1;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-detail .HResource-header-item:not(:last-child) {
|
|
border-right: 2rpx dotted #d7d7d7;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-detail .HResource-arrows {
|
|
width: 9rpx;
|
|
height: 18rpx;
|
|
margin-left: 13.5rpx;
|
|
margin-right: 24rpx;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-detail .HResource-header-top,
|
|
.certification .HResource-box .HResource-detail .HResource-header-bottom {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-header-top-text {
|
|
color: #7f7f7f;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-header-bottom-text {
|
|
font-size: 27rpx;
|
|
color: #000;
|
|
margin-top: 9rpx;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-detail-tier {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 39rpx 0;
|
|
width: 50%;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-detail-tier:nth-child(-n+2) {
|
|
border-bottom: 2rpx dotted #d7d7d7;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-detail-tier:nth-of-type(2n) {
|
|
padding-left: 60rpx;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-detail-name {
|
|
width: 98rpx;
|
|
font-size: 24rpx;
|
|
color: #7f7f7f;
|
|
margin-right: 28rpx;
|
|
}
|
|
|
|
.certification .HResource-box .HResource-detail-value {
|
|
color: #333;
|
|
font-size: 27rpx;
|
|
}
|
|
|
|
.certification .HResource-detail-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.certification .HResource-detail-content-item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
margin: 0 33rpx;
|
|
}
|
|
|
|
.certification .media-box {
|
|
margin-top: 66rpx;
|
|
}
|
|
|
|
.certification .media-box .media-header {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 30rpx 35rpx;
|
|
}
|
|
|
|
.certification .media-box .media-header .video-icon {
|
|
width: 39rpx;
|
|
height: 39rpx;
|
|
margin-right: 6rpx;
|
|
}
|
|
|
|
.certification .media-box .media-header .pic-icon {
|
|
width: 33rpx;
|
|
height: 33rpx;
|
|
margin-right: 6rpx;
|
|
}
|
|
|
|
.certification .media-box .media-header .media-num {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
display: block;
|
|
border-radius: 50%;
|
|
background-color: #e8f4ff;
|
|
font-size: 21rpx;
|
|
color: #333;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-right: 15rpx;
|
|
}
|
|
|
|
.certification .media-box .media-content {
|
|
padding-left: 30rpx;
|
|
}
|
|
|
|
.certification .media-box .media-content .size {
|
|
color: #fff;
|
|
position: absolute;
|
|
bottom: 10rpx;
|
|
right: 10rpx;
|
|
font-size: 20rpx;
|
|
}
|
|
|
|
.certification .scroll-view_H {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.certification .scroll-view-item {
|
|
height: 300rpx;
|
|
}
|
|
|
|
.certification .media-item {
|
|
display: inline-block;
|
|
/* width: 204rpx; */
|
|
height: 150rpx;
|
|
margin-right: 15rpx;
|
|
border-radius: 15rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.certification .media-video {
|
|
width: 150rpx;
|
|
height: 150rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.certification .media-video .media-video-play {
|
|
width: 150rpx;
|
|
height: 150rpx;
|
|
position: absolute;
|
|
background-color: rgba(51, 51, 51, 0.73333);
|
|
|
|
}
|
|
|
|
.certification .media-video .media-video-play .media-video-play-icon {
|
|
width: 45rpx;
|
|
height: 45rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.certification .media-video .media-video-bj {
|
|
width: 150rpx;
|
|
height: 150rpx;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.certification .media-item image {
|
|
width: 204rpx;
|
|
height: 150rpx;
|
|
}
|
|
|
|
.certification .location-box {
|
|
padding: 66rpx 30rpx;
|
|
}
|
|
|
|
.certification .location-box .location-icon {
|
|
width: 30rpx;
|
|
height: 36rpx;
|
|
margin-right: 15rpx;
|
|
}
|
|
|
|
.certification .location-box .location-header {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 27rpx;
|
|
color: #000;
|
|
/* margin-bottom: 33rpx; */
|
|
}
|
|
|
|
.certification .location-box .location {
|
|
width: 100%;
|
|
height: 195rpx;
|
|
border-radius: 15rpx;
|
|
overflow: hidden;
|
|
position: relative;
|
|
margin-top: 33rpx;
|
|
}
|
|
|
|
.certification .location-box .location map {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin-top: 0rpx;
|
|
border-radius: 15rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.certification .location-box .location .location-bj {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(51, 51, 51, 0.29);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 15rpx;
|
|
}
|
|
|
|
.certification .location-box .location .location-site {
|
|
display: flex;
|
|
align-items: center;
|
|
background-color: rgba(51, 51, 51, 0.8);
|
|
border-radius: 15rpx;
|
|
padding: 18rpx 15rpx;
|
|
}
|
|
|
|
.certification .location-box .tracingPoint {
|
|
width: 33rpx;
|
|
height: 33rpx;
|
|
}
|
|
|
|
.certification .location-box .location-arrows {
|
|
width: 9rpx;
|
|
height: 18rpx;
|
|
}
|
|
|
|
.certification .location-box .location-name {
|
|
font-size: 24rpx;
|
|
color: #fff;
|
|
font-weight: 400;
|
|
padding: 0 9rpx;
|
|
min-width: 189rpx;
|
|
max-width: 540rpx;
|
|
}
|
|
|
|
.certification .school {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-top: 30rpx;
|
|
}
|
|
|
|
.certification .school .school-item {
|
|
width: 160rpx;
|
|
height: 54rpx;
|
|
line-height: 54rpx;
|
|
border-radius: 15rpx;
|
|
border: 2rpx solid #e6e6e6;
|
|
margin: 0 16rpx 15rpx 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.certification .school .school-item:nth-of-type(4n) {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.certification .school .school-name {
|
|
font-size: 24rpx;
|
|
color: #333;
|
|
margin-right: 6rpx;
|
|
}
|
|
|
|
.certification .school .school-distance {
|
|
color: #62b1ff;
|
|
font-size: 21rpx;
|
|
}
|
|
|
|
.certification .school .more-icon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
}
|
|
|
|
.certification .information-box,
|
|
.certification .otherDescription-box {
|
|
padding: 0 30rpx;
|
|
margin-bottom: 72rpx;
|
|
}
|
|
|
|
.certification .information-box .information-title,
|
|
.certification .otherDescription-box .otherDescription-title {
|
|
font-weight: bold;
|
|
font-size: 30rpx;
|
|
color: #000;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.certification .information-box .information-content,
|
|
.certification .otherDescription-box .otherDescription-content {
|
|
word-break: break-all;
|
|
}
|
|
|
|
.certification .HResourceState {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 30rpx;
|
|
height: 54rpx;
|
|
line-height: 54rpx;
|
|
background-color: #f2f2f2;
|
|
/* border: 2rpx dotted #d7d7d7; */
|
|
border-radius: 20rpx;
|
|
}
|
|
|
|
.certification .HResourceState .HResourceState-item {
|
|
color: #aaa;
|
|
font-size: 21rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 15rpx 0;
|
|
height: 30rpx;
|
|
}
|
|
|
|
.certification .HResourceState .HResourceState-item:first-child {
|
|
/* flex: 1; */
|
|
min-width: 142rpx;
|
|
}
|
|
|
|
.certification .HResourceState .HResourceState-item:not(:last-child) {
|
|
border-right: 2rpx dotted #d7d7d7;
|
|
}
|
|
|
|
.certification .HResourceState .HResourceState-item:not(:first-child) {
|
|
/* width: 274rpx; */
|
|
flex: 1;
|
|
}
|
|
|
|
.certification .hint-box {
|
|
color: #aaa;
|
|
font-size: 21rpx;
|
|
/* margin: 48rpx 30rpx 0; */
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.certification .else {
|
|
padding: 57rpx 30rpx;
|
|
}
|
|
|
|
.certification .else-title {
|
|
font-size: 30rpx;
|
|
font-weight: bold;
|
|
color: #000;
|
|
}
|
|
|
|
.certification .else-list {
|
|
margin-top: 30rpx;
|
|
}
|
|
|
|
.certification .else-title text {
|
|
color: #555;
|
|
}
|
|
|
|
.certification .footer1 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 750rpx;
|
|
/* height: 135rpx; */
|
|
border-top: #d7d7d7 2rpx solid;
|
|
background-color: #fff;
|
|
padding: 0 30rpx;
|
|
z-index: 100;
|
|
}
|
|
|
|
.certification .footer1 .contactInformation {
|
|
border-radius: 69rpx;
|
|
width: 450rpx;
|
|
height: 105rpx;
|
|
line-height: 105rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
font-size: 36rpx;
|
|
background-color: #62b1ff;
|
|
}
|
|
|
|
.certification .footer1 .collect,
|
|
.certification .footer1 .transpond {
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 21rpx;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 25rpx 0;
|
|
background-color: #fff;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
.certification .footer1 .collect {
|
|
padding-left: 15rpx;
|
|
}
|
|
|
|
.certification .footer1 .transpond {
|
|
line-height: 1;
|
|
margin: 0;
|
|
}
|
|
|
|
.certification .footer1 .transpond::after {
|
|
border: none;
|
|
height: 0;
|
|
}
|
|
|
|
.certification .footer1 .collect .collect-icon,
|
|
.certification .footer1 .transpond .transpond-icon {
|
|
width: 45rpx;
|
|
height: 45rpx;
|
|
}
|
|
|
|
.certification .footer1 .collect .collect-icon {
|
|
margin-bottom: 3rpx;
|
|
}
|
|
|
|
.certification .footer1 .transpond .transpond-icon {
|
|
margin-bottom: 6rpx;
|
|
}
|
|
|
|
.certification .root-portal {
|
|
background-color: rgba(0, 0, 0, 0.69803922);
|
|
width: 750rpx;
|
|
height: 100vh;
|
|
display: block;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
z-index: 30007;
|
|
}
|
|
|
|
.root-portal-bj {
|
|
width: 750rpx;
|
|
height: 100vh;
|
|
display: block;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
/* z-index: 30007; */
|
|
}
|
|
|
|
.certification .pop-close {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
align-self: flex-end;
|
|
padding: 30rpx 30rpx 0;
|
|
}
|
|
|
|
.certification .contactInformation-pop,
|
|
.certification .academy-pop {
|
|
width: 750rpx;
|
|
position: absolute;
|
|
bottom: 0;
|
|
background-color: #f2f2f2;
|
|
border-radius: 45rpx 45rpx 0 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.certification .contactInformation-headline,
|
|
.certification .academy-headline {
|
|
font-size: 42rpx;
|
|
font-weight: 650;
|
|
color: #000;
|
|
text-align: center;
|
|
}
|
|
|
|
.certification .contactInformation-box,
|
|
.certification .academy-box {
|
|
margin-top: 45rpx;
|
|
}
|
|
|
|
.certification .contactInformation-box .contactInformation-item {
|
|
margin: 0 30rpx;
|
|
background-color: #fff;
|
|
border-radius: 30rpx;
|
|
margin-bottom: 30rpx;
|
|
box-shadow: 0px 0px 15rpx rgba(0, 0, 0, 0.2);
|
|
padding: 37.5rpx 37.5rpx 37.5rpx 55.5rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.certification .contactInformation-box .contactInformation-title {
|
|
font-size: 24rpx;
|
|
/* line-height: 45rpx; */
|
|
color: #555;
|
|
margin-bottom: 13.5rpx;
|
|
}
|
|
|
|
.certification .contactInformation-box .contactInformation-content {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.certification .contactInformation-box .contactInformation-icon {
|
|
width: 180rpx;
|
|
height: 180rpx;
|
|
}
|
|
|
|
.certification .contactInformation-box .contactInformation-left {
|
|
margin-top: 28.5rpx;
|
|
}
|
|
|
|
.certification .contactInformation-box .contactInformation-right {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.certification .contactInformation-box .contactInformation-left view {
|
|
margin-bottom: 15rpx;
|
|
color: #7f7f7f;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.certification .contactInformation-box .contactInformation-left view:first-child {
|
|
color: #000;
|
|
font-size: 30rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.certification .contactInformation-box .contactInformation-left image {
|
|
width: 27rpx;
|
|
height: 12rpx;
|
|
margin-left: 13.5rpx;
|
|
}
|
|
|
|
.certification .contactInformation-box .yellowSpot-outer {
|
|
width: 16.5rpx;
|
|
height: 33rpx;
|
|
line-height: 33rpx;
|
|
border-radius: 0 16.5rpx 16.5rpx 0;
|
|
background-color: #ffeba2;
|
|
position: absolute;
|
|
top: 37.5rpx;
|
|
left: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.certification .contactInformation-box .yellowSpot-inside {
|
|
width: 10.5rpx;
|
|
height: 21rpx;
|
|
line-height: 21rpx;
|
|
border-radius: 0 10.5rpx 10.5rpx 0;
|
|
background-color: #ffcc17;
|
|
}
|
|
|
|
.certification .contactInformation-box .type-dial,
|
|
.certification .contactInformation-box .type-btn {
|
|
color: #fff;
|
|
font-size: 27rpx;
|
|
width: 150rpx;
|
|
height: 75rpx;
|
|
line-height: 75rpx;
|
|
border-radius: 69rpx;
|
|
text-align: center;
|
|
background-color: #61b1fc;
|
|
margin-left: 30rpx;
|
|
}
|
|
|
|
.certification .academy-pop {
|
|
background-color: #fff;
|
|
width: 750rpx;
|
|
max-height: 85vh;
|
|
position: fixed;
|
|
}
|
|
|
|
.certification .academy-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 70vh;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.certification .academy-box .academy-item {
|
|
margin-left: 57rpx;
|
|
border-left: 2rpx dotted #e7e7e7;
|
|
padding-bottom: 60rpx;
|
|
}
|
|
|
|
.certification .academy-box .academy-item:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.certification .academy-box .academy-item .academy-title {
|
|
font-weight: bold;
|
|
font-size: 27rpx;
|
|
color: #333;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 6rpx;
|
|
}
|
|
|
|
.certification .academy-box .academy-icon-box {
|
|
width: 54rpx;
|
|
height: 54rpx;
|
|
line-height: 54rpx;
|
|
background-color: #ffcc17;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: -27rpx;
|
|
}
|
|
|
|
.certification .academy-box .academy-item:not(:first-child) .academy-icon-box {
|
|
background-color: rgba(98, 177, 255, 1);
|
|
}
|
|
|
|
.certification .academy-box .academy-icon {
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
}
|
|
|
|
.certification .academy-box .academy-title .academy-place {
|
|
margin-left: 24rpx;
|
|
}
|
|
|
|
.certification .academy-box .school-list {
|
|
padding-left: 54rpx;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.certification .academy-box .school-list .school-item {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 54rpx;
|
|
background-color: rgba(242, 242, 242, 0.69803922);
|
|
border-radius: 51rpx;
|
|
padding: 0 14rpx;
|
|
margin-right: 15rpx;
|
|
margin-bottom: 15rpx;
|
|
}
|
|
|
|
.certification .academy-box .school-item .school-name {
|
|
font-size: 24rpx;
|
|
color: #333;
|
|
}
|
|
|
|
.certification .academy-box .school-item .school-distance {
|
|
font-size: 21rpx;
|
|
color: #62b1ff;
|
|
margin-left: 14rpx;
|
|
}
|
|
|
|
.certification .user-info {
|
|
margin-bottom: 36rpx;
|
|
}
|
|
|
|
.personalList .region {
|
|
height: 47rpx;
|
|
padding: 0 12rpx;
|
|
border-radius: 18rpx;
|
|
border: 2rpx solid rgba(215, 215, 215, 1);
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 22rpx;
|
|
color: #555555;
|
|
margin-bottom: 28rpx;
|
|
}
|
|
|
|
.personalList .tips {
|
|
color: #555555;
|
|
font-size: 23rpx;
|
|
}
|
|
|
|
.personalList .housingInfo .num {
|
|
color: #d9001b;
|
|
}
|
|
|
|
.personalList .tips .i {
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.personalList .footer {
|
|
color: #343434;
|
|
}
|
|
|
|
.personalList .money {
|
|
margin-top: 32rpx;
|
|
font-size: 27rpx;
|
|
line-height: 27rpx;
|
|
}
|
|
|
|
.personalList {
|
|
background-color: #fff;
|
|
border-radius: 30rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.personalList .footer {
|
|
height: 96rpx;
|
|
line-height: 96rpx;
|
|
border-top: 2rpx dotted #d0d0d0;
|
|
padding-left: 30rpx;
|
|
padding-right: 30rpx;
|
|
margin-top: 40rpx;
|
|
align-items: center;
|
|
}
|
|
|
|
.personalList .submit-form {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
padding-top: 30rpx;
|
|
}
|
|
|
|
.personalList .personalList-top {
|
|
padding: 0 30rpx;
|
|
}
|
|
|
|
.personalList .personalList-avatar {
|
|
width: 34rpx;
|
|
height: 34rpx;
|
|
border-radius: 50rpx;
|
|
}
|
|
|
|
.personalList .l {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 90rpx;
|
|
line-height: 90rpx;
|
|
}
|
|
|
|
.personalList .personalList-name {
|
|
font-size: 28rpx;
|
|
padding: 0 24rpx 0 20rpx;
|
|
}
|
|
|
|
.personalList .agent {
|
|
color: #343434;
|
|
background-color: #fff;
|
|
border: 2rpx solid #d3d3d3;
|
|
display: flex;
|
|
align-content: center;
|
|
}
|
|
|
|
.personalList .footer-right {
|
|
height: 36rpx;
|
|
line-height: 36rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 18rpx;
|
|
border-radius: 8rpx;
|
|
background-color: #e8f4ff;
|
|
color: #5eb1ff;
|
|
}
|
|
|
|
.personalList .housingInfo {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.personalList .housingSite {
|
|
flex: 1;
|
|
}
|
|
|
|
.personalList .housingMedia {
|
|
width: 150rpx;
|
|
height: 112rpx;
|
|
margin-left: 10rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.personalList .housingMedia image {
|
|
width: 150rpx;
|
|
height: 112rpx;
|
|
border-radius: 15rpx;
|
|
}
|
|
|
|
.personalList .orientation {
|
|
width: 35rpx;
|
|
height: 35rpx;
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.personalList .tips .i:not(:last-child):after {
|
|
background-color: #555555;
|
|
}
|
|
|
|
.personalList .title {
|
|
color: #000;
|
|
font-size: 30rpx;
|
|
line-height: 38rpx;
|
|
padding: 0;
|
|
}
|
|
|
|
.personalList .housingVideo {
|
|
width: 150rpx;
|
|
height: 114rpx;
|
|
margin-left: 10rpx;
|
|
border-radius: 15rpx;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.personalList .housingVideo .playBtn-bj {
|
|
position: absolute;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 150rpx;
|
|
height: 112.5rpx;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
border-radius: 15rpx;
|
|
}
|
|
|
|
.personalList .housingVideo .playBtn {
|
|
width: 46rpx;
|
|
height: 46rpx;
|
|
border-radius: 50rpx;
|
|
}
|
|
|
|
.arr-bottom {
|
|
width: 9rpx;
|
|
height: 15rpx;
|
|
padding-left: 24rpx;
|
|
}
|
|
|
|
.authentication-icon {
|
|
width: 125rpx;
|
|
height: 34rpx;
|
|
}
|
|
|
|
.else-list .personalList .housingVideo-image {
|
|
width: 150rpx;
|
|
height: 112.5rpx;
|
|
border-radius: 15rpx;
|
|
}
|
|
|
|
.certification .user-info .agent {
|
|
background-color: #fff;
|
|
border: rgba(215, 215, 215, 1) 2rpx solid;
|
|
color: #555;
|
|
}
|
|
|
|
.popularize {
|
|
display: block;
|
|
width: calc(100vw - 60rpx);
|
|
margin: 60rpx auto 0;
|
|
border-radius: 10rpx;
|
|
} |