.logo-icon{height:60%;width:auto}.image-box{width:100%;height:0;padding-bottom:52.375%;position:relative;background-color:#fafafa}.image-box picture{width:100%;height:100%;position:absolute;top:0;left:0}.image-box picture img{width:100%;height:100%}.squar{padding-bottom:100% !important}.thumb-long{width:100%;padding-bottom:100% !important;overflow:hidden}.thumb-long img{width:auto;height:100%;left:50%;transform:translateX(-50%)}.circle{padding-bottom:100% !important;border-radius:50% 50%}.normal{height:auto;padding-bottom:0 !important}.normal picture{position:static !important;display:block}.base-height{height:100%;width:auto;padding-bottom:0 !important}.base-height picture{height:100%;width:auto;position:static !important;display:block}.base-height picture img{height:100%;width:auto;max-height:290px}.card{width:100%;display:block;text-decoration:none}.card .image-box{border-radius:20%;box-shadow:0 .2rem .4rem 0 rgba(0,0,0,.2470588235);overflow:hidden}.card .card-title,.card .card-desc,.card .grade{padding-left:.5rem;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card .card-title{font-size:1.5rem;font-weight:600;color:#000;height:2.1rem;margin-top:.8rem}.card .card-desc{display:block;box-sizing:border-box;width:100%;height:1.9rem;font-size:1.3rem;color:#666;font-weight:300;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card .grade{height:2rem;display:flex;align-items:center}.card .grade .star{display:flex;align-items:center}.card .grade .grade-num{font-size:1.3rem;font-weight:300;color:#666;margin-left:1rem}.mobile .image-box{box-shadow:none !important}.mobile .card-title{font-size:1.4rem !important}.mobile .card-desc{display:none !important}.mobile .grade-num{font-size:1.4rem}.star img{width:12px;height:12px}.half-star{width:12px;height:12px;display:flex;align-items:center;position:relative}.half-star img:last-child{position:absolute;left:0;top:0;float:left}.land-card{width:100%;box-sizing:border-box;display:flex;align-items:center;text-decoration:none}.land-card .app-icon{width:80px;height:80px;border-radius:4px;overflow:hidden;flex:0 0 auto;margin-right:12px}.land-card .info{width:0;min-width:0;display:flex;flex:1 1 auto;flex-direction:column}.land-card .info .title{font-size:15px;font-weight:600;color:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:21px;color:#000}.land-card .info .developer{font-size:13px;font-weight:300;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:19px}.land-card .info .grade{display:flex;align-items:center}.land-card .info .grade .star{display:flex;align-items:center}.land-card .info .grade .grade-num{font-size:13px;font-weight:300;color:#666;margin-left:1rem}.half-star{width:12px;height:12px;display:flex;align-items:center;position:relative}.half-star img:last-child{position:absolute;left:0;top:0}body{background-color:#f2f5f9}.gpt,.ads-box{width:auto;text-align:center;padding:0 0}.gpt p,.ads-box p{font-size:10px;line-height:18px;font-weight:400;color:#a6a6a6;text-align:center;margin:0 auto}header{width:100%;height:50px;background-color:#fff;position:relative;z-index:999;padding:0 max(max(min((100% - 1080px)/2,16.5rem),(100% - 1080px)/2),5rem);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}header #menu{width:24px;height:24px;box-sizing:border-box;z-index:2;padding:0px 4px;margin-right:1.6rem}header #menu label{display:flex;width:100%;height:100%;cursor:pointer;flex-direction:column;justify-content:space-evenly}header #menu label span{display:block;width:100%;height:2px;position:relative;background-color:#6b6c7e;transform-origin:0 0;transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1),background .5s cubic-bezier(0.77, 0.2, 0.05, 1)}header #menu label span:first-child{transform-origin:0% 0}header #menu label span:nth-child(3){transform-origin:0% 100%}header .rtl{display:flex;height:100%;align-items:center}header .rtl #logo{height:80%;display:flex;align-items:center}header .ltr{display:flex;height:100%;align-items:center;gap:80px}header .ltr .field-container{position:relative;padding:0;margin:0;border:0;width:35%;height:3.5rem;margin-left:2rem}header .ltr .field-container .field{border:0;width:100%;height:100%;padding:10px 20px;background-color:#e6e6e6;border-radius:2.8rem;box-shadow:0px 8px 15px rgba(75,72,72,.1);transition:all .4s ease;box-sizing:border-box}header .ltr .field-container .field:focus{outline:none;box-shadow:0px 9px 20px rgba(75,72,72,.3)}header .ltr .field-container .field:focus+.icons-container .icon-close{opacity:1;transform:translateX(0)}header .ltr .field-container .field:focus+.icons-container .icon-search{opacity:0;transform:translateX(200%)}header .ltr .field-container .icons-container{position:absolute;top:11px;right:-25px;width:35px;height:35px;overflow:hidden}header .ltr #nav-link{display:flex;align-items:center}header .ltr #nav-link a{color:#666;font-size:16px;font-weight:300;text-decoration:none}header .ltr #nav-link a:first-child{margin-right:8rem}header input:checked~.rtl #menu label span{opacity:1;transform:rotate(45deg) translate(0px, 1.5px)}header input:checked~.rtl #menu label span:nth-last-child(2){opacity:0;transform:rotate(0deg) scale(0.2, 0.2)}header input:checked~.rtl #menu label span:nth-child(3){transform:rotate(-45deg) translate(0, -1.5px)}footer{width:100%;min-height:4rem;display:flex;flex-direction:column;align-items:center;background-color:#fff;margin-top:2rem}footer .info{width:100%;padding:2rem 0;display:flex;flex-direction:column;align-items:center}footer .info a{text-decoration:none}footer .info .logo{width:50%;max-width:280px;margin-bottom:2rem;display:block}footer .info .logo img{width:100%}footer .info .info-group{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:1.2rem}footer .info .info-group a{font-size:2.2rem;font-weight:400;line-height:2.8rem;color:#424242;text-align:center}footer .desc{width:100%;box-sizing:border-box;padding:1.5rem 1.5rem 2rem;background-color:#424242}footer .desc p{font-size:1.4rem;font-weight:300;line-height:2.1rem;color:#fff}body{background-color:#f5f5f5}.ads-box{grid-column:1/span 2}#container{width:100%;padding:20px max(max(min((100% - 1080px)/2,16.5rem),(100% - 1080px)/2),5rem);box-sizing:border-box;display:grid;grid-template-columns:calc(100% - 300px - 2.5rem) 300px;column-gap:2.5rem;row-gap:12px}#container .container-header{width:100%;height:26px;font-size:18px;font-weight:500;color:#000;grid-column:1/3}#container article{width:100%;display:grid;grid-template-columns:repeat(5, calc((100% - 40px) / 5));column-gap:10px;row-gap:1.8rem}#container .load-more{display:flex;justify-content:center}#container .load-more a{width:100px;height:37px;display:flex;justify-content:center;align-items:center;text-decoration:none;box-shadow:0px 2px 4px 0px rgba(0,0,0,.25);border-radius:2px;overflow:hidden;background-color:#407bec;color:#fff;font-size:14px;font-weight:500}#container aside{width:100%;grid-row:3/5;grid-column:2/3}#container aside .category-container{width:100%;background-color:#fff;border-radius:4px;overflow:hidden;margin-bottom:30px}#container aside .category-container .category-header{width:100%;height:50px;background-color:#407bec;padding:0 1.2rem;box-sizing:border-box;display:flex;align-items:center}#container aside .category-container .category-header h5{font-size:18px;font-weight:500;color:#fff}#container aside .category-container .category-box{position:relative}#container aside .category-container .category-box .category-tab{width:100%;height:40px;position:relative;background-color:#fbfbfb;display:flex}#container aside .category-container .category-box .category-tab::after{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background-color:#e6e6e6;z-index:0}#container aside .category-container .category-box .category-tab .tab-item{display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}#container aside .category-container .category-box .category-tab .tab-item span{font-size:16px;font-weight:300;color:#666}#container aside .category-container .category-box .category-tab .tab-item:first-child{position:relative}#container aside .category-container .category-box .category-tab .tab-item:first-child::before{content:"";width:0;height:20px;position:absolute;right:0;border-right:1px solid #e6e6e6}#container aside .category-container .category-box .category-list{width:100%;padding:12px 12px 20px;box-sizing:border-box;display:grid;grid-template-columns:repeat(2, calc(50% - 0.6rem));row-gap:20px;column-gap:1.2rem;transition:transform ease-in-out .3s;list-style:none;margin:0 0}#container aside .category-container .category-box .category-list:first-of-type{transform:translate(0, 0)}#container aside .category-container .category-box .category-list:last-of-type{position:absolute;top:40px;left:0;transform:translate(100%, 0)}#container aside .category-container .category-box .category-list .simple-card{width:100%;height:30px;display:flex;align-items:center;text-decoration:none}#container aside .category-container .category-box .category-list .simple-card .avatar{width:30px;height:30px;flex:0 0 auto}#container aside .category-container .category-box .category-list .simple-card .avatar .image-box{width:100%}#container aside .category-container .category-box .category-list .simple-card span{margin-left:8px;font-size:13px;font-weight:300;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#container aside .category-container .category-box input:first-of-type:checked~.category-tab .tab-item:first-child{border-bottom:2px solid #407bec;box-sizing:border-box;z-index:1}#container aside .category-container .category-box input:first-of-type:checked~.category-list:first-of-type{transform:translate(0, 0)}#container aside .category-container .category-box input:first-of-type:checked~.category-list:last-of-type{transform:translate(100%, 0)}#container aside .category-container .category-box input:last-of-type:checked~.category-tab .tab-item:last-child{border-bottom:2px solid #407bec;box-sizing:border-box;z-index:1}#container aside .category-container .category-box input:last-of-type:checked~.category-list:first-of-type{transform:translate(-100%, 0)}#container aside .category-container .category-box input:last-of-type:checked~.category-list:last-of-type{transform:translate(0, 0)}