#main{padding-top:66px;}#main #app-item-template{display:none;}#main nav{margin:60px 0 32px;border-bottom:1px solid #efefef;display:flex;align-items:flex-end;justify-content:space-between;}#main nav h1{font-size:38px;margin-bottom:24px;}#main nav .filter{font-size:16px;font-weight:bold;display:flex;align-items:center;}#main nav .filter .btn{display:block;padding:0 16px;height:36px;box-sizing:border-box;cursor:pointer;position:relative;}#main nav .filter .btn.active{border-bottom:4px solid #d22222;}#main nav .filter .btn .bd{display:none;padding:0 6px;height:16px;line-height:16px;border-radius:8px;background:#d22222;color:#fff;font-size:12px;position:absolute;top:-8px;right:-8px;font-weight:normal;transform:scale(.8);transform-origin:left;pointer-events:none;}#main nav .filter .btn .bd.show{display:inline-block;}@media screen and (max-width:1080px){#main nav{margin:40px 0 16px;}#main nav h1{font-size:30px;margin-bottom:16px;text-align:center;}}@media screen and (max-width:768px){#main nav{margin:16px 0 16px;flex-direction:column;align-items:center;}#main nav .filter{margin-top:16px;flex-wrap:wrap;}#main nav h1{font-size:26px;}}@media screen and (max-width:420px){#main nav .filter{font-size:14px;}}@media screen and (max-width:320px){#main nav .filter{font-size:13px;}#main nav .filter .btn{padding:0 12px;}}#main .loading,#main .error-msg,#main .today-empty{min-height:100vh;display:flex;padding-top:100px;justify-content:center;font-size:13px;}#main .loading a,#main .error-msg a,#main .today-empty a{text-decoration:none;color:inherit;border:1px solid #999;padding:0 16px;height:30px;line-height:30px;border-radius:15px;box-sizing:border-box;}#main .loading a:hover,#main .error-msg a:hover,#main .today-empty a:hover{border:0;color:#fff;background:#d22222;}#main .error-msg{display:none;}#main .comment-btn{display:none;position:fixed;bottom:20px;left:0;height:30px;width:100%;align-content:center;justify-content:center;}#main .comment-btn>span{height:34px;display:flex;align-items:center;justify-content:center;background:#d22222;color:#fff;border-radius:17px;padding:0 16px;box-shadow:0 2px 2px 2px rgba(0,0,0,.1);white-space:nowrap;}#main .comment-btn>span>img{height:14px;margin-right:12px;position:relative;top:2px;}#main .comment-btn.show{display:flex;}#main .app-list{margin:0 -8px;display:flex;flex-wrap:wrap;justify-content:flex-start;}#main .app-list .app-item{background:#fff;padding:24px;box-sizing:border-box;width:calc(25% - 16px);margin:8px;transition:width .1s linear;box-shadow:0 1px 4px rgba(0,0,0,.15);border-radius:16px;}#main .app-list .app-item>*{margin:8px 0;}#main .app-list .app-item .icon{width:40%;aspect-ratio:1/1;display:block;margin:0 auto;border-radius:8px;transition:all .3s ease;}#main .app-list .app-item:hover .icon{transform:scale(1.1);transform-origin:center;}#main .app-list .app-item h2{font-size:15px;font-weight:bold;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:16px 0;}#main .app-list .app-item .star-score{display:flex;align-items:center;}#main .app-list .app-item .star-score .stars{display:flex;align-items:center;flex-grow:1;}#main .app-list .app-item .star-score .stars .star{width:14px;height:14px;position:relative;background-color:#b1b1b1;margin-right:3px;border-radius:2px;overflow:hidden;}#main .app-list .app-item .star-score .stars .star:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/star.png);background-position:center;background-size:90% 90%;}#main .app-list .app-item .star-score .stars .star span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#ffa916;}#main .app-list .app-item .star-score .stars .score{color:#ffa916;margin-left:4px;font-weight:bold;font-size:14px;}#main .app-list .app-item .star-score .catg{background:#d5e1ff;color:#1055ff;font-size:12px;display:flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:4px;transform:scale(.9);transform-origin:right;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}#main .app-list .app-item .app-desc{word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;letter-spacing:.5px;line-height:20px;}#main .app-list .app-item .app-plat{display:flex;align-items:center;}#main .app-list .app-item .app-plat .plat{display:none;align-items:center;background:#ececec;color:#777;padding:0 4px;border-radius:4px;margin-right:4px;height:16px;font-size:12px;line-height:16px;}#main .app-list .app-item .app-plat .plat img{width:11px;margin-right:4px;}#main .app-list .app-item .app-plat .plat.s{display:flex;}#main .app-list .app-item .app-price{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;margin-top:26px;}#main .app-list .app-item .app-price .l{display:flex;flex-direction:column;}#main .app-list .app-item .app-price .l .price{display:flex;align-items:center;margin-bottom:4px;}#main .app-list .app-item .app-price .l .price .value{color:#222;font-size:14px;}#main .app-list .app-item .app-price .l .price .iapp-badge{display:none;border:1px solid #999;color:#999;border-radius:4px;font-size:11px;align-items:center;padding:0 2px;margin-left:8px;height:17px;transform:scale(.8);line-height:17px;}#main .app-list .app-item .app-price .l .price .iapp-badge.show{display:flex;}#main .app-list .app-item .app-price .l .date{color:#777;font-size:13px;}#main .app-list .app-item .app-price .l .date .date-new{background:#d22222;color:#fff;padding:0 4px;height:18px;line-height:18px;border-radius:2px;transform:scale(.8);display:none;}#main .app-list .app-item .app-price .l .date.today .date-new{display:inline-block;}#main .app-list .app-item .app-price .btn{text-decoration:none;background:#1a1a1a;color:#fff;height:36px;padding:0 12px;min-width:40px;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:all .2s ease;}#main .app-list .app-item .app-price .btn:hover{border-radius:2px;font-size:16px;}@media screen and (max-width:1080px){#main .app-list .app-item{width:calc(33.333% - 16px);}}@media screen and (max-width:800px){#main .app-list .app-item{padding:12px;}}@media screen and (max-width:700px){#main .app-list .app-item{width:calc(50% - 16px);}}@media screen and (max-width:430px){#main .app-list .app-item{width:calc(100% - 16px);}#main .app-list .app-item .app-head{display:flex;width:100%;}#main .app-list .app-item .app-head .icon{width:auto;height:80px;margin:0;margin-right:16px;flex-shrink:0;transform:none!important;}#main .app-list .app-item .app-head .meta{width:0;flex-grow:1;flex-shrink:1;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0;box-sizing:border-box;}#main .app-list .app-item .app-head .meta h2{margin-top:0;margin-bottom:0;}#main .app-list .app-item .app-head .meta .star-score{flex-direction:column-reverse;align-items:flex-start;}#main .app-list .app-item .app-head .meta .star-score .catg{transform-origin:left;margin-bottom:8px;}#main .app-list .app-item .app-price{border-top:1px solid #efefef;margin-top:12px;padding-top:12px;}}body.no-header-footer #main{padding-top:0;padding-bottom:60px;}body.no-header-footer #main nav{margin-top:32px;}body.no-header-footer #main .app-list .app-item .app-price .btn{border-radius:4px;}body.rm-mp{background:#f8f9fd;}@media screen and (max-width:768px){body #main nav{margin-top:0!important;}body #main nav .header-title{background-color:#1259d3;background-image:url(http://img.ithome.com/specialnews/2020/5/20200521_112317_138.png);background-size:cover;background-repeat:no-repeat;width:calc(100% + 32px);height:0;padding:16% 0;}body #main nav .header-title h1{display:none;}body.rm-mp #main nav{border-bottom:0;}body.rm-mp #main nav .header-title{background-image:url(https://img.ithome.com/newsuploadfiles/2023/1/8b2741fb-ded8-4ae4-82d6-dbf26913c019.png);padding:25% 0;}body.rm-mp #main nav .filter{width:calc(100% + 32px);margin-top:0;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #efefef;}body.rm-mp #main nav .filter .btn{display:flex;align-items:center;height:50px;}body.rm-mp #main nav .filter .btn .bd{top:8px;right:-9px;}body.rm-mp #main .app-list .app-item .app-price .btn{height:32px;min-width:36px;font-size:13px;}}body.night{background:#111!important;}body.night #main nav{border-color:#242424;}body.night #main nav h1{color:#fff;}body.night #main .app-list .app-item{background:#242424;}body.night #main .app-list .app-item h2{color:#fff;}body.night #main .app-list .app-item .star-score .catg{background:#1055ff;color:#d5e1ff;}body.night #main .app-list .app-item .app-plat .plat{background:#000;color:#777;}body.night #main .app-list .app-item .app-price{border-color:#111;}body.night #main .app-list .app-item .app-price .l .price .value{color:#fff;}body.night #main .app-list .app-item .app-price .l .date{color:#777;}body.night #main .app-list .app-item .app-price .btn{background:#000;color:#fff;}@media screen and (max-width:768px){body.night.rm-mp #main nav .filter{background:#242424;border-bottom:0;}}