miniprogram-doctor/user/pages/yishi/service_setting/index.wxss

/* Pages/service_setting/index.wxss */
.page {
    height: 100vh;
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

.container {

    display: flex;
    flex-direction: column;
    height: calc(100vh - 138rpx);
    background-color: #F6F6F6;
}

.brandbox {
    padding: 32rpx 30rpx 0;
    flex: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.titlebox {
   margin-top: 20rpx;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.brand {
    margin-bottom: 24rpx;
    padding: 30rpx;
    background: #FFFFFF;
    border-radius: 14rpx;
}

.titlebox .name {
    font-size: 32rpx;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
}

.titlebox .moban {
    width: 151rpx;
    height: 48rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 50rpx;
    border: 1rpx solid #3CC7C0;
    font-size: 24rpx;
    font-weight: 500;
    color: #3CC7C0;
}

.van-cell {
    padding: 13rpx 0 !important;
}

.cell {
    margin-bottom: 24rpx;
    padding: 30rpx;
    background: #FFFFFF;
    border-radius: 14rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.right {
    display: flex;
    font-size: 28rpx;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.45);
    align-items: center;
}

.icon {
    margin-top: 2rpx;
}

.eyebox {
    padding-top: 20rpx;
    display: flex;
    align-items: center;
    margin-bottom: 20rpx;
    justify-content: center;
}

.eye {
    margin-top: 2rpx;
    width: 40rpx;
    height: 40rpx;
}

.eyebox .text {
    font-size: 32rpx;
    margin-left: 5rpx;
    font-weight: 500;
    color: #3BB5FE;

}

.btnbox {
    margin-bottom: 20rpx;
}

.btn {

    margin: 0 30rpx;
    height: 88rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #3CC7C0;
    border-radius: 8rpx;
    font-size: 32rpx;
    font-weight: 500;
    color: #FFFFFF;
}

.wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height:100vh;
}

.configbox {
    box-sizing: border-box;
    padding: 24rpx 30rpx;
    background-color: #fff;
    width: 90%;
    border-radius: 16rpx;
}

.configbox .title {
    font-size: 36rpx;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
}

.tipmsg {
    margin-top: 12rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #3BB5FE;
    line-height: 44rpx;
    text-align: center;
    padding: 10rpx 60rpx;
    background: #F2F8FF;
}

.tipbox {
    margin-top: 20rpx;
    background: #EEEEF0;
    border-radius: 8rpx;
    padding:24rpx;
    box-sizing: border-box;
    font-size: 28rpx;
    font-weight: 400;
    margin-bottom: 5rpx;
    color: rgba(0, 0, 0, 0.65);
    line-height: 44rpx;
    border: 1rpx solid #EEEEF0 ;
}
.tipbox.active{
    margin-top: 20rpx;
    background: #FFFFFF;
    border-radius: 8rpx;
    padding:24rpx;
    box-sizing: border-box;
    font-size: 28rpx;
    font-weight: 400;
    margin-bottom: 5rpx;
    color: rgba(0, 0, 0, 0.65);
    line-height: 44rpx;
    border: 1rpx solid #3CC7C0;
}
.van-radio{
  display: flex;
  flex-direction: row-reverse;
}
.van-radio__icon{
  margin-left: 10rpx;
}
.van-radio__label{
    color: rgba(0,0,0,0.45)!important;
    font-size: 28rpx!important;
}
.confirm{
    display: flex;
    align-items: center;
    justify-content: center;
height: 88rpx;
background: linear-gradient(90deg, #3CC7C0 0%, #62EBE4 100%);
border-radius: 8rpx;
font-size: 32rpx;
margin-top: 24rpx;
font-weight: 500;
color: #FFFFFF;
}
.custom-class{
    position: absolute;
    bottom:0;
}
.van-picker__cancel{
    color: rgba(0,0,0,0.65)!important;
}
.van-picker__confirm{
    color: #3CC7C0!important; 
}
.custombox{
    padding:32rpx;
    width:70%;
    border-radius: 16rpx;
    background-color: #fff;
}
.roundBox{
    margin: 56rpx 0;
    display: flex;
    justify-content: space-between;
}
.custombox .title{
 text-align: center;
 font-size: 36rpx;
font-weight: 500;
color: rgba(0,0,0,0.85)
}
.custombox .name{
    font-size: 32rpx;
font-weight: 400;
color: rgba(0,0,0,0.85);
}
.custombox .ipt{
    text-align: right;
}
.btnround{
    width:100%;
height: 88rpx;
background: #3CC7C0;
border-radius: 8rpx;
font-size: 32rpx;
font-weight: 500;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
}
.dialog{
    width: 50%;
    text-align: center;
    height: 100rpx;
    line-height: 100rpx;
  }
  .dialog_cancel_btn{
    position: relative;
  }
  .dialog_cancel_btn::before {
    content: ' ';
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    border-top: 2px solid var(--td-border-color, #e7e7e7);
    border-right: 2px solid var(--td-border-color, #e7e7e7);
    transform: scale(0.5);
    transform-origin: 0 0;
    width: 200%;
    height: 200%;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .dialog_confirm_btn{
    border-top: 1px solid #E9E9E9;
    color: #3CC7C0;
  }
  .t-button__content{
    color: #3CC7C0 !important;
  }
  .t-dialog__button--text:before {
    border-top: 2px solid #E9E9E9 !important;
    border-left: 2px solid var(--td-border-color, #E9E9E9);
    border-top-color: #E9E9E9 !important;
  }