/* 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: 100rpx; height: 60rpx; line-height: 60rpx; text-align: center; /* font-size: 30rpx; */ font-family: PingFangSC-Semibold; color: #fff; background: #cc9966; font-weight: 500; border: 1rpx #fff solid; } .floor { position: relative; width: 100rpx; height: 60rpx; line-height: 60rpx; text-align: center; /* font-size: 30rpx; */ font-family: PingFangSC-Semibold; background: #fff; font-weight: 500; color: #000; } .text { width: 100%; height: 60rpx; text-align: center; line-height: 60rpx; font-size: 28rpx; } .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: #cc9966; 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: 1100rpx; line-height: 1100rpx; font-size: 36rpx; border: #fff solid 10rpx; }