/* 这里是 Wallpaper-for-Classroom-PC 项目的网页样式代码 */
/* 根据设备屏幕分辨率的不同，本项目的显示效果可能会有区别 */
/* 如有需要可随意修改其中的内容，但建议修改前做好备份 */

* {
    margin: 0px;
    padding: 3px;
}
@font-face {
    font-family: 'FZHTJW'; 
    src: url('resource/FZHTJW.TTF') format('truetype');
}
@font-face {
    font-family: 'AvenueT';
    src: url('resource/AvenueT.ttf') format('truetype');
}
@font-face {
    font-family: 'MiSans';
    src: url('resource/MiSans-Demibold.ttf') format('truetype');
}
@font-face {
    font-family: 'Segment7';
    src: url('resource/Segment7Standard.otf') format('opentype');
}
body { 
	background-size:100% 100%;
    background-repeat:no-repeat;
    width: 100%;
    height: 100%;
    overflow: hidden; 
    /* background: url('https://api.aixiaowai.cn/gqapi/gqapi.php') repeat left 55%;  */
	background: url('https://18zm.fbhhclass.top/98520111_p0.jpg') no-repeat;
	background-size: cover
	/* background: url('https://bing.img.run/uhd.php') repeat left 55%; */
	/* background: url('https://18zm.fbhhclass.top/emoji/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20231210204151.png') repeat left 55%; */
} 
video{
    /*
     * 根据需求设定定位方式
     * position: fiexd;
     */ 
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: -99;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /*
     * background: url('/uploads/220322/1-22032210015OJ.jpg') no-repeat;
     * background-size: cover;
     */ 
}
/* body {
	background: url("AAAAA.mp4") no-repeat;
	background-size:100% 100%;
	background-repeat:no-repeat;
    width: 100%;
    height: 100%;
    overflow: hidden; 
} */
p, marquee {
    color: ghostwhite;
    text-shadow: 2px -2px 0px black, 2px 2px 0px black, -2px -2px 0px black, -2px 2px 0px black, 2px 0px 0px black, 0px 2px 0px black, -2px 0px 0px black, 0px -2px 0px black;
}
.digitalFont {
    font-family: "Segment7", "MiSans";
}
.pixelFont {
    font-family: "FZXS16", "MiSans";
}
.normalFont {
    font-family: "AvenueT", "MiSans";
}
.xuanyu {
    font-family: "AvenueT", "MiSans";
	font-size: 20px;
	backdrop-filter: blur(3px);
	border-radius: 25px;
}
.xuanyu-1 {
    font-family: "AvenueT", "MiSans";
	font-size: 25px;
}
.footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 80px;
    background-color: ;
    z-index: 9999;
}
.mbl {
	z-index: -1;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--w-alpha-10);
    transition: .5s;
    border-radius: inherit
}
#divouter {
    width: 100vw;
    height: 90%;
    position: absolute;
}
#divleft {
    width: 36vw;
    height: 100%;
    padding: 0px;
    float: left;
}
#divright {
    width: 36vw;
    height: 100%;
    padding: 0px;
    float: left;
}
#divmiddle {
    width: 28vw;
    height: 100%;
    padding: 0px;
    float: left;
}
#clock {
    font-size: 100px;
    line-height: 100px;
    padding-top: 8px;
    text-align: center;
}
#subject {
    font-size: 48px;
    line-height: 48px;
    text-align: center;
}
#dutytitle {
    padding-top: 16px;
    padding-left: 24px;
    font-size: 64px;
    text-align: left;
}
#duty {
    padding-left: 24px;
    font-size: 47px;
    line-height: 56px;
    text-align: left;
}
#schedule {
    padding-top: 32px;
    padding-right: 24px;
    font-size: 56px;
    line-height: 60px;
    text-align: right;
}
.scheduleSeparator {
    width: 100%;
    padding: 16px;
}
.emoji {
    width: 52px;
}
#currentClass {
    padding-top: 32px;
    font-size: 76px;
    line-height: 84px;
    text-align: right;
}
#announcement {
    font-size: 32px;
    line-height: 50px;
}
#countDown, #countUp {
    font-size: 30px;
    text-align: center;
}
#countDown {
    padding-top: 132px;
}
#countUp {
    padding-top: 24px;
}
.countDownLarge {
    font-size: 48px;
}
video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
  }