@font-face { font-family: "SourceHanSerifCN Bold"; src: url('../font/SourceHanSerifCN-Bold.otf'); } @font-face { font-family: "SourceHanSerifCN Regular"; src: url('../font/SourceHanSerifCN-Regular.otf'); } /* 设置滚动条的样式 */ ::-webkit-scrollbar { width:4px; } /* 滚动槽 */ ::-webkit-scrollbar-track { border-radius:2px; background:url(../img/line-bg.jpg)center/2px 100% no-repeat; } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { width:4px; border-radius:4px; background:#890d12; } /* ::-webkit-scrollbar-thumb:window-inactive { background: #890d02; } */ * { margin:0; padding:0; } .ui { } .top-name { position:absolute; z-index:22; width:100%; text-align:center; font-family: "SourceHanSerifCN Bold"; font-size:5.6vw; color:#890d12; margin:2vh auto; } .bottom-description { position:absolute; z-index:22; left:0; right:0; bottom:5vh; margin:auto; width:94.67vw; height:44.53vw; background:url(../img/info-bg.png)center/100% no-repeat; padding:5vw 8vw 5vw 10vw; box-sizing:border-box; } .bottom-description .inner { height:100%; overflow-y: scroll; padding-right:4vw; } .bottom-description p { font-size:2.53vw; line-height:6vw; color:#151c2c; }.bottom-description .item p#info { width:58vw; text-align:justify; } .bottom-description .item { display:flex; align-items: flex-start; } .bottom-description .item span { display:block; width:15vw; font-size:2.53vw; font-family: "SourceHanSerifCN Regular"; line-height:6vw; } .audio { position:absolute; z-index:22; top:10vh; right:2vw; width:12.26vw; height:19.33vw; background:url(../img/music-on.png)center/100% no-repeat; } .audio.on { background:url(../img/music-off.png)center/100% no-repeat; } #companyText { position:absolute; z-index:22; width:100%; bottom:10px; text-align:center; font-size:10px; color:rgb(255 255 255 / 0.5); }