| | |
| | | .container { |
| | | width: 100vw; |
| | | height: 100vh; |
| | | } |
| | | |
| | | .page-header { |
| | | background-color: #fff; |
| | | position: fixed; |
| | |
| | | } |
| | | |
| | | .bookServices-list { |
| | | padding-top: 280rpx; |
| | | padding-top: 294rpx; |
| | | background: #F2F3F8; |
| | | } |
| | | |
| | | .content { |
| | | height: calc(100vh - env(safe-area-inset-bottom) - 294rpx); |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .nacigationBar { |
| | |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .t-dropdown-menu:after, |
| | | .t-dropdown-menu::after { |
| | | height: 0px; |
| | | .srcolbox .t-button--primary { |
| | | border-radius: 50rpx !important; |
| | | background: #FF6C00 !important; |
| | | border: none; |
| | | } |
| | | |
| | | .srcolbox .t-button--light { |
| | | background: #fff !important; |
| | | border-radius: 50rpx !important; |
| | | color: #545C63 !important; |
| | | border: 2rpx solid #979797 !important; |
| | | } |
| | | |
| | | .t-dropdown-menu:after, |
| | | .t-dropdown-menu::after { |
| | | height: 0px !important; |
| | | } |
| | | |
| | | .t-dropdown-item__body, |
| | | .t-dropdown-item__footer, |
| | |
| | | } |
| | | |
| | | .t-dropdown-menu__item--active { |
| | | height: 85rpx !important; |
| | | /* height: 86rpx !important; */ |
| | | background: #F6F6F6 !important; |
| | | border-radius: 40rpx 40rpx 0 0; |
| | | /* border-radius: 40rpx 40rpx 0 0; */ |
| | | } |
| | | |
| | | .t-radio__title { |
| | | font-size: 28rpx !important; |
| | | } |
| | | |
| | | .t-dropdown-menu__item--active, |
| | | .t-radio__icon--checked, |
| | | .t-checkbox__icon--checked { |
| | | color: #FF6C00 !important |
| | | .t-checkbox__icon--checked, |
| | | .t-radio__title--checked, |
| | | .t-checkbox__title--checked { |
| | | color: #FF6C00 !important; |
| | | } |
| | | |
| | | .srcolbox .t-checkbox--checked { |
| | | background-color: #FFECDE !important; |
| | | } |
| | | |
| | | .t-checkbox__icon--disabled { |
| | |
| | | } |
| | | |
| | | .t-radio--block { |
| | | padding: 20rpx !important; |
| | | padding: 10rpx !important; |
| | | } |
| | | |
| | | .t-radio__border { |
| | |
| | | transform: rotate(180deg); |
| | | } |
| | | |
| | | .list-body { |
| | | background: #F2F3F8; |
| | | padding: 40rpx 0; |
| | | } |
| | | |
| | | .title { |
| | | display: flex; |
| | | height: 60rpx; |
| | | font-weight: bold; |
| | | align-items: center; |
| | | margin-top: 20rpx; |
| | | } |
| | | |
| | | .title .line { |
| | |
| | | |
| | | .title .icon { |
| | | height: 36rpx; |
| | | width: 140rpx; |
| | | line-height: 60rpx; |
| | | } |
| | | |
| | | .title .icon .iconImage { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | |
| | | padding: 200rpx 0; |
| | | } |
| | | |
| | | .body-loading { |
| | | padding: 200rpx 0; |
| | | text-align: center; |
| | | } |
| | | |
| | | |
| | | .book-list { |
| | | padding: 24rpx; |
| | | padding: 20rpx; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | margin-top: 10rpx; |
| | |
| | | flex-direction: column; |
| | | align-items: center; |
| | | margin-bottom: 40rpx; |
| | | padding: 50rpx 20rpx 32rpx 20rpx; |
| | | padding: 50rpx 16rpx 32rpx 16rpx; |
| | | box-shadow: 0rpx 0rpx 18rpx 2rpx rgba(0, 0, 0, 0.08); |
| | | background: #fff; |
| | | } |
| | |
| | | } |
| | | |
| | | .checkbox .t-checkbox--block { |
| | | padding: 20rpx 0 !important; |
| | | padding: 0 !important; |
| | | align-items: center; |
| | | } |
| | | |
| | |
| | | |
| | | .checkbox .t-checkbox { |
| | | font-size: 28rpx !important; |
| | | align-items: center; |
| | | } |
| | | |
| | | .checkbox .t-checkbox__icon--left { |
| | | margin-right: 10rpx !important; |
| | | margin-right: 6rpx !important; |
| | | } |
| | | |
| | | .checkbox .t-checkbox__title { |
| | |
| | | height: 184rpx; |
| | | position: fixed; |
| | | bottom: 20%; |
| | | right: 20rpx; |
| | | right: 0; |
| | | } |
| | | |
| | | .applyBox .box { |
| | | width: 184rpx; |
| | | height: 184rpx; |
| | | color: #fff; |
| | | position: relative; |
| | | } |
| | | |
| | | .applyBox .box .t-image { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .num { |
| | | background-color: #FD3D16; |
| | | color: #fff; |
| | | border: 2rpx solid #FFFFFF; |
| | | font-size: 24rpx; |
| | | line-height: 30rpx; |
| | | font-weight: 400; |
| | | width: 48rpx; |
| | | height: 32rpx; |
| | | text-align: center; |
| | | border-radius: 9px; |
| | | position: absolute; |
| | | top: 30rpx; |
| | | left: 118rpx; |
| | | } |