/*样式*/
   /* 遮罩层样式 */
        #videoplay {
             position: fixed;
             top: 50%;
             left: 50%;
             width: 100%;
             height: 100%;
             background-color: rgba(0, 0, 0, 0.85);
             display: none;
             justify-content: center;
             align-items: center;
             z-index: 99999999;
             padding: 20px;
             transform: translate(-50%, -50%);}

        #videoplay .outside {
            width: 90%;
            max-width: 1000px;
            height: auto;
            border-radius: 10px;
            overflow: hidden;
            position: relative;}

        #videoplay video {
            width: 80%;
            height: auto;
            object-fit: cover;
            top: 50%;
            left: 50%;
            position: relative;
            transform: translate(-50%, -50%);
            display: block;}

        /* 关闭按钮样式 */
        .close-btn {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.9);
            border: none;
            font-size: 20px;
            color: #333;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;}

        .close-btn:hover {
            background-color: #ff4444;
            color: white;}

