zc_saas_h5/pages3/course/index.scss

// 和pages2/bank/detail 页面公用的样式
// 底部按钮
.bottomBox{
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 132rpx ;
    background-color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24rpx;
    box-shadow: 0rpx -2rpx 6rpx 0rpx rgba(0,0,0,0.1000);
    .icons {
        display: flex;
        .share_w {
            font-size: 24rpx;
            color: #333;
            margin-top: 6rpx;
        }
        .icon_item {
            text-align: center;
        }
        .ones {
            margin-left: 32rpx;
            margin-right: 60rpx;
            position: relative;
            top: 0;
            left: 0;
            /deep/ button::after{
                border: none; 
            }
            .bt_share {
                width: 38rpx;
                height: 38rpx;
                position: absolute;
                top: 3rpx;
                left: 0;
                z-index: 100;
                opacity: 0;
            }
        }
    }
    .share {
        width: 38rpx;
        height: 38rpx;
        position: relative;
        top: 3rpx;
        z-index: 99;
        margin-bottom: 4rpx;
    }
    .shopcar {
        width: 40rpx;
        height: 40rpx;
    }
}
// 弹窗
.had_bugCourse {
	width: 600rpx;
	height: 424rpx;
	position: relative;
	top: 0;
	left: 0;
	.share {
		width: 100%;
		height: 288rpx;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
	}
	.tips {
		width: 100%;
		height: 288rpx;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		.warns {
			margin: 56rpx 0rpx 24rpx;
			font-size: 36rpx;
			font-weight: bold;
			color: #222222;
		}
		.words {
			font-size: 32rpx;
			font-weight: 400;
			color: #222222;
			margin-top: 6rpx;
			>text {
				color: #3577E8;
			}
		}
	}
	.tip_botton {
		width: 100%;
		height: 136rpx;
		padding: 0rpx 48rpx;
		display: flex;
		justify-content: space-between;
		position: absolute;
		left: 0;
		bottom: 0;
		.confirm_btn, .cancel_btn {
			width: 236rpx;
			height: 88rpx;
			line-height: 88rpx;
			text-align: center;
			border-radius: 240rpx;
			font-size: 32rpx;
			font-weight: 500;
		}
		.confirm_btn {
			color: #fff;
			background-color: #3577E8;
		}
		.cancel_btn {
			color: #222222;
			background-color: #F0F0F0;
		}
	}
}

// 选择规格弹窗
.popup_box {
    width: 100%;
    height: 938rpx;
    padding: 56rpx 56rpx 0rpx;
    .headers {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .grade {
        font-size: 40rpx;
        font-weight: bold;
        color: #222222;
      }
    }
	.pop_prices {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 48rpx 0rpx 40rpx 0rpx;
		.imgs {
			width: 204rpx;
			height: 120rpx;
			border-radius: 16rpx;
			margin-right: 24rpx;
		}
		.goods_titles {
			font-size: 28rpx;
			font-weight: 500;
			color: #222222;
		}
		.goods_price {
			font-size: 28rpx;
			font-weight: 500;
			color: #FC3F3F;
		}
	}
	.lines {
		width: 100%;
		height: 2rpx;
		background: #F0F0F0;
	}
	.check_con {
		width: 100%;
		height: 500rpx;
		overflow-y: auto;
		.check_items {
			width: 100%;
			// height: 500rpx;
		}
		.grades {
			font-size: 28rpx;
			font-weight: 400;
			color: #969696;
			margin-bottom: 24rpx;
		}
		.grades {
			margin-top: 40rpx;
		}
		.grade_names {
			display: flex;
			flex-wrap: wrap;
		}
		.course_items {
			height: 56rpx;
			background: #F8F8F8;
			border-radius: 66rpx;
			padding: 12rpx 30rpx;
			font-size: 24rpx;
			color: #222222;
			margin-bottom: 24rpx;
			margin-right: 32rpx;
			&.nactive {
				background: #D5E4FF;
				color: #3F8DFD;
			}
		}
	}
    .right_now {
        width: 100%;
        height: 92rpx;
        line-height: 92rpx;
        text-align: center;
        background: #3F8DFD;
        border-radius: 120rpx;
        font-size: 32rpx;
        font-weight: 500;
        color: #FFFFFF;
    }
}