/* pages/marketAtlas/marketAtlas.wxss */ .Box { width: 90%; margin: 30rpx auto; } .dt_1_img { width: 100%; } .dt_2_img { width: 96%; margin: 0 2%; } .dt_box { overflow: hidden; } .le_box { float: left; width: 20%; } .ri_box { float: right; width: 80%; } .floor_a { position: relative; width: 139rpx; height: 100rpx; line-height: 100rpx; text-align: center; font-size: 30rpx; font-family: PingFangSC-Semibold; color: #3c3c3c; background: #fff; font-weight: 500; } .floor { position: relative; width: 139rpx; height: 100rpx; line-height: 100rpx; text-align: center; font-size: 26rpx; font-family: PingFangSC-Semibold; color: #a6a6a6; } .text { width: 100%; height: 100rpx; text-align: center; line-height: 100rpx; } .active { position: absolute; left: 4rpx; bottom: 0rpx; top: 0; margin: auto; width: 12rpx; height: 24rpx; background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); border-radius: 7rpx; } .area{ overflow: hidden; margin-bottom: 30rpx; } .areaItemActivity{ float: left; text-align: center; line-height: 60rpx; height: 60rpx; width: 100rpx; background-color: #409EFF; color: #fff; } .areaItem{ color: #606266; float: left; width: 100rpx; text-align: center; line-height: 60rpx; height: 60rpx; background-color: #fff; border-radius: 5rpx; } .noIMg{ width: 92%; margin: 0 2%; text-align: center; height: 50vh; line-height: 50vh; font-size: 36rpx; border: #fff solid 10rpx; }