body {padding: 0;border: 0;margin: 0;background-color: #eee;overflow: hidden;}
::-webkit-scrollbar {width: 0;}
::-webkit-scrollbar:horizontal {height: 0;}

#topbar {position: absolute;width: 100vw;height: 7vh;left: 0;top: 0;z-index: 1000;}
#topbar .waves-effect {position: absolute;width: 7vh;height: 7vh;}
#topbar .waves-effect img {position: absolute;width: 4vh;height: 4vh;left: 1.5vh;top: 1.5vh;}
#exit {left: 0;top: 0;}
#title {position: absolute;width: calc(100vw - 14vh) !important;height: 7vh;left: 7vh;top: 0;font-size: 2.8vh;display: flex;justify-content: start;align-items: center;}
#menu {right: 0;top: 0;}
/* 自定义下拉菜单 */
.custom-dropdown {width: 15vh !important;overflow: hidden;padding: 0;outline: none;}
.custom-dropdown li {list-style: none;padding: 0;margin: 0;}
.custom-dropdown li a {display: block;width: 100%;height: 100%;line-height: 4vh;text-align: center;text-decoration: none;font-size: 2.3vh;transition: background 0.3s;}
.custom-dropdown li a:hover {background-color: #e0e0e0;}

#videobar {
    position: absolute;width: 100vw;height: 86vh;left: 0;top: 7vh;
    display: flex;flex-wrap: wrap;align-content: flex-start;overflow-x: hidden;overflow-y: auto;
}
.video_card {position: relative;width: 100vw;height: 45vw;left: 0;top: 0;border-bottom: 1px solid #e0e0e0;}
.video_cover {position: absolute;width: 40vw;height: 22vw;left: 2vw;top: 2vw;border-radius: 2vw;overflow: hidden;}
.video_cover img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.video_title {
    position: absolute;width: 54vw;height: 16vw;left: 44vw;top: 2vw;
    line-height: 1.2;font-size: 4.5vw;overflow: hidden;word-wrap: break-word;overflow-wrap: break-word;word-break: break-all;white-space: pre-wrap;
}
.video_subtitle {
    position: absolute;width: 54vw;height: 6vw;left: 44vw;top: 18vw;
    font-size: 4.5vw;overflow: auto;white-space: nowrap;overflow-x: auto;overflow-y: hidden;display: flex;align-items: center;
}
.video_data {
    position: absolute;width: 100vw;height: 8vw;left: 0;top: 26vw;
    font-size: 4.5vw;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;padding-left: 2vw;padding-right: 2vw;overflow: auto;white-space: nowrap;overflow-x: auto;overflow-y: hidden;display: flex;align-items: center;
}
.video_card .waves-effect {
    position: absolute;width: 18vw;height: 7vw;
    font-size: 4.5vw;border-radius: 1vw;display: flex;justify-content: center;align-items: center;
}
.audit_btn {top: 36vw;right: 2vw;}
.delete_btn {top: 36vw;right: 22vw;}
.share_btn {top: 36vw;right: 42vw;}

#bottombar {position: absolute;width: 100vw;height: 7vh;left: 0;top: 93vh;display: flex;justify-content: center;align-items: center;z-index: 999;}
.pagination {width: 100vw;height: 5vh;left: 0;top: 1vh;padding: 0;border: 0;margin: 0;display: flex;justify-content: center;align-items: center;}
.pagination li {width: 4.4vh;height: 4.4vh;padding: 0;border: 0;margin: 0;border-radius: 0.3vh;margin-left: 0.5vh;margin-right: 0.5vh;display: flex;justify-content: center;align-items: center;}
.pagination li a {width: 100%;height: 100%;font-size: 2.5vh;padding: 0;border: 0;margin: 0;display: flex;justify-content: center;align-items: center;}
.pagination li a img {width: 100%;height: 100%;object-fit: contain;}