/* ============================================================ * pc.css - PC桌面端样式 * 应用于大屏幕（>= 1200px）的布局和样式 * ============================================================ */ /* TODO: 在此添加 PC 端专用样式 */ html, body { margin: 0; padding: 0; } body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; padding: 0; margin: 0; color: rgba(0, 0, 0, .88); background: #f4f4f4; line-height: 22px; } .z-none{display:none!important} .fs-12{font-size:12px} .fs-14{font-size:14px} *{word-wrap:break-word} body,button,input,select,textarea{color:#444;} textarea{resize:none} .pc,.pr,body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0} table{border-collapse:collapse;empty-cells:show} caption,th{text-align:left;font-weight:400} .xl li,ul li{list-style:none} h1,h2,h3,h4,h5,h6{font-size:1em} cite,em,i{font-style:normal} a{color:#333;text-decoration:none} a:hover{text-decoration:underline} a img{border:none} label{cursor:pointer} .z{float:left} .y{float:right} .cl:after{clear:both;display:block;visibility:hidden;height:0;content:"."} .cl{zoom:1} .hidefocus{outline:0} a{text-decoration:none;color:#000} a:hover{text-decoration:none;color:#900} .cur-pointer{cursor:pointer} /* ========== nav PC 导航 ========== */ nav{background:#ffd200;width:100%;height:52px;position:relative;z-index:99} nav .nv-inner{max-width:1140px;margin:0 auto;display:flex;align-items:center;height:52px;padding:0 10px} nav .nv-box-menu{display:flex;align-items:center;flex:1;height:36px} nav .nv-logo{width:150px;height:28px;margin-right:16px;background:url(//cdn.ookor.com/img/26/game240_60.png) no-repeat left center;background-size:contain} nav .nv-menu{display:flex;align-items:center;margin:0;padding:0;height:36px} nav .nv-menu li{height:36px;line-height:36px;margin-right:30px;position:relative;list-style:none} nav .nv-menu li a{color:#000;font-size:14px;font-weight:400;height:36px;line-height:36px;display:block} nav .nv-menu li i{content:"";position:absolute;left:0;bottom:0;height:3px;border-radius:1.5px;display:block;width:100%;opacity:0;transform:scaleX(0);background-color:#eb7350;transition:all .2s cubic-bezier(.18,.89,.17,.88) 0s} nav .nv-menu li:hover i{transform:scaleX(1);opacity:1} nav .nv-menu li:hover a,nav .nv-menu li.a a{color:#eb7350;text-decoration:none} /* 语言切换 — 复用旧 #lan_box 逻辑 */ nav .nv-cmd{position:relative;display:flex;align-items:center;gap:10px;height:36px;line-height:36px} nav .nv-cmd .lan_txt{display:flex;align-items:center;color:#666;font-size:14px} nav .nv-cmd .lan_txt svg{margin-left:4px} nav .nv-cmd .lan_txt span{margin-left:8px} nav .nv-cmd .game-lang{display:none} nav .nv-cmd .drop-down{width:100px;height:36px;line-height:36px} nav .nv-cmd .drop-down-content{opacity:0;height:0;overflow:hidden;transition:all .4s ease;border:1px solid #ddd;background:#fff;position:absolute;right:0;top:36px} nav .nv-cmd .drop-down-content li{list-style:none} nav .nv-cmd .drop-down-content li a{display:block;width:100px;height:38px;line-height:38px;color:#111;padding:0 0 0 8px;text-decoration:none;font-size:14px} nav .nv-cmd .drop-down-content li a span{margin:0 0 0 10px} nav .nv-cmd .drop-down-content li:hover a{background-color:#efefef} nav .nv-cmd .drop-down:hover .drop-down-content{opacity:1;height:152px} nav .nv-cmd .drop-down-content .a{font-weight:700;color:#000} /* ========== 页面布局 ========== */ /* 来源: home.css */ .app{position:relative;z-index:10;display:flex;margin:0 auto;padding:0 0 30px 0} .main,.main0{background:#fff} .main-cat{display:flex;flex-direction:column} .main{margin-right:10px} .side{display:inline;width:300px;padding:0;margin:0;background:#fff} /* ========== .top-breadcrumb 面包屑 ========== */ /* 来源: home.css #pt2 */ .top-breadcrumb{font-size:14px;border:none;box-shadow:none;background:#f4f4f4;margin:0 auto;padding:0} .top-breadcrumb:after{content:"";display:block;clear:both} .top-breadcrumb .z{padding:10px 10px} .top-breadcrumb .z a,.top-breadcrumb .z em,.top-breadcrumb .z span{float:left;color:#666;font-size:12px;margin:4px 0} .top-breadcrumb .z em{width:20px;overflow:hidden;font-family:Arial;line-height:18px;text-align:center;font-weight:400;font-size:16px} .top-breadcrumb,.top-breadcrumb .y a{color:#666} /* ========== .main 广告 ========== */ .main .fra_head{display:flex;justify-content:center;align-items:center;padding-top:10px} .main .fra,.side .fra{border:none;overflow:hidden;margin:0;padding:0;display:block} #ifr_cat{width:300px;height:250px} @media (min-width:1200px){ #ifr_head{width:728px;height:90px} .main .fra_head{height:90px} } @media (min-width:768px) and (max-width:1199px){ #ifr_head{width:468px;height:60px} .main .fra_head{height:60px} } @media (max-width:767px){ #ifr_head{width:300px;height:250px} } /* ========== .main .trigger-menu 分类菜单 ========== */ /* 来源: home.css */ .main .trigger-menu{border-top:1px solid #f4f4f4;margin:0 0 10px 0;padding:10px 15px 0 15px;border-radius:6px;list-style:none;border-bottom:1px solid #f4f4f4;background:#fff} .main .trigger-menu li{position:relative;display:inline-block;margin-right:15px;margin-bottom:-1px;padding:10px 0} .main .trigger-menu li a{font-size:14px} .main .trigger-menu li span{position:absolute;bottom:-2px;left:50%;width:100%;border-bottom:2px solid #ec6149;content:"";opacity:0;transition:.2s ease-in-out;-webkit-transform:translate(-50%) scaleX(0);transform:translate(-50%) scaleX(0)} .main .trigger-menu li:hover span{opacity:1;transition:.2s ease-in-out;-webkit-transform:translate(-50%) scaleX(1);transform:translate(-50%) scaleX(1)} .main .trigger-menu li.active{border-bottom:2px solid #ec6149} .main .trigger-menu i{margin-right:5px;font-size:17px} .main .trigger-menu .search{float:right;padding:0} .main .trigger-menu .back-main{float:right} .main .trigger-menu .back-main a{padding:0;color:#333} .main .trigger-menu .back-main a:hover{color:#2f2f2f} .main .trigger-menu .back-main i{vertical-align:middle;font-size:14px} .main .trigger-menu .back-main span{vertical-align:middle} .main .trigger-menu input{float:right;width:130px;border:none} /* icon sprite 尺寸/位置见 pc.css；图样定义见 icon.css */ .main .trigger-menu a i{display:inline-block;margin:-2px 5px 0 0;width:16px;height:16px;vertical-align:middle} .main .trigger-menu .a a{color:#900;font-weight:600} .main .trigger-menu .game-site-title{position:relative} .main .trigger-menu .home-menu{display:flex;align-items:center; } .main .trigger-menu .home-menu .x{flex:1} .main .trigger-menu .home-menu .xt{margin-right:10px} .main .trigger-menu .game-site-name{display:inline-block;padding:13px 20px 13px 0;font-size:16px;font-weight:400;line-height:24px;color:#000;text-decoration:none} .main .trigger-menu .game-site-name h1{display:inline;font-size:16px;font-weight:400;margin:0;line-height:24px} .main .trigger-menu .g-s-n-note{display:inline-block;margin-left: 20px} .main .trigger-menu .game-site-name::before{content:"";display:inline-block;width:20px;height:20px;margin-right:6px;vertical-align:middle;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201024%201024%27%3E%3Cpath%20d%3D%27M881.53%20872H785.7c-32.4%200-62.24-16.26-79.84-43.48l-45.23-70.14a24.882%2024.882%200%200%200-21-11.45H360.85c-8.53%200-16.38%204.28-21.01%2011.45l-45.21%2070.1C277.08%20855.73%20247.23%20872%20214.8%20872h-95.83c-27.7%200-53.94-12.04-72.01-33.03a94.913%2094.913%200%200%201-21.93-76.12l66.31-439.96a95.03%2095.03%200%200%201%2031.97-57.85%2095.036%2095.036%200%200%201%2061.97-22.99h50.67l3.94-41.27C242.6%20172.4%20266.14%20151%20294.64%20151h89.91c14.9%200%2029.36%206.16%2039.68%2016.91%2010.32%2010.74%2015.89%2025.44%2015.28%2040.32l-1.37%2033.8h122.41l-1.34-33.85c-0.6-14.84%204.97-29.53%2015.28-40.27C584.8%20157.16%20599.26%20151%20614.16%20151h89.91c28.53%200%2052.07%2021.42%2054.75%2049.82l3.91%2041.21h52.48c22.73%200%2044.74%208.17%2061.97%2023a95.03%2095.03%200%200%201%2031.97%2057.85l66.31%20439.97a94.903%2094.903%200%200%201-21.93%2076.12%2094.887%2094.887%200%200%201-72%2033.03zM360.85%20676.93h278.78c32.43%200%2062.28%2016.27%2079.84%2043.52l45.21%2070.1c4.63%207.16%2012.49%2011.45%2021.03%2011.45h95.83c9.98%200%2016.16-5.45%2018.95-8.69%202.79-3.25%207.26-10.17%205.77-20.03l-66.31-439.97c-1.83-12.13-12.45-21.28-24.72-21.28H730.9c-18.05%200-33.14-13.73-34.84-31.69L690.43%20221h-60.65l2.17%2054.64a34.97%2034.97%200%200%201-9.74%2025.64%2034.99%2034.99%200%200%201-25.24%2010.75H401.69c-9.53%200-18.65-3.89-25.25-10.76s-10.11-16.14-9.73-25.66l2.22-54.61h-60.66l-5.67%2059.37c-1.72%2017.96-16.8%2031.67-34.84%2031.67h-82.48c-12.27%200-22.89%209.15-24.72%2021.27L94.25%20773.28c-1.49%209.87%202.98%2016.79%205.77%2020.03%202.79%203.25%208.97%208.69%2018.95%208.69h95.83c8.53%200%2016.38-4.28%2021-11.44l45.22-70.12c17.57-27.25%2047.42-43.51%2079.83-43.51z%27%20fill%3D%27%23bfbfbf%27%2F%3E%3Cpath%20d%3D%27M340.5%20373.5l24.75%2045.25%2045.25%2024.75-45.25%2024.75-24.75%2045.25-24.75-45.25-45.25-24.75%2045.25-24.75zM639.5%20524.34l-28.58-52.27-52.27-28.58%2052.27-28.58%2028.58-52.27%2028.58%2052.27%2052.27%2028.58-52.27%2028.58-28.58%2052.27z%20m-39.16-80.84l25.31%2013.84%2013.84%2025.31%2013.84-25.31%2025.31-13.84-25.31-13.84-13.84-25.31-13.84%2025.31-25.31%2013.84z%27%20fill%3D%27%23bfbfbf%27%2F%3E%3C%2Fsvg%3E")} /* ========== .main 分页 ========== */ /* 来源: home.css */ .main .pagenav{padding:20px 0 20px 0;margin-top:20px;margin-bottom:10px;border-top:1px solid #f4f4f4} .main .pg{text-align:center} .main .pg,.main .pgb{line-height:31px} .main .pg a,.main .pg label,.main .pg strong,.main .pg .pg-current,.main .pgb a{font-size:12px;display:inline-block;margin-left:6px;padding:0 12px;height:31px;line-height:31px;border:1px solid #eee;background-color:#fff;background-repeat:no-repeat;border-radius:5px;overflow:hidden;text-decoration:none} .main .pg a.nxt,.main .pgb a{padding:0 10px} .main .pg a.nxt{background-color:#fff;color:#333} .main .pg a.prev{background-color:#fff;color:#333} .main .pg strong,.main .pg .pg-current{background:#f4f4f4;color:#000} .main .pgb a{padding-left:25px;background-image:url(//cdn.ookor.com/img/26/arw_l.gif);background-position:10px 50%} .main .pg label{cursor:text;display:none} .main .pg label .px{padding:0;width:25px;height:16px;line-height:16px} .main .pg a.nxt:hover,.main .pg a:hover,.main .pgb a:hover{background-color:#efefef;color:#333} /* ========== .game-list 游戏列表 ========== */ .game-list{padding:0 0 12px 10px;position:relative;display:flex;flex-wrap:wrap} .game-list .list_item,.game-list .list_item_big{margin:10px 0 0 0;padding:0;width:25%} .game-list .list_item .item_content{position:relative;width:calc(100% - 12px);max-height:135px;aspect-ratio:3/2} .game-list .list_item .item_content img{width:100%;height:100%;object-fit:cover;display:block} .game-list .list_item_big .item_content{height:51.47vw} .game-list .list_item .item_count{position:absolute;left:0;right:0;bottom:0;line-height:10px;background-color:rgba(25,25,25,.5);padding-top:2px;padding-right:9px;padding-bottom:0;padding-left:20px;height:26px} .game-list .list_item .item_title{line-height:26px;font-size:14px;color:#f1f1f1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center} .game-list .list_item .item_title:hover{color:#ff7000} .game-list .list_item_big .item_title{font-size:16px;color:#333;padding-bottom:6px} .game-list .list_item .item_remark,.game-list .list_item_big .item_remark{margin-top:4px;font-size:12px;line-height:18px;color:#a2a2b6} /* ========== .side 侧栏分类 ========== */ .side .gamecat{background:#fff;padding:10px 10px 0 10px} .side .gamecat a{float:left;width:134px;margin:0 0 10px 0;padding:8px 0 8px 20px;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-decoration:none;box-sizing:border-box;color:#fff;line-height:24px;font-size:14px;font-weight:700} .side .gamecat a:hover{color:#eee} .side .gamecat a.lb{margin-right:12px} .side .gamecat a.ci::before{content:'';display:block;float:left;width:24px;height:24px;margin:2px 16px 0 2px;background-size:contain;background-repeat:no-repeat;background-position:center} @media (min-width:768px){ .side .gamecat a.ce1::before{background-image:url(//cdn.ookor.com/img/26/11.svg)} .side .gamecat a.ce2::before{background-image:url(//cdn.ookor.com/img/26/10.svg)} .side .gamecat a.ce3::before{background-image:url(//cdn.ookor.com/img/26/12.svg)} .side .gamecat a.ce4::before{background-image:url(//cdn.ookor.com/img/26/13.svg)} .side .gamecat a.ce5::before{background-image:url(//cdn.ookor.com/img/26/14.svg)} .side .gamecat a.ce6::before{background-image:url(//cdn.ookor.com/img/26/15.svg)} .side .gamecat a.ce7::before{background-image:url(//cdn.ookor.com/img/26/17.svg)} .side .gamecat a.ce8::before{background-image:url(//cdn.ookor.com/img/26/18.svg)} } .side .gamecat a span{margin:4px 0 0 0;display:block;float:left} .side .entry a:nth-child(1){background:#f90} .side .entry a:nth-child(2){background:#6cf} .side .entry a:nth-child(3){background:#6c6} .side .entry a:nth-child(4){background:#e9604a} .side .entry a:nth-child(5){background:#45c1cc} .side .entry a:nth-child(6){background:#9d76c9} .side .entry a:nth-child(7){background:#b87e64} .side .entry a:nth-child(8){background:#fc0} /* ========== .side 热门/好玩小游戏 ========== */ .side .gameshow{margin:10px 0 0 0;padding:10px;background:#fff} .side .gameshow .tBox{font-size:16px;line-height:28px;color:rgba(0,0,0,.88);font-weight:700;margin-bottom:16px;position:relative;padding-left:12px} .side .gameshow .tBox:before{content:"";width:4px;height:20px;position:absolute;top:4px;left:0;border-radius:2px;background:#ffd600} .side .gameshow .gamesone{margin:10px 0;width:100%;height:auto} .side .gameshow .gamesone a{display:flex;gap:10px;text-decoration:none} .side .gameshow .gamesone a.gt img{display:block;width:120px;height:80px;border-radius:4px;flex-shrink:0;object-fit:cover} .side .gameshow .gamesone p{flex:1;margin:0;min-width:0} .side .gameshow .gamesone span{font-size:14px;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all} .side .gameshow .gamesone em{display:block;font-style:normal;font-size:12px;color:#999;margin-top:4px} .side .gameshow .flinks-show{display:flex;flex-wrap:wrap;border-top:1px solid #f4f4f4;font-size:12px} .side .gameshow .flinks-show .flinks-one{margin:10px 0 0 10px;height:30px;line-height:30px} .side .gameshow .flinks-tips{margin:10px 0 0 10px;height:60px;border-top:1px solid #f4f4f4;line-height:60px} /* ========== .top-go 返回顶部 ========== */ .top-go{position:fixed;right:0;bottom:88px;display:none;z-index:1000;width:60px;height:36px;background:url(//cdn.ookor.com/img/26/backtop.png) no-repeat;background-size:60px auto;text-indent:-9999px} /* ========== footer 页脚 ========== */ footer{padding:38px 0 28px;text-align:center;color:#666;font-size:14px;line-height:20px} footer .footer{margin:0 auto;text-align:center} footer .footer a{color:#969696;display:inline-block} footer .footer a:hover{color:#1a588d} footer .footer em{padding:0 3px 0 6px;color:#bbb} footer .ft-links a{font-size:14px;line-height:38px} footer .zz_icp{font-size:13px;line-height:32px} /* trigger-menu 图标精灵 */ .main .trigger-menu a i{background-image:url(//cdn.ookor.com/img/26/icon16.png)} .main .trigger-menu a .newthead{background-position:0 0} .main .trigger-menu a .lastthead{background-position:-20px 0} .main .trigger-menu a .hotthead{background-position:-40px -1px} .main .trigger-menu a .verythead{background-position:-60px -1px} .main .trigger-menu a .i5{background-position:-120px -1px} .main .trigger-menu a .i6{background-position:-140px -1px} .main .trigger-menu .active a .newthead,.main .trigger-menu a:hover .newthead{background-position:0 -20px} .main .trigger-menu .active a .lastthead,.main .trigger-menu a:hover .lastthead{background-position:-20px -20px} .main .trigger-menu .active a .hotthead,.main .trigger-menu a:hover .hotthead{background-position:-40px -21px} .main .trigger-menu .active a .verythead,.main .trigger-menu a:hover .verythead{background-position:-60px -21px} .icon-search{ mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41IDRDNi45MTAxNSA0IDQgNi45MTAxNSA0IDEwLjVDNCAxNC4wODk5IDYuOTEwMTUgMTcgMTAuNSAxN0MxNC4wODk5IDE3IDE3IDE0LjA4OTkgMTcgMTAuNUMxNyA2LjkxMDE1IDE0LjA4OTkgNCAxMC41IDRaTTIgMTAuNUMyIDUuODA1NTggNS44MDU1OCAyIDEwLjUgMkMxNS4xOTQ0IDIgMTkgNS44MDU1OCAxOSAxMC41QzE5IDE1LjE5NDQgMTUuMTk0NCAxOSAxMC41IDE5QzUuODA1NTggMTkgMiAxNS4xOTQ0IDIgMTAuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuMjkyOSAxNS4yOTI5QzE1LjY4MzQgMTQuOTAyNCAxNi4zMTY2IDE0LjkwMjQgMTYuNzA3MSAxNS4yOTI5TDIxLjcwNzEgMjAuMjkyOUMyMi4wOTc2IDIwLjY4MzQgMjIuMDk3NiAyMS4zMTY2IDIxLjcwNzEgMjEuNzA3MUMyMS4zMTY2IDIyLjA5NzYgMjAuNjgzNCAyMi4wOTc2IDIwLjI5MjkgMjEuNzA3MUwxNS4yOTI5IDE2LjcwNzFDMTQuOTAyNCAxNi4zMTY2IDE0LjkwMjQgMTUuNjgzNCAxNS4yOTI5IDE1LjI5MjlaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=); -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41IDRDNi45MTAxNSA0IDQgNi45MTAxNSA0IDEwLjVDNCAxNC4wODk5IDYuOTEwMTUgMTcgMTAuNSAxN0MxNC4wODk5IDE3IDE3IDE0LjA4OTkgMTcgMTAuNUMxNyA2LjkxMDE1IDE0LjA4OTkgNCAxMC41IDRaTTIgMTAuNUMyIDUuODA1NTggNS44MDU1OCAyIDEwLjUgMkMxNS4xOTQ0IDIgMTkgNS44MDU1OCAxOSAxMC41QzE5IDE1LjE5NDQgMTUuMTk0NCAxOSAxMC41IDE5QzUuODA1NTggMTkgMiAxNS4xOTQ0IDIgMTAuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuMjkyOSAxNS4yOTI5QzE1LjY4MzQgMTQuOTAyNCAxNi4zMTY2IDE0LjkwMjQgMTYuNzA3MSAxNS4yOTI5TDIxLjcwNzEgMjAuMjkyOUMyMi4wOTc2IDIwLjY4MzQgMjIuMDk3NiAyMS4zMTY2IDIxLjcwNzEgMjEuNzA3MUMyMS4zMTY2IDIyLjA5NzYgMjAuNjgzNCAyMi4wOTc2IDIwLjI5MjkgMjEuNzA3MUwxNS4yOTI5IDE2LjcwNzFDMTQuOTAyNCAxNi4zMTY2IDE0LjkwMjQgMTUuNjgzNCAxNS4yOTI5IDE1LjI5MjlaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=); } /* game-search */ nav .top-nav-menu-search{display:inline-block;width:20px;height:20px;background-color:#666;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center} nav .game-cmd-search{padding: 10px 0 0 0 ;} .game-search{display:none} .game-search-app{background:#fff} .game-search .app{align-items:stretch} .game-search .side{display:block;height:auto} .game-search .g-s-t--title{padding:20px 0} /* .game-search .game-search-tips dd~dd{display:none} */ /* .game-search.searched .game-search-tips dd{display:block} */ .game-search .game-search-results{margin:10px 0;padding:0 20px} .game-search .game-search-list{display:flex;flex-direction:column} .game-search .game-search-block{padding:20px} .game-search .game-search-block form{display:flex;align-items:center;border:1px solid #e7e9eb;border-radius:4px;overflow:hidden} .game-search .top-search-logo{display:inline-block;width:20px;height:20px;margin:0 8px;background-color:#666;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center} .game-search .game-name{flex:1;border:none;outline:none;padding:8px 0;font-size:14px} ul.cloud { list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; line-height: 2.5rem; } ul.cloud a { color: #a33; display: block; font-size: 1.5rem; padding: 2px 8px; text-decoration: none; position: relative; border-radius: 4px; } ul.cloud a:hover{background:#f4f4f4} ul.cloud a { --size: attr(data-weight number, 2); font-size: calc(var(--size) * 14px); }ul.cloud a[data-weight="1"] { --size: 1; } ul.cloud a[data-weight="2"] { --size: 2; } ul.cloud a[data-weight="3"] { --size: 3; } ul.cloud a[data-weight="4"] { --size: 4; } ul.cloud a[data-weight="5"] { --size: 5; } ul.cloud a[data-weight="6"] { --size: 6; } ul.cloud a[data-weight="7"] { --size: 7; } ul.cloud a[data-weight="8"] { --size: 8; } ul.cloud a[data-weight="9"] { --size: 9; } ul.cloud a { --size: 4; font-size: calc(var(--size) * 4px + 8px); /* ... */ } ul.cloud[data-show-value] a::after { content: " (" attr(data-weight) ")"; font-size: 1rem; } ul.cloud li:nth-child(2n+1) a {color: #181; } ul.cloud li:nth-child(3n+1) a {color: #33a; } ul.cloud li:nth-child(4n+1) a {color: #c38; } ul.cloud a:focus { outline: 1px dashed; } ul.cloud a::before { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #f4f4f4; transform: translate(-50%, 0); opacity: 0.15; transition: width 0.25s; } ul.cloud a:focus::before, ul.cloud a:hover::before { width: 100%; } /* ============================================================ * media.css - 响应式媒体查询 & 全局适配样式 * 从 home.css 中提取的所有 @media 规则 * ============================================================ */ /* ---------- 平板端布局 (768px ~ 1200px) ---------- */ /* 来源: home.css */ @media screen and (min-width:768px) and (max-width: 1200px){ .top-breadcrumb,.app,.footer,.header,.wp{width:100%;} .main,.main0{flex: 1; width: calc(100% - 340px) ; position: relative;} .pc-header .zhanzhuai_meau{width:100%} .pc-header .zhanzhuai_nv_item{width: 100%;} .game-list .list_item, .game-list .list_item_big { width: 33%; } .at-p1m0{display:block} .at-p0m1{display:none} } /* ---------- 桌面端布局 (>=1200px) ---------- */ /* 来源: home.css */ @media screen and (min-width:1200px){ .top-breadcrumb,.app,.footer,.header,.wp{width:1140px} .pc-header .zhanzhuai_meau, .pc-header .zhanzhuai_nv_item{width:1140px} .main,.main0{width:830px} .main-set{width:980px;margin:0 0 0 20px} .at-p1m0{display:block} .at-p0m1{display:none} } /* ---------- 移动端布局 (<=768px) ---------- */ /* 移动端样式已独立至 css/mobile.css，此处仅保留引用 */ /* ===== iframe 容器 ===== */ .game-pc .pc-box{position:relative} .game-pc .pc-box-game{height:450px;background:#000} .game-pc .pc-play-btn{position:absolute;top:0;left:0;right:0;height:450px;display:flex;align-items:center;justify-content:center;z-index:1} .game-pc .game-go-box .game-button{display:flex;justify-content:center; } .game-pc .game-go-box .game-name{color:#fff;text-align:center;font-size:24px;line-height:31px;padding:12px 0 32px 0} .game-pc .game-go-box .game-thumb img{display:block;margin:0 auto;width:200px;border-radius:16px;box-shadow:rgb(0,0,0)0 0 90px 0} .game-pc .game-pc-play{border-radius:48px;padding:0 68px;height:48px;flex:none;font-weight:bold;white-space:nowrap;position:relative;display:inline-flex;gap:6px;justify-content:center;align-items:center;font-size:20px;outline:none;border:none;background:#f1565b;color:#fff;cursor:pointer;transition:all .3s;animation:.5s cubic-bezier(.1,.2,.1,.8) 0s infinite alternate both running continue-play} .game-pc .pc-box-game .game-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000;z-index:1} /* ===== 全屏 ===== */ .pc-box-game:fullscreen,.pc-box-game:-webkit-full-screen,.pc-box-game:-moz-full-screen{width:100%;height:100%;background:#000} .pc-box-game:fullscreen .game-ifra,.pc-box-game:-webkit-full-screen .game-ifra,.pc-box-game:-moz-full-screen .game-ifra{width:100%;height:100%} /* ===== 按钮栏容器 ===== */ .game-pc .g-pc--cmd{height:66px;display:flex;align-items:center;padding:0 20px;color:#000} /* ===== 游戏名称 ===== */ .game-pc .g-pc--cmd .g-pc--name{flex:1 1 0%;font-size:14px;padding:0 8px;display:flex;align-items:center;font-weight:700;cursor:default} /* ===== 按钮列表 ===== */ .game-pc .g-pc--cmd .g-pc--cmd-box{display:flex;align-items:center;margin:0;padding:0;list-style:none} .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--like, .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--dislike{position:relative;cursor:pointer;display:flex;align-items:center;padding:8px 10px;background-color:#f8f8f8;color:inherit} .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--like{border-radius:27px 2px 2px 27px;margin-right:1px} .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--dislike{border-radius:2px 27px 27px 2px} .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--fav, .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--report, .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--qrcode, .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--fullscreen{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:8px;background:#f8f8f8;color:inherit;font-size:14px;border:none;cursor:pointer;border-radius:50%} .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--fav{fill:transparent} /* ===== hover ===== */ .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--like:hover, .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--dislike:hover, .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--fav:hover, .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--report:hover, .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--qrcode:hover, .game-pc .g-pc--cmd .g-pc--cmd-box .g-pc-c--fullscreen:hover{color:#528bff;background-color:#e8e8e8} /* ===== 图标尺寸（图样定义见 css/icon.css） ===== */ .game-pc .g-pc--cmd .g-pc--cmd-box .icon-like, .game-pc .g-pc--cmd .g-pc--cmd-box .icon-dislike, .game-pc .g-pc--cmd .g-pc--cmd-box .icon-fav, .game-pc .g-pc--cmd .g-pc--cmd-box .icon-feedback, .game-pc .g-pc--cmd .g-pc--cmd-box .icon-qrcode, .game-pc .g-pc--cmd .g-pc--cmd-box .icon-fullscreen{display:inline-block;width:20px;height:20px;background-color:#000;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center} .game-pc .g-pc--cmd .g-pc--cmd-box .icon-dislike{transform:scaleY(-1)} /* ===== 游戏logo ===== */ .game-pc .g-pc--cmd .g-pc--name::before{content:"";display:inline-block;width:24px;height:24px;margin-right:12px;background-size:contain;filter:brightness(0);flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201024%201024%27%3E%3Cpath%20d%3D%27M881.53%20872H785.7c-32.4%200-62.24-16.26-79.84-43.48l-45.23-70.14a24.882%2024.882%200%200%200-21-11.45H360.85c-8.53%200-16.38%204.28-21.01%2011.45l-45.21%2070.1C277.08%20855.73%20247.23%20872%20214.8%20872h-95.83c-27.7%200-53.94-12.04-72.01-33.03a94.913%2094.913%200%200%201-21.93-76.12l66.31-439.96a95.03%2095.03%200%200%201%2031.97-57.85%2095.036%2095.036%200%200%201%2061.97-22.99h50.67l3.94-41.27C242.6%20172.4%20266.14%20151%20294.64%20151h89.91c14.9%200%2029.36%206.16%2039.68%2016.91%2010.32%2010.74%2015.89%2025.44%2015.28%2040.32l-1.37%2033.8h122.41l-1.34-33.85c-0.6-14.84%204.97-29.53%2015.28-40.27C584.8%20157.16%20599.26%20151%20614.16%20151h89.91c28.53%200%2052.07%2021.42%2054.75%2049.82l3.91%2041.21h52.48c22.73%200%2044.74%208.17%2061.97%2023a95.03%2095.03%200%200%201%2031.97%2057.85l66.31%20439.97a94.903%2094.903%200%200%201-21.93%2076.12%2094.887%2094.887%200%200%201-72%2033.03zM360.85%20676.93h278.78c32.43%200%2062.28%2016.27%2079.84%2043.52l45.21%2070.1c4.63%207.16%2012.49%2011.45%2021.03%2011.45h95.83c9.98%200%2016.16-5.45%2018.95-8.69%202.79-3.25%207.26-10.17%205.77-20.03l-66.31-439.97c-1.83-12.13-12.45-21.28-24.72-21.28H730.9c-18.05%200-33.14-13.73-34.84-31.69L690.43%20221h-60.65l2.17%2054.64a34.97%2034.97%200%200%201-9.74%2025.64%2034.99%2034.99%200%200%201-25.24%2010.75H401.69c-9.53%200-18.65-3.89-25.25-10.76s-10.11-16.14-9.73-25.66l2.22-54.61h-60.66l-5.67%2059.37c-1.72%2017.96-16.8%2031.67-34.84%2031.67h-82.48c-12.27%200-22.89%209.15-24.72%2021.27L94.25%20773.28c-1.49%209.87%202.98%2016.79%205.77%2020.03%202.79%203.25%208.97%208.69%2018.95%208.69h95.83c8.53%200%2016.38-4.28%2021-11.44l45.22-70.12c17.57-27.25%2047.42-43.51%2079.83-43.51z%27%20fill%3D%27%23bfbfbf%27%2F%3E%3Cpath%20d%3D%27M340.5%20373.5l24.75%2045.25%2045.25%2024.75-45.25%2024.75-24.75%2045.25-24.75-45.25-45.25-24.75%2045.25-24.75zM639.5%20524.34l-28.58-52.27-52.27-28.58%2052.27-28.58%2028.58-52.27%2028.58%2052.27%2052.27%2028.58-52.27%2028.58-28.58%2052.27z%20m-39.16-80.84l25.31%2013.84%2013.84%2025.31%2013.84-25.31%2025.31-13.84-25.31-13.84-13.84-25.31-13.84%2025.31-25.31%2013.84z%27%20fill%3D%27%23bfbfbf%27%2F%3E%3C%2Fsvg%3E")} /* ===== Game Block Main ===== */ .game-pc .game-block-main{display:flex} .game-pc .game-block-main .game-godot300{width:300px;padding:10px;flex-shrink:0;border-left:1px solid #f4f4f4} /* ===== 游戏信息 ===== */ .game-one .game-information{width:calc(100% - 321px);padding:0 20px 20px 20px} .game-one .game-information .g-i-note{display:block;margin:8px 0;height:24px;line-height:24px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%} .game-one .game-information .g-i-note span{color:#767a8e;font-size:16px;width:128px;display:inline-block} .game-one .game-information .g-i-note.g-i--name{line-height:48px;height:48px;font-size:24px;font-weight:900} .game-one .game-information .g-i--navigator{font-size:16px;line-height:24px;margin-bottom:16px;color:#528bff} .game-one .game-information .g-i--navigator i{display:inline-block;padding:0 8px} .game-one .game-information .g-i--navigator a{color:#528bff} .game-one .game-information .g-i--navigator a:hover{color:#7aa6ff} /* ===== 游戏描述 ===== */ .game-one .game-desc{padding:20px 20px 50px 20px;line-height:28px} .game-one .game-desc .game-name{font-size:20px;font-weight:900;padding: 0 0 20px 0} /* ===== 侧栏推荐列表 ===== */ .game-pc .game-side .pc-game-recommend .list_item .item_content{height:112px} /* ===== 游戏评分 ===== */ .game-one .game-star{padding:20px} .game-one .raty{margin:0 0;padding:10px 0} .game-one .raty .raty-txt{display:block;clear:both} .game-one .raty .raty-txt .star-txt{display:block;line-height:32px;height:32px} .game-one .raty .raty-txt #star{margin-top:10px;width:160px;float:left} .game-one .raty .raty-txt #star-btn{float:right;width:75px;display:block;text-align:center;font-size:14px;line-height:28px;border-radius:1px;border:1px solid #faebcc;color:#8a6d3b;background-color:#fcf8e3} .game-one .raty .star-lst{clear:both;display:block} .game-one .raty .star-lst .star-lst-u{border-top:1px solid #efefef;margin-top:8px;padding-top:8px;font-size:12px;color:#999} .game-one .raty .star-lst .star-lst-u li{display:block;clear:both;height:18px} .game-one .raty .power{float:left;background-color:#ffe991;margin-right:15px;margin-left:15px;height:12px;margin-top:2px} .game-one .raty .star-m,.game-one .raty .star-n{float:left} .game-pc .game-line{height:5px;display:block;width:100%;background:#f4f4f4} .game-pc .game-tips{margin:20px 20px 24px 20px;color:#888;background:#f8f8f8;line-height:26px;padding:8px 24px;border-radius:4px} /* ===== 社交分享 ===== */ .game-one .game-sns{padding:20px 0} .game-one .Share-Game{float:left;padding-left:calc(50% - 170px)} .game-one .Follow-US{float:left;margin-left:40px;padding-right:calc(50% - 170px)} .game-one .SNSIcon dd{float:left;margin:0 10px 0 0} .game-one .game-sns dt{text-align:center;line-height:48px;font-size:14px} .game-one .SNSIcon dd .sns-tips{clip:rect(1px,1px,1px,1px);padding:0;border:0;overflow:hidden;outline:0;display:none} .game-one .snsicon{color:#31708f;background-color:#d9edf7;border:1px solid #bce8f1;border-radius:16%;height:40px;width:40px;line-height:36px;margin:2px 3px;cursor:pointer;display:inline-block;text-align:center;outline:0} .game-one .snsicon img{width:24px;height:24px;margin:6px} .game-pc .g-pc--like-count{margin-left:6px;color:#999;font-size:14px} /* ===== 全屏退出按钮 ===== */ .pc-box-game .exit-full-screen{position:absolute;top:16px;right:16px;padding:10px;z-index:10;display:none;cursor:pointer;border:3px solid rgba(255,255,255,.3);border-radius:50%;transition:border-color .2s} .pc-box-game .exit-full-screen:hover{border-color:#4378ff} .pc-box-game .exit-full-screen:hover .exit-f-s{background-color:#4378ff} .pc-box-game:fullscreen .exit-full-screen,.pc-box-game:-webkit-full-screen .exit-full-screen,.pc-box-game:-moz-full-screen .exit-full-screen{display:flex;align-items:center;justify-content:center} .exit-f-s{display:block;width:36px;height:36px;background-color:#fff}