|
- .BoxBg{
- min-height: 100vh;
- }
- .navigation{
- height: 120rpx;
- border-bottom: 1rpx #232835 solid;
- }
- .fPay{
- width: 50%;
- float: left;
- }
- .tPay{
- width: 50%;
- float: left;
- }
- .aText{
- margin-top: 20rpx;
- font-size: 36rpx;
- font-family: PingFang SC;
- font-weight: 800;
- color: #07E881;
- text-align: center;
- }
- .Axian{
- width: 70rpx;
- height: 4rpx;
- background-color: #07E881;
- margin: 10rpx auto;
- }
- .classBox{
- width: 90%;
- margin: 20rpx auto;
- padding-bottom: 20rpx;
- border-bottom: 1rpx #232835 solid;
- }
- .Text{
- margin-top: 20rpx;
- font-size: 32rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #FFFFFF;
- text-align: center;
- }
- .orderBox{
- border-radius: 20rpx;
- background-color: #181C28;
- margin: 40rpx 0 0 0;
- }
- .orderNum{
- clear: #8790A8;
- line-height: 70rpx;
- width: 90%;
- margin: 20rpx auto;
- border-bottom: 1rpx #232835 solid;
-
- }
- .img{
- float: left;
- width: 250rpx;
- height: 160rpx;
- border-radius: 10rpx;
- background-color: coral;
- }
- .courseBox {
- margin-left: 30rpx;
- float: left;
-
- }
- .h3{
-
- width: 300rpx;
- line-height: 60rpx;
- font-size: 34rpx;
- color: #ffffff;
- font-weight: 560;
- overflow:hidden;
- text-overflow:ellipsis;
- display:-webkit-box;
- -webkit-box-orient:vertical;
- -webkit-line-clamp:1;
- }
- .headImg{
- width: 60rpx;
- height: 60rpx;
- border-radius: 50%;
- background-color: coral;
- float: left;
-
- }
- .name{
- width: 220rpx;
- line-height: 60rpx;
- height: 60rpx;
- border-radius: 50rpx;
- color: #8790A8;
- text-align: center;
- background-color: #222735;
- }
- .priceBox{
- /* margin-top: 20rpx; */
- overflow: hidden;
- }
- .priceF{
- float: left;
- color: #ff3366;
- line-height: 60rpx;
- }
- .price{
- font-size: 34rpx;
- color: #ff3366;
- float: left;
- line-height: 60rpx;
- }
- .timeBox{
- width: 90%;
- margin: 20rpx auto;
- }
- .timeTitile{
- float: left;
- }
- .payTiem{
-
- line-height: 80rpx;
- font-size: 32rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #FC4758;
- }
- .payBtn{
- float: right;
- width: 180rpx;
- line-height: 80rpx;
- text-align: center;
- border: 2rpx solid #06D176;
- border-radius: 50rpx;
- color: #06D176;
-
- }
- .payOk{
- float: right;
- width: 180rpx;
- line-height: 80rpx;
- text-align: center;
- border: 2rpx solid #666D80;
- border-radius: 50rpx;
- color: #666D80;
- background-color: rgba(135, 144, 168, 0.1);;
-
- }
|