123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- @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);
- }
|