|
- .head {
- background: #51a0fc;
- color: #fff;
- text-align: center;
- }
-
- .head text {
- display: block;
- }
-
- .title1 {
- font-size: 28rpx;
- font-family: PingFang-SC-Regular;
- font-weight: 400;
- color: rgba(255, 255, 255, 1);
- line-height: 44rpx;
- }
-
- .tab {
- display: flex;
- justify-content: space-around;
- margin-bottom: 45rpx;
- z-index: 999;
- height: 60rpx;
- }
-
- .tab .tabItem {
- width: 120rpx;
- text-align: center;
- padding-bottom: 15rpx;
- transition: all .3s;
- }
-
- .tabItem.active {
- font-size: 35rpx;
- color: #fff;
- border-bottom: 5rpx solid #fff;
- }
-
- .title2 {
- height: 64rpx;
- font-size: 70rpx;
- font-family: PingFang-SC-Bold;
- font-weight: bold;
- color: rgba(255, 255, 255, 1);
- line-height: 44rpx;
- margin-top: 66rpx;
- }
-
- .title3 {
- font-size: 28rpx;
- font-family: PingFang-SC-Bold;
- font-weight: bold;
- color: rgba(255, 255, 255, 1);
- line-height: 44rpx;
- margin-top: 20rpx;
- }
-
- .time {
- padding: 0 35rpx;
- height: 87rpx;
- line-height: 87rpx;
- background: #f6f6f6;
- }
-
- .time .fl {
- font-size: 26rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color: rgba(153, 153, 153, 1);
- }
-
- .time .fr {
- position: relative;
- font-size: 26rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color: rgba(81, 160, 252, 1);
- }
-
-
- .content {
- position: relative;
- padding: 0 35rpx;
- height: 210rpx;
- border-bottom: 1px solid #eaeaea;
- }
-
- .content>view:nth-of-type(2n+1) text {
- display: block;
- }
-
- .content>view:nth-of-type(2n+1) text:nth-of-type(1) {
- font-size: 28rpx;
- margin-top: 24rpx;
- }
-
- .content>view:nth-of-type(2n+1) text:nth-of-type(2) {
- margin-top: 10rpx;
- font-size: 26rpx;
- font-family: PingFang-SC-Bold;
- color: rgba(153, 153, 153, 1);
- }
-
- .content>view:nth-of-type(2n+1) {
- float: left;
- width: 65%;
- overflow: hidden;
- }
-
- .content>view:nth-of-type(2n) {
- width: 30%;
- float: right;
- overflow: hidden;
- text-align: right;
- font-size: 28rpx;
- color: #666;
- }
-
-
- .nocontent {
- text-align: center;
- font-size: 30rpx;
- height: 90rpx;
- line-height: 90rpx;
- }
-
- .content .fr text:nth-of-type(1) {
- margin-top: 36rpx;
- }
-
- .content #refundMark {
- display: inline-block;
- position: absolute;
- width: 55rpx;
- height: 55rpx;
- line-height: 55rpx;
- text-align: center;
- top: 20rpx;
- right: 150rpx;
- border: 5rpx solid #ff0000b7;
- color: #ff0000b7;
- border-radius: 50% 50%;
- }
-
- .content .fr .card {
- position: absolute;
- top: 40rpx;
- right: 230rpx;
- border: 3px solid #b6e48c;
- color: #b6e48c;
- font-size: 35rpx;
- padding: 0 15rpx;
- border-radius: 15rpx;
- transform: rotate(-15deg);
- }
-
- .content .fr .Ecard {
- position: absolute;
- top: 40rpx;
- right: 230rpx;
- border: 3px solid #ec9ea0;
- color: #ec9ea0;
- font-size: 35rpx;
- padding: 0 15rpx;
- border-radius: 15rpx;
- transform: rotate(-15deg);
- }
-
- .content .fr text:nth-of-type(1),
- .content .fr text:nth-of-type(3) {
- color: #333;
- display: block;
- font-size: 28rpx;
- }
-
- .content .fr text:nth-of-type(2) {
- display: block;
- color: rgba(153, 153, 153, 1);
- font-size: 26rpx;
- }
-
- .acount {
- display: flex;
- margin: 30rpx auto 0;
- padding: 35rpx 0;
- flex: 2;
- text-align: center;
- border-top: 1px solid rgba(255, 255, 255, 0.23);
- }
-
- .acount>view {
- flex: 1;
- }
-
- .acount>view text {
- display: block;
- color: #fff;
- font-size: 26rpx;
- }
-
- .acount>view text:nth-of-type(2n) {
- color: #fff;
- font-size: 28rpx;
- margin-top: 20rpx;
- }
-
- .daishou {
- width: 133rpx;
- height: 79rpx;
- position: absolute;
- top: 0;
- bottom: 0;
- right: 264rpx;
- margin: auto;
- }
|