.playercontainer {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 9 ÷ 16 × 100% = 56.25% */
    background-color:  black;
}
.playertip {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius:10px;
}
/*
支付的CSS*/
.payform {
    font-size: 16px;
    border-radius: 5px;
}
.payform i{
    font-size: 16px;
    color:#1e87f0;
    padding-right: 5px;
    padding-left: 5px;
}
.payform label{
    font-size: 16px;

    padding-right: 5px;
    padding-left: 5px;
}
.payform p{
    margin-top: 5px;
    margin-bottom: 5px;
}
.swal2-html-container {
    overflow: hidden!important; /* 隐藏溢出内容，防止出现滚动条 */
    max-height: none !important;/* 取消最大高度限制，避免因内容过多出现滚动条 */
    word-break: break-all!important; /* 允许在单词内换行，防止内容超出容器宽度出现横向滚动条 */
}
/*视频页右侧样式*/
.course-card{
    background: white;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.coutse-title{
    text-align: center;
    font-size: 1.5rem;
    color: #0aa073!important;
    padding: 15px;
}
.course_details-price{
    background: #e2f8ea;
    padding: 0.5rem 1rem;
    font-size: 16px;
    color: #b72546;
    border-radius: 10px;
    text-align: center;
    width: 100%;

}
.course_details-list{
    padding: 1rem 1rem;

}
.couse-free{
    background: #bfeacf;
    padding: 0.5rem 1rem;
    font-size: 14px;
    color: #f34742;
    border-radius: 10px;
    text-align: center;
    width: 100%;
}
.course-login{
    border-radius: 25px;
    font-size: 1rem;
    width:100%
}