/* pages/marketAtlas/marketAtlas.wxss */ .Box { width: 90%; margin: 30rpx auto; } .dt_1_img { width: 100%; } .dt_2_img { width: 96%; margin: 0 2%; } .dt_2_img_w_H{ width: 96%; height: 800rpx; margin: 0 2%; transform:rotate(90deg); } .dt_box { overflow: hidden; } .le_box { position: fixed; width: 20%; bottom: 200rpx } .ri_box { } .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{ width: 600rpx; overflow: hidden; margin-top: 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; }