view { box-sizing: border-box; } .container { .bgBox{ background: #F7F8FB; min-height: 100vh; padding-top: 54rpx; padding-left: 30rpx; padding-right: 30rpx; background-size: 100% 466rpx; background-repeat: no-repeat; .item{ background: #FFFFFF; box-shadow: 0rpx 4rpx 16rpx -8rpx rgba(0,103,104,0.16); border-radius: 32rpx; // border-radius: 30rpx; padding-top: 24rpx; padding-left: 28rpx; padding-bottom: 40rpx; padding-right: 28rpx; margin-bottom: 24rpx; .mainPic{ // width: 689rpx; // height: 284rpx; width: 100%; border-radius: 32rpx 32rpx 0 0; } .name{ font-size: 30rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: bold; color: #333333; margin-bottom: 16rpx; } .des{ font-size: 30rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: 400; color: #333333; margin-bottom: 16rpx; } .time{ font-size: 24rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: 400; color: #999999; } .btnBox{ display: flex; justify-content: space-between; margin-top: 48rpx; height: 84rpx; .item1{ width: 306rpx; height: 84rpx; border-radius: 54rpx; border: 1rpx solid #999999; display: flex; align-items: center; justify-content: center; font-size: 32rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: 400; color: #333333; line-height: 48rpx; } .bg{ font-size: 32rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: 500; color: #FFFFFF; background: linear-gradient(132deg, #0298FF 0%, #017AFF 100%); border-radius: 54rpx; border: none; } } } } } ::v-deep .u-popup__content{ border-radius: 30rpx!important; } .slot-content{ // font-size: 28rpx; .txt1{ margin-bottom: 10rpx; } .caidan{ width: 100%; height: 30rpx; margin-top: 10rpx; } }