123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 |
- .content {
- padding: 0 28rpx;
- }
- .border-radius {
- background: #FFFFFF;
- border-radius: 24rpx;
- margin: 20rpx 0;
- }
- .top-text {
- padding: 18rpx 0 48rpx;
- padding-left: 8rpx;
- }
- .top-text .text-1 {
- font-size: 36rpx;
- font-family: PingFangSC-Semibold, PingFang SC;
- font-weight: 600;
- color: #FF77B0;
- }
- .top-text image {
- width: 28rpx;
- height: 28rpx;
- background-color: #ccc;
- margin-right: 8rpx;
- }
- .tabs-wrap {
- height: 72rpx;
- padding: 0 54rpx;
- /* background: #fff; */
- justify-content: space-between;
- }
- .tabs-wrap .item {
- /* width: 33.33%; */
- height: 100%;
- font-size: 28rpx;
- color: #999999;
- position: relative;
- }
- .tabs-wrap .item.active {
- font-family: PingFangSC-Medium, PingFang SC;
- font-size: 28rpx;
- color: #333;
- /* color: #85DBD8; */
- border-bottom: 4rpx solid #FF77B0;
- }
- .change-time {
- height: 116rpx;
- }
- .change-time .time {
- height: 60rpx;
- width: 202rpx;
- border-radius: 8rpx;
- box-sizing: border-box;
- padding: 0 14rpx;
- background-color: #F5F5F5;
- }
- .change-time .time text {
- font-size: 24rpx;
- }
- .change-time .triangle {
- font-size: 0;
- line-height: 0;
- border-style: solid;
- border-width: 16rpx 10rpx 0rpx 10rpx;
- border-color: #666666 transparent;
- width: 20rpx;
- height: 16rpx;
- box-sizing: border-box;
- border-radius: 4rpx;
- margin-left: 14rpx;
- /* border-top-left-radius: 6rpx; */
- /* border-top-right-radius: 6rpx; */
- }
- .change-time .search {
- width: 116rpx;
- height: 60rpx;
- box-sizing: border-box;
- font-size: 28rpx;
- border: 2rpx solid #333;
- border-radius: 36rpx;
- box-sizing: border-box;
- }
- .tabs-content .item {
- padding: 0 28rpx;
- }
- .tabs-content .item-top {
- height: 102rpx;
- }
- .tabs-content .item-top text {
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- }
- .tabs-content .item-text {
- padding: 30rpx 26rpx;
- background: #FFF7FA;
- border-radius: 16rpx;
- }
- .tabs-content .item-text text {
- font-size: 28rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #666666;
- line-height: 48rpx;
- }
- .tabs-content .price {
- height: 84rpx;
- justify-content: flex-end;
- border-bottom: 2rpx solid #F9F9F9;
- }
- .tabs-content .price text {
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- }
- .tabs-content .item-btn {
- height: 132rpx;
- }
- .tabs-content .item-btn .btn {
- width: 192rpx;
- height: 72rpx;
- border-radius: 36rpx;
- border: 2rpx solid #333333;
- box-sizing: border-box;
- }
|