.issue { .issue-title { padding: 5upx 46upx; } .content { width: 690rpx; height: 100%; background: #ffffff; border: 1px solid #c6c6c6; border-radius: 10px; margin-left: 30rpx; margin-top: 20rpx; .card { display: flex; width: 690rpx; // height: 240rpx; align-items: center; position: relative; margin-bottom: 20rpx; .card-content { position: absolute; width: 100%; // height: 240rpx; display: flex; flex-direction: column; padding: 0 50rpx; justify-content: center; .name { color: #ffffff; font-weight: 600; font-size: 36rpx; margin: 8rpx 0; } .text { color: #ffffff; font-weight: 500; font-size: 28rpx; opacity: 0.6; display: inline-block; width: 462rpx; margin: 8rpx 0; } } .cardInfo-content { width: 100%; height: 240rpx; margin: 30rpx; padding: 30rpx 0; .info { font-size: 30rpx; font-weight: 500; color: #333333; margin-bottom: 35rpx; } .number { font-size: 26rpx; font-weight: 400; color: #999999; display: flex; justify-content: space-between; margin: 26rpx 0; position: relative; height: 36rpx; .line { display: flex; align-items: center; position: relative; .tips { position: relative; top: 2rpx; margin-left: 10rpx; } } .text { color: #333333; } } } } .card-one { height: 640rpx; .cardInfo-content { height: 640rpx; } } .card-two { height: 640rpx; .cardInfo-content { height: 640rpx; border-top: 0.5px dashed #c3c3c3; } } } .btn { display: flex; justify-content: space-around; background-color: #ffffff; position: absolute; padding: 40rpx 0; width: 100%; } } .slot-content { padding: 48rpx; .line { font-size: 28rpx; // text-indent:2em; } .line2 { font-size: 28rpx; margin-top: 20rpx; } .line3 { font-size: 28rpx; } }