MP-zxs/pages/indexPages/selectHall/selectHall.wxss

/* pages/indexPages/selectHall/selectHall.wxss */

.custom-navigation {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: calc(100% - 120rpx);
    padding-left: 40rpx;
    display: flex;
    align-items: center;
    background: none;
}

.custom-navigation>image {
    width: 40rpx;
    height: auto;
}

.custom-navigation>view {
    width: 0;
    flex: 1;
    font-family: "苹方M";
    font-size: 36rpx;
    color: #323232;
    text-align: center;
}


.map {
    width: 100%;
    height: calc(100vh - 600rpx);
    transition: all 0.35s;
}

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

.containers {
    padding-bottom: 20rpx;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: calc(100vh - 400rpx);
    background: #ffffff;
    border-radius: 50rpx 50rpx 0 0;
    box-shadow: 0px -2rpx 20rpx 0px rgba(0, 0, 0, 0.09);
    box-sizing: border-box;
    transition: all 0.35s;
}

.contraindown {
    height: 600rpx;
}

.border-style {
    padding-bottom: 40rpx;
    padding-top: 20rpx;
    width: 100%;
    height: 8rpx;
}

.border-style-bar {
    margin: auto;
    width: 100rpx;
    height: 8rpx;
    border-radius: 4rpx;
    background: #cdcdcd;
}

.search-box {
    padding: 0 30rpx;
    margin: 0rpx 32rpx 0 32rpx;
    width: calc(100% - 64rpx);
    height: 80rpx;
    border: 0.7px solid #595959;
    border-radius: 16rpx;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.search-box .search-icon {
    width: 40rpx;
    height: 40rpx;
    line-height: 40rpx;
}

.search-box .search-icon image {
    width: 100%;
    height: auto;
}

.search-box .search-input {
    margin-left: 20rpx;
    width: 0;
    flex: 1;
    height: 100%;
}

.search-box .search-input input {
    width: 100%;
    height: 100%;
    font-family: "苹方R";
    font-size: 28rpx;
}

.select-tabs {
    margin: 40rpx 32rpx 0 32rpx;
    width: calc(100% - 64rpx);
    height: 56rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.select-tab {
    padding: 0 20rpx;
    margin-right: 20rpx;
    width: fit-content;
    min-width: 100rpx;
    height: 56rpx;
    font-family: "苹方R";
    font-size: 24rpx;
    color: #AFAFAF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8rpx;
    box-sizing: border-box;
    border: 1px solid #afafaf;
    transition: all 0.2s;
}

.select-tab-active {
    color: #4686F6;
    background: #E1EFFD;
    border: 1px solid transparent;
}

.hallList {
    margin-top: 40rpx;
    width: 100%;
    height: calc(100% - 264rpx);
}

.hall-list {
    position: relative;
    padding: 35rpx;
    margin: 0 32rpx 30rpx 32rpx;
    width: calc(100% - 64rpx);
    background: #ffffff;
    border-radius: 20rpx;
    box-shadow: 0px 0px 8rpx 0px #dde4e8;
    box-sizing: border-box;
}

.hall-list-xz {
    border: 0.7px solid #4686f6;
}

.hallList-select {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    width: 80rpx;
    height: auto;
}

.hallName {
    width: 100%;
    font-family: "苹方M";
    font-size: 32rpx;
    line-height: 48rpx;
    color: #333333;
}

.address {
    padding-top: 10rpx;
    font-family: "苹方R";
    font-size: 24rpx;
    color: #666666;
    line-height: 36rpx;
}

.address>image {
    position: relative;
    top: 5rpx;
    width: 25rpx;
    height: auto;
}

.address>span {
    margin-left: 10rpx;
}

.address>.juli {
    margin-left: 10rpx;
    padding-left: 10rpx;
    font-family: "苹方R";
    font-size: 24rpx;
    border-left: 1px solid #707070;
}

.daohang {
    padding-top: 10rpx;
    width: 100%;
    line-height: 42rpx;
    font-family: "苹方R";
    font-size: 20rpx;
    color: #999999;
}

.daohang>image {
    position: relative;
    top: 5rpx;
    width: 25rpx;
    height: auto;
}

.daohang>.toDaohang {
    margin-left: 10rpx;
    font-family: "苹方R";
    font-size: 28rpx;
    color: #02C3CA;
    border-bottom: 1px solid #02C3CA;
}

.other {
    padding-top: 20rpx;
    width: 100%;
    height: 60rpx;
    display: flex;
    align-items: center;
}

.zxsc {
    width: 0;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-family: "苹方R";
    font-size: 24rpx;
    color: #319EFD;
}

.zxsc>view {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zxsc .zxscIcon {
    margin-right: 6rpx;
    width: 30rpx;
    height: auto;
}

.zxsc>span {
    margin-right: 50rpx;
}

.yypdmr {
    width: 160rpx;
    height: 100%;
    display: flex;
    align-items: center;
}

.qyypd {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #81afff 3%, #4686f6);
    border-radius: 0px 10rpx 10rpx 0px;
    font-family: "苹方R";
    font-size: 28rpx;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qyypd>image {
    position: relative;
    top: 1rpx;
    margin-left: 15rpx;
    width: 15rpx;
    height: auto;
}

.none-hall {
    padding: 20rpx 30rpx 80rpx 30rpx;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "苹方R";
    text-align: center;
    box-sizing: border-box;
}

.active {
    opacity: 0.6;
}