saas_miniprogram/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;
		}
	}
}