laundry/pages/home/map/map.wxss

/* pages/home/map/map.wxss */

.topNav {
    width: 750rpx;
    height: 112rpx;
    box-shadow: 5rpx 5rpx 15rpx rgba(0, 0, 0, .2);
    background: #FFFFFF;
}

.topNav .inputBox {
    padding: 20rpx 32rpx;
}

.topNav .inputBox .le {
    width: 502rpx;
    height: 72rpx;
    background: #F2F2F2;
    border-radius: 36rpx;
    padding: 0 35rpx;
}

.topNav .inputBox input {
    font-size: 28rpx;
}

.topNav .inputBox .lr {
    font-size: 28rpx;
    color: #191C27;
}

.topNav .inputBox .lr .icon {
    width: 30rpx;
    height: 30rpx;
}

.contioner {
    position: fixed;
    width: 750rpx;
    height: 100vh;

}

.contioner map {
    width: 100%;
    height: 100%;
}

.footerBox {
    width: 718rpx;
    background: #FFFFFF;
    box-shadow: 0rpx 6rpx 12rpx 0rpx rgba(0, 0, 0, 0.2);
    border-radius: 12rpx;
    position: fixed;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 40rpx 30rpx;
}

.footerBox .le {
    height: 100%;
}

.footerBox .tit {
    font-size: 30rpx;
    font-weight: 500;
    color: #191C27;
}

.footerBox .tipsBox .tips {
    border-radius: 2rpx;
    padding: 4rpx 6rpx;
    font-size: 22rpx;
    text-align: center;
}

.footerBox .tipsBox .tips.orage {
    color: #FF663D;
    background: #FFF3EA;
}

.footerBox .tipsBox .tips.blue {
    color: #4699FF;
    background: #E8F2FF;
}

.footerBox .box {
    font-size: 24rpx;
    color: #666666;
}

.footerBox .lr .icon {
    width: 40rpx;
    height: 40rpx;
}

.footerBox .lr .top {
    font-size: 26rpx;
    color: #191C27;
}

.footerBox .lr .footer {
    font-size: 24rpx;
    color: #666666;
}

.location {
    width: 80rpx;
    height: 80rpx;
    background: #FFFFFF;
    box-shadow: 0px 10rpx 20rpx 0px rgba(0, 0, 0, 0.1);
    border-radius: 10rpx;
    position: fixed;
    right: 16rpx;
    bottom: 30%;
    z-index: 10;

}

.location .icon{
    width: 48rpx;
    height: 48rpx;
}