.video-down {} .updata-title {} .close-video { margin-top: 10px; width: 100%; display: flex; } .close-video-type { border-radius: 5px; display: flex; font-size: 14px; border: 1px solid #b8beba; } .close-video-type-left { padding: 8px 10px; } .close-video-type-right { padding: 8px 10px; } .close-video-content { margin-top: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 10px; } .video-content-all { margin-top: 10px !important; display: flex; align-items: center; flex-wrap: wrap; } .video-content-url { position: relative; width: 33%; margin-right: 1%; } .content-url-video { width: 100%; border-radius: 5px; } .close-img { position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; } .close-img-con { width: 100%; height: 100%; } @media screen and (max-width: 600px) { .video-content-url { position: relative; width: 100%; margin-right: 0; } }