.login-line {
    display: flex;
    flex-direction: row;
    width: 20rem;
    margin: 0 auto;
}

.login-line .login-label {
    width: 5rem;
    text-align: left;
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: .9rem;
}

.login-line .login-input {
    width: calc(100% - 5rem);
}

.bg-purple {
    background-color: #6f42c1;
}

.video-box {
    width: 100%;
    overflow: hidden;
}

.video-box video {
    max-width: 100%;
}

.modal-normal {
    --bs-modal-width: 600px;
}

.second-info {
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .375rem;
    --bs-btn-font-size: .9rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.6;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
}

.dot {

    padding: 0;
    margin:0.35rem 0;
    height: 4px;
    width:  4px;
    border-radius: 50%;
    display: inline-block;
    background: #ff0000;
}
.video-box-p{
    position: relative;
}
.video-box-p  video.trans{
    transform: rotateY(180deg);
}
.btn-trans{
    position: absolute;
    top:4px;
    right:20px;
    z-index: 10000;
}

.video-container {
    position: relative;
    min-width: 600px; /* 调整为适合你的布局的宽度 */
    max-width: 100%;
    overflow: auto;
    padding:0;
    display: flex;
    flex-direction: row;
}
#my-video-box {
    max-width:1000px;
    height: auto;
    transition: transform 0.2s;
    transform-origin: 0 0; /* 将中心点设置为左上角 */
}
#my-video-box video{
    width: 100%;
    height: auto;
}

.bg-primary-subtle{
    background-color: rgba(13, 110, 253, 0.05);
    color: #0d6efd;
}