/* 自己新增的代码 */ /* 整个页面 */ #entry-page { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: flex; height: 100%; flex-direction: column; align-items: center; background-color: #252d36; } /* 游戏信息 */ .entry-page-game { box-sizing: border-box; display: flex; width: 100%; padding: 20px; color: #fff; } .entry-page-game .game-poster { margin-right: 15px; font-size: 0; } .entry-page-game .game-name { margin-top: 14px; margin-bottom: 20px; font-size: 20px; } .entry-page-game .game-tag { margin-bottom: 6px; width: fit-content; height: 14px; padding: 2px 8px; color: #f45131; font-size: 12px; line-height: 14px; border: 1px solid #f45131; border-radius: 3px; } .entry-page-game .game-like { font-size: 12px; } .entry-page-game .game-detail { flex: 1; } .entry-page-game .game-poster img { width: 100px; height: 100px; border-radius: 10px; } .entry-page-desc { box-sizing: border-box; width: 100%; padding: 0 20px 20px; color: #bdbdbd; font-size: 16px; } /* play按钮 */ #entry-page-play { display: flex; align-items: center; justify-content: center; width: calc(100% - 80px); height: 36px; color: #fff; font-size: 16px; background-color: #2a6797; border: none; outline: none; border-radius: 6px; animation: playBtnZoom 0.7s linear infinite alternate; } .entry-page-ad { width: 100%; margin-top: 20px; } @keyframes playBtnZoom { 0% { transform: scale(1); } 100% { transform: scale(1.11); } } .play-arrow { display: none; width: 16px; margin-right: 10px; animation: play-arrow 0.3s infinite; } @keyframes play-arrow { 0% { transform: translateX(-1rem); } 50% { transform: translateX(0); } 100% { transform: translateX(-1rem); } } .play-loading { display: inline-block; width: 18px; height: 18px; margin-right: 10px; border: 2px solid #fff; border-top-color: transparent; border-radius: 100%; animation: circle-loading infinite 0.75s linear; } @keyframes circle-loading { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }