﻿body{font-family:"Microsoft YaHei","微软雅黑",Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;color:#333;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.topbar{font-size:15px;border-bottom-color:#f5f6f7}
.logo{width:230px;flex:0 0 230px}
.logo img{width:200px;height:70px;object-fit:contain}
.logo em{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;font-size:11px;font-weight:400}
.nav a,.nav-category>a,.qq-link{font-size:15px;font-weight:400}
.top-menu-extra,.qq-link{display:flex;align-items:center;gap:7px}
.top-menu-extra img,.qq-link img{width:23px;height:23px;object-fit:contain}
.time-winter .time span{font-family:Arial,"Microsoft YaHei","微软雅黑",sans-serif;letter-spacing:.5px;margin-left:9px}.time-winter .time small{font-family:Arial,"Microsoft YaHei","微软雅黑",sans-serif}
.page-rank .topbar{background:transparent;border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:99}
.page-rank .nav a,.page-rank .nav-category>a,.page-rank #clock,.page-rank .clock,.page-rank .qq-link,.page-rank .top-menu-extra{color:#fff!important}
.page-rank .nav a:after,.page-rank .nav-category>a:after{background:#fff}
.page-rank .nav-category-menu{background:#fff}
.page-rank .nav-category-menu a{color:#5f5f5f!important}
.page-rank .nav-category-menu a:hover{color:#20c4ab!important}
.page-rank .logo em{background:#f94c30;color:#fff}
.page-rank footer{margin-top:13px}
.page-update{background:#fff}
.page-update footer{border-top:1px solid #f6f6f6}
.search-box{gap:25px}
.bdlogo{display:block;width:157.25px;height:53px;text-align:right}
.bdlogo img{width:157.25px;height:53px;object-fit:contain}
.baidu{display:none}
.search-form input{font-size:15px;font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif}
.search-form button{font-size:15px;font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif}
.home-search{width:690px}
.home-search input{min-width:0}
.home-search .site-search-btn{width:116px;background:#f7f9fb;color:#4d5965;border:1px solid #e5e8ee;border-right:0}
.home-search .baidu-search-btn{width:128px;background:#24bfae;color:#fff}
.rec-card h3,.site-item,.home-category-row,.news-box li,.today-rank li{font-size:15px;font-weight:400}
.rec-card p,.home-soft-list em,.today-rank em{font-size:12px}
.home-title h2,.section-title h2{font-size:18px;font-weight:400}
.site-item .menu a{font-size:15px;font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif}
.category-wrap{width:1250px;margin:5px auto 0}
.cat-panel{height:198px;background:#fff;padding:30px 30px 26px}
.cat-title{height:40px;line-height:40px;background:#fff;position:relative;margin-bottom:28px}
.cat-title h3{margin:0;padding-left:18px;font-size:15px;font-weight:400;color:#333;position:relative}
.cat-title h3:before{content:"";position:absolute;left:0;top:11px;width:3px;height:17px;background:#20c4ab}
.cat-title form{position:absolute;right:0;top:-8px;display:flex;width:281px;height:40px;border:1px solid #ececec;border-radius:22px;background:#fff;overflow:hidden}
.cat-title input{width:235px;height:38px;border:0;padding:0 8px 0 27px;outline:none;color:#666;font-size:15px;background:#fff}
.cat-title input::placeholder{color:#7d8a93}
.cat-title button{width:44px;height:38px;border:0;background:#fff;position:relative;cursor:pointer}
.cat-title button:before{content:"";position:absolute;left:12px;top:10px;width:12px;height:12px;border:1.7px solid #111;border-radius:50%}
.cat-title button:after{content:"";position:absolute;left:25px;top:23px;width:7px;height:1.7px;background:#111;transform:rotate(45deg);transform-origin:left center}
.cat-tabs{display:grid;grid-template-columns:repeat(10,100px);gap:18px 22px;margin-top:0}
.cat-tabs a{height:34px;line-height:34px;text-align:center;background:#fff;border:1px solid #edf0f2;color:#555;font-size:15px;transition:.18s all}
.cat-tabs a.hover,.cat-tabs a:hover{background:#20c4ab;color:#fff;border-color:#20c4ab}
.category-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:10px;padding-left:0;background:#fff;border-top:1px solid #f1f2f3;border-left:1px solid #f1f2f3}
.category-card{position:relative;display:block;height:198px;padding:35px 52px 24px;background:#fff;border-right:1px solid #f1f2f3;border-bottom:1px solid #f1f2f3;color:#555;overflow:hidden;transition:.2s all}
.category-card:hover{background:#fff;box-shadow:none;transform:none}
.category-logo{display:flex;align-items:center;justify-content:center;height:70px;margin-bottom:18px}
.category-logo img{display:block;position:static;max-width:210px;max-height:70px;width:auto;height:auto;object-fit:contain}
.site-label{display:inline-block;height:18px;line-height:18px;padding:0 5px;margin-right:5px;border:1px solid #20b8a8;border-radius:2px;background:#f8fffd;color:#20b8a8;font-size:12px;font-style:normal;font-weight:400;vertical-align:1px}
.category-card h4{margin:-16px 0 8px;height:20px;line-height:20px;font-size:15px;font-weight:400;color:#333;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-card p{margin:0;color:#9aa3aa;line-height:23px;height:46px;overflow:hidden;font-size:15px;text-align:left}
.load-more{display:block;width:120px;text-align:center;margin:30px auto 40px;color:#666}
footer p:first-child{display:flex;justify-content:center}footer p:first-child a{display:block;width:180px;height:40px;line-height:40px;background:#fff;border-right:1px solid #f0f0f0;margin:0;color:#555}
.detail-wrap{width:1222px;margin:14px auto 0;font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif}
.detail-top{height:405px;background:#fff;position:relative;overflow:hidden}
.detail-left{position:absolute;left:35px;top:35px;width:280px;height:335px}
.detail-img{width:280px;height:200px;background:#f6f7f8;border:1px solid #f0f1f3;overflow:hidden}
.detail-img img{width:100%;height:100%;object-fit:cover}
.detail-actions{display:flex;gap:12px;margin-top:24px}
.detail-actions a{display:block;width:132px;height:42px;line-height:42px;text-align:center;background:#20b8a8;color:#fff;font-size:15px;transition:.2s}
.detail-actions a:hover{background:#1ca998;color:#fff}
.detail-actions a+a{background:#eef2f5;color:#555}
.detail-actions a+a:hover{background:#e3e8ec;color:#333}
.detail-right{position:absolute;left:365px;top:35px;width:822px;height:310px;color:#555}
.detail-right h1{margin:0 0 16px;font-size:22px;line-height:32px;font-weight:400;color:#333}
.detail-right p{float:left;width:50%;height:34px;line-height:34px;margin:0;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.detail-right span{color:#777;margin-right:8px}
.detail-right em{font-style:normal;color:#555}
.detail-right a{color:#20b8a8}
.detail-other{background:#fff;margin-top:13px;padding:25px 35px 45px;min-height:495px}
.detail-other h3{margin:0 0 14px;font-size:18px;font-weight:400;border-left:3px solid #20b8a8;padding-left:12px}
.detail-other p{margin:0 0 28px;color:#555;line-height:1.9;font-size:15px}
.detail-other #trend{width:100%;height:280px}
.detail-similar .img{border:0;background:transparent}
.detail-similar{display:grid;grid-template-columns:repeat(4,265px);gap:78px 41px;background:#fff;margin-top:13px;padding:40px 20px 58px}
.detail-similar a{display:block;color:#555}
.detail-similar .img{width:265px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #f0f1f3;overflow:hidden}
.detail-similar img{max-width:230px;max-height:70px}
.detail-similar h4{margin:12px 0 0;height:20px;line-height:20px;font-size:15px;font-weight:400;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-similar p{margin:12px 0 0;height:50px;overflow:hidden;line-height:1.8;color:#666}
.rank-target-bg{width:100%;height:630px;background:url("../img/topbg.png") no-repeat #f7fbfc center center;background-size:180%;margin-top:-71px;position:relative}
.rank-target-bg>img{width:700px;display:block;position:absolute;top:180px;left:50%;margin-left:-350px}
.rank-target-type{width:1400px;max-width:calc(100% - 50px);height:100%;margin:0 auto;position:relative}
.rank-target-type ul{position:absolute;right:0;bottom:199px;list-style:none;margin:0;padding:0}
.rank-target-type a{display:block;width:150px;height:45px;line-height:45px;margin-bottom:10px;border-radius:3px;text-align:center;font-size:15px;color:#fff}
.rank-target-type a.hover{color:#ff0f41;background:#fff}
.rank-target-article{padding-top:0;margin-top:-150px;position:relative;z-index:9}
.rank-target-lists{list-style:none;margin:-160px 0 0;padding:0;background:#fff;border-radius:3px}
.rank-target-lists li{display:block;height:156px;border-bottom:1px solid #f6f6f6;padding:40px;overflow:hidden}
.rank-target-lists li:last-child{border-bottom:0}
.rank-target-lists .number{float:left;display:block;width:45px;height:75px;line-height:75px;margin-right:26px;text-align:center;overflow:hidden;font-size:26px;font-style:normal;color:#c3c3c3}
.rank-target-lists li:nth-child(1) .number{color:#ed6c69;background:url("../img/favor-first.png") no-repeat center center/70%}
.rank-target-lists li:nth-child(2) .number{color:#f5c344;background:url("../img/favor-second.png") no-repeat center center/70%}
.rank-target-lists li:nth-child(3) .number{color:#539af7;background:url("../img/favor-third.png") no-repeat center center/70%}
.rank-target-lists .weblogo{float:left;width:280px;height:75px;line-height:75px;margin-right:20px}
.rank-target-lists .weblogo img{max-width:70%;max-height:100%;vertical-align:middle}
.rank-target-lists .introduce{float:left;width:calc(100% - 45px - 26px - 300px - 200px - 170px);height:75px;margin:0;padding:10px 0;line-height:31px;font-size:15px;color:#9c9c9c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rank-target-lists .click{float:left;width:150px;height:75px;line-height:75px;margin-left:50px;font-size:15px;color:#ff8d10}
.rank-target-lists .go{float:left;width:120px;height:44px;line-height:44px;margin:15.5px 0 0 50px;border:1px solid #ececec;border-radius:25px;background:#fff;text-align:center;color:#a2a2a2;font-size:15px}
.update-target-article{background:#fff}
.update-target-content{width:1222px;min-height:750px;margin:0 auto;background:#fff;overflow:hidden}
.update-target-content>.left{float:left;width:180px;padding:50px 0 0;margin:0;list-style:none;border-right:1px solid #f6f6f6;overflow:hidden}
.update-target-content>.left li{margin-bottom:15px}
.update-target-content>.left a{display:block;height:55px;line-height:55px;padding-left:30px;padding-right:10px;overflow:hidden;cursor:pointer;color:#333;font-size:15px;transition:.2s all}
.update-target-content>.left a:hover{color:#20c4ab}
.update-target-content>.left a.hover{background:#20c4ab;color:#fff}
.update-target-content>.left a.hover:hover{color:#fff}
.update-target-content>.left img{width:18px;height:18px;margin:-3px 12px 0 0;vertical-align:middle}
.update-target-content>.right{float:right;width:calc(100% - 180px - 20px);padding-top:50px}
.update-target-content .ulttile{height:55px;padding:0 10px;overflow:hidden}
.update-target-content .ulttile div{float:left;height:55px;line-height:55px;padding-left:20px;color:#333;font-size:15px}
.update-target-content .ulttile div:nth-child(1),.update-target-content .updatelist li div:nth-child(1){width:15%}
.update-target-content .ulttile div:nth-child(2),.update-target-content .updatelist li div:nth-child(2){width:40%}
.update-target-content .ulttile div:nth-child(3),.update-target-content .updatelist li div:nth-child(3){width:17.5%}
.update-target-content .ulttile div:nth-child(4),.update-target-content .updatelist li div:nth-child(4){width:17.5%}
.update-target-content .ulttile div:nth-child(5),.update-target-content .updatelist li div:nth-child(5){width:10%;padding-left:0;text-align:center}
.update-target-content .updatelist{position:relative;min-height:600px;margin:20px 0 0;padding:0;list-style:none}
.update-target-content .updatelist li{height:65px;padding:15px 10px;overflow:hidden}
.update-target-content .updatelist li:hover{background:#fbfbfb}
.update-target-content .updatelist li{opacity:0;transform:translateY(12px);animation:update-row-in .32s ease forwards;animation-delay:calc(var(--i,0) * .035s)}
@keyframes update-row-in{to{opacity:1;transform:translateY(0)}}
.update-target-content .updatelist li div{float:left;height:35px;line-height:33px;padding-left:20px;color:#333;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.update-target-content .updatelist .url{color:#333!important}
.update-target-content .updatelist font{display:inline-block;height:18px;line-height:18px;padding:0 5px;margin-right:5px;border:1px solid #20b8a8;border-radius:2px;background:#f8fffd;color:#20b8a8;font-size:12px}
.update-target-content .updatelist .new-time{color:#f94c30}
.news-box time.new-time{color:#f94c30}
.home-soft-list .new-time{color:#f94c30}
.home-fresh time.new-time{color:#f94c30}
.update-target-content .updatelist .open{display:block;width:83px;max-width:100%;height:35px;line-height:33px;margin:0 auto;border:1px solid #ececec;border-radius:19px;background:#fff;text-align:center;color:#333;font-size:15px;overflow:hidden;transition:.2s all}
.update-target-content #page{text-align:center;margin:20px 0 15px}
.update-target-content .pagination{display:inline-flex;align-items:center;gap:6px;font-size:14px}
.update-target-content .pagination a,.update-target-content .pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border:1px solid #e0e4e8;border-radius:3px;background:#fff;color:#555;text-decoration:none;transition:.15s}
.update-target-content .pagination a:hover{background:#20c4ab;border-color:#20c4ab;color:#fff}
.update-target-content .pagination .current{background:#20c4ab;border-color:#20c4ab;color:#fff;font-weight:600}
.update-target-content .pagination span:not(.current){border-color:transparent;color:#aaa}
.tools-wrap{width:1222px;margin:13px auto 0}
.toollist{list-style:none;margin:0;padding:0;width:1250px}
.toollist li{float:left;width:398px;height:159px;margin:0 13px 13px 0;background:#fff;overflow:hidden}
.toollist li a{display:block;height:159px;padding:40px 35px;color:#333}
.toollist li a:hover{background:#fdfdfd}
.toollist .img{float:left;width:70px;height:70px;border-radius:10px;object-fit:cover;overflow:hidden}
.toollist .info{float:left;width:238px;margin-left:20px}
.toollist h3{height:23px;line-height:23px;margin:0;font-size:17px;font-weight:400;color:#333;overflow:hidden}
.toollist .in{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:46px;line-height:23px;margin:10px 0 0;font-size:14px;color:#868686;overflow:hidden}
.tools-empty{float:none!important;width:100%!important;text-align:center;color:#999;padding:60px 0!important;background:#fff}
.about-wrap{width:1222px;min-height:600px;margin:14px auto 0;background:#fff;display:grid;grid-template-columns:220px 1fr}
.about-side{border-right:1px solid #eef0f2;padding:35px 0}
.about-side a{display:block;height:44px;line-height:44px;padding-left:45px;color:#555}
.about-side a.hover,.about-side a:hover{background:#f7fbfa;color:#20b8a8}
.about-main{padding:34px 45px}
.about-main h1{font-size:22px;font-weight:400;margin:0 0 20px;border-left:3px solid #20b8a8;padding-left:12px}
.about-content{line-height:2;color:#555;margin-bottom:24px}
.about-main form{width:520px}.about-main input,.about-main textarea{border:1px solid #e5e8ee}
.site-panel{margin-top:12px}
.selected-panel{background:#fff;margin-top:12px;padding:28px 40px 30px;min-height:230px;border-top:12px solid #f4f5f6;border-bottom:12px solid #f4f5f6}
.selected-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:34px 54px}
.selected-grid .site-item{height:24px}
.home-soft{background:#fff;margin-top:13px;padding:20px 30px 30px}
.home-title{height:40px;display:flex;align-items:center;justify-content:space-between;margin-bottom:0;overflow:hidden;position:relative}
.home-title h2{margin:0;line-height:40px;font-size:17px;font-weight:400;color:#333;position:relative;padding-left:20px;border-left:0}
.home-title h2:before{content:"";position:absolute;left:0;top:11px;width:3px;height:18px;background:#20c4ab}
.home-title a{height:40px;line-height:40px;font-size:15px;color:#dcdcdc;font-family:Arial}
.home-title .title-more{position:absolute;right:8px;top:0;width:18px;height:40px;line-height:40px;text-align:right;font-size:0;color:#dcdcdc}
.home-title .title-more:before{content:"";position:absolute;right:1px;top:15px;width:7px;height:7px;border-top:1px solid #cfcfcf;border-right:1px solid #cfcfcf;transform:rotate(45deg)}
.home-title .title-more:hover:before{border-color:#ff7352}
.home-soft-list{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:15px}
.home-soft-list a{display:grid;grid-template-columns:62px minmax(0,1fr);gap:15px;align-items:start;color:#333}
.home-soft-list img{display:block;width:62px;height:62px;object-fit:cover;border-radius:5px}
.home-soft-list div{min-width:0;padding-top:8px}.home-soft-list h3{margin:0;font-size:15px;font-weight:400;line-height:20px}.home-soft-list p{margin:4px 0 0;font-size:15px;color:#909090;line-height:20px}
.home-lower{display:grid;grid-template-columns:calc((100% - 13px)*.3) calc((100% - 13px)*.7);gap:13px;margin-top:13px}
.home-left{display:flex;flex-direction:column;gap:13px}
.home-box{background:#fff;padding:20px 30px}
.heat-hot-site{color:#ff4d4f!important}
.news-box{height:630px;overflow:hidden}.news-box ul{list-style:none;margin:15px 0 0;padding:0;height:535px;position:relative}.news-box li{display:grid;grid-template-columns:minmax(0,80%) minmax(0,15%);gap:5%;height:40px;line-height:40px;margin-bottom:15px;color:#555}.news-box li:last-child{margin-bottom:0}.news-box a{min-width:0;position:relative;text-indent:15px;font-size:15px}.news-box a:before{content:"";position:absolute;left:0;top:18.5px;width:3px;height:3px;border-radius:50%;background:#d6d6d6}.news-box a:hover{color:#ff7352}.news-box time{font-size:15px;color:#8c8c8c;text-align:right}
.free-tools{height:270px;margin-top:0;padding:20px 30px 30px;overflow:hidden}.free-tools .home-title{margin-bottom:22px}.free-tools>div:last-child{display:grid;grid-template-columns:repeat(4,55px);grid-template-rows:repeat(2,82px);justify-content:space-between;gap:28px 0}.free-tools a{text-align:center;color:#666;font-size:13px;height:82px;overflow:hidden}.free-tools img{display:block;width:55px;height:55px;margin:0 auto 10px;object-fit:cover;border-radius:10px}.free-tools span{font-size:13px}
.today-rank{height:616px;padding:20px 30px 1px;overflow:hidden}.today-rank ol{list-style:none;margin:25px 0 0;padding:0 0 35px;height:530px}.today-rank li{display:grid;grid-template-columns:30px minmax(0,1fr) 70px;gap:20px;align-items:center;height:18px;line-height:18px;margin-bottom:35px}.today-rank li:last-child{margin-bottom:0}.today-rank li span{height:18px;line-height:18px;text-align:center;background:#c3c3c3;color:#fff;border-radius:2px;font-size:13px}.today-rank li:nth-child(1) span{background:#ff6b66}.today-rank li:nth-child(2) span{background:#ff8652}.today-rank li:nth-child(3) span{background:#ffa742}.today-rank a{min-width:0;font-size:15px;color:#333!important;background:transparent!important}.today-rank a:hover{color:#333!important}.today-rank em{font-style:normal;color:#8c8c8c;text-align:right;font-size:15px}
.heat-text{padding:20px 30px;overflow:hidden}.heat-text p{display:block;margin:20px 0 18px;color:#8e8e8e;font-size:15px;line-height:30px}.heat-text p:last-child{margin-bottom:0}.heat-text span{color:#ff554a}
.home-category{background:#fff;padding:25px 36px}
.home-category-list{width:100%;height:1192px;margin-top:20px;overflow:hidden}
.home-category-row{display:grid;grid-template-columns:80px repeat(5,minmax(0,1fr)) 20px;column-gap:20px;align-items:center;height:40px;margin-bottom:17px;color:#333;font-size:15px}
.home-category-row:nth-child(5),.home-category-row:nth-child(10),.home-category-row:nth-child(15){height:57.5px;margin-bottom:17.5px;padding-bottom:17.5px;border-bottom:1px solid #f9f9f9}
.home-category-row:last-child{margin-bottom:0}
.home-category-row .cat-name{color:#20c4ab;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-category-row a:not(.cat-name):not(.more){color:#333}
.home-category-row a:not(.cat-name):not(.more):hover{color:#ff7352}
.home-category-row .cat-site-ico{width:16px;height:16px;margin:-2px 5px 0 0;object-fit:contain;vertical-align:middle}
.home-category-row .hot{color:#ff3b24!important}
.home-category-row .more{font-size:13px;color:#b7b7b7;font-family:Arial;text-align:right;line-height:40px}
.home-category-row .more:hover{color:#ff7352}
.cat-badge{display:inline-block;width:16px;height:16px;line-height:16px;margin-right:4px;border-radius:2px;background:#2f8cff;color:#fff;font-size:12px;font-style:normal;text-align:center;vertical-align:1px}
.cat-badge.red{background:#f04438;color:#f04438;font-size:0}
.paid-zone{height:289px;background:#fff;margin-top:0;padding-top:104px;padding-bottom:0;overflow:hidden}
.paid-zone .search-area{height:53px;background:#fff;padding-top:0}
.paid-zone .search-box{height:53px}
.paid-zone .card-row{background:#fff;padding:68px 0 0;min-height:132px}
.band{background:#f4f5f6;padding:12px 0}
.banner-box{background:#fff;border:1px solid #eef0f2;padding:14px 10px}
.banner-grid{gap:8px}
.nav{position:relative}
.nav a{transition:0s all}
.nav-category{position:relative;height:70px;display:flex;align-items:center}
.nav-category>a{position:relative;color:#3f454b;font-size:15px;white-space:nowrap;transition:0s all}
.nav-category:hover>a,.nav-category.active>a{color:#20c4ab}
.nav-category>a:after{content:"";position:absolute;left:50%;bottom:-25px;width:0;height:2px;background:#20c4ab;transition:.4s all}
.nav-category:hover>a:after,.nav-category.active>a:after{left:0;width:100%}
@keyframes nav-upbit{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
.nav-category-menu{display:none;position:absolute;left:0;top:70px;width:457px;padding:12px 7px;background:#fff;box-shadow:0 -1px 9px rgba(117,117,117,.12);border-radius:0;grid-template-columns:repeat(5,1fr);gap:0;z-index:9999;transform-origin:top center}
.nav-category:hover .nav-category-menu{display:grid;animation:nav-upbit .22s ease-out both}
.nav-category-menu a{display:block;width:auto;height:44px;line-height:43px;color:#5f5f5f;text-align:center;font-size:15px;padding:0}
.nav-category-menu a:hover{color:#20c4ab}
.nav-category-menu a:after{display:none}
.site-grid .site-item,.selected-grid .site-item{height:60px;padding:15px 30px 15px 20px;margin:-15px -20px;gap:8px;z-index:1;line-height:30px;transition:.2s all;color:#333}
.site-grid .site-item:hover,.selected-grid .site-item:hover{z-index:12;background:#fff8f5;color:#ff7352}
.site-grid .site-item img,.selected-grid .site-item img{width:20px;height:20px;margin-top:-3px}
.site-grid .site-item .ell,.selected-grid .site-item .ell{min-width:0;max-width:102px}
.site-item.no-icon{padding-left:14px}
.site-arrow{display:block;position:absolute;right:13px;top:27px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ff7352;opacity:0;transition:.2s all}
.site-item:hover .site-arrow{opacity:1}
.hot-badge{position:absolute;right:6px;top:0;width:22px;height:16px;line-height:15px;background:#ff8a00;color:#fff;font-size:10px;font-style:normal;text-align:center;font-family:Arial,sans-serif}
.site-grid .site-item .menu,.selected-grid .site-item .menu{display:none;position:absolute;left:1%;top:60px;width:98%;min-width:150px;padding:8px 0;background:#fff;border:0;border-radius:9px;box-shadow:0 0 9px rgba(23,23,23,.12);z-index:20;transform-origin:top center}
.site-grid .site-item:hover .menu,.selected-grid .site-item:hover .menu{display:block;animation:nav-upbit .22s ease-out both}
.site-grid .site-item .menu a,.selected-grid .site-item .menu a{display:block;height:48px;line-height:48px;padding:0 10px;text-align:center;color:#333;background:#fff;font-size:15px}
.site-grid .site-item .menu a:hover,.selected-grid .site-item .menu a:hover{background:#fff8f5;color:#ff7352}

body{font-size:15px;line-height:1.65}
.nav a,.nav-category>a,.qq-link,.topbar,.rec-card h3,.site-item,.home-category-row,.news-box li,.today-rank li,.category-card h4,.category-card p{font-size:15px}
.site-grid .site-item .menu a,.selected-grid .site-item .menu a,.nav-category-menu a,.home-soft-list h3,.news-box a,.news-box time,.today-rank a,.heat-text p,.rank-target-lists .introduce,.rank-target-lists .click,.rank-target-lists .go,.update-target-content>.left a,.update-target-content .ulttile div,.update-target-content .updatelist li div{font-size:15px}
.home-title h2,.section-title h2,.detail-other h3,.tool-card h3{font-size:18px}
.home-category-row .cat-name{font-size:15px}
.rec-card p,.fresh-list time,.site-label{font-size:12px}

.detail-wrap{width:1300px;margin:14px auto 0;font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif}
.detail-top{height:405px;background:#fff;position:relative;overflow:hidden}
.detail-left{position:absolute;left:36px;top:35px;width:280px;height:335px}
.detail-img{width:280px;height:200px;background:#f6f7f8;border:0;overflow:hidden}
.detail-img img{display:block;width:100%;height:100%;object-fit:cover}
.detail-actions{display:block;margin-top:25px}
.detail-actions a{display:block;width:280px;height:44px;line-height:44px;text-align:center;background:#20c4ab;border:1px solid #20c4ab;color:#fff;font-size:15px;transition:.2s}
.detail-actions a:hover{background:#18b39d;color:#fff}
.detail-actions a+a{margin-top:20px;background:#fff;color:#20c4ab}
.detail-actions a+a:hover{background:#f8fffd;color:#20c4ab}
.detail-right{position:absolute;left:365px;top:35px;width:865px;height:335px;color:#111}
.detail-right h1{margin:0 0 34px;height:32px;line-height:32px;font-size:22px;font-weight:400;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-meta-grid{display:grid;grid-template-columns:260px 260px 290px;grid-auto-rows:64px;column-gap:40px;row-gap:0}
.detail-meta-grid p{float:none;width:auto;height:64px;line-height:20px;margin:0;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#111}
.detail-meta-grid span{display:inline-block;color:#a0a7ad;margin-right:18px}
.detail-meta-grid em{font-style:normal;color:#111}
.detail-meta-grid a{color:#111}
.detail-stars{color:#ffba00!important;letter-spacing:1px;font-size:17px;vertical-align:-1px}
.detail-weight{display:inline-flex!important;height:22px;line-height:22px;vertical-align:middle;margin:0!important;color:#fff!important;border-radius:3px;overflow:hidden;font-family:Arial,"Microsoft YaHei",sans-serif}
.detail-weight i{display:block;min-width:26px;height:22px;text-align:center;font-style:normal;font-size:15px;color:#fff}
.detail-weight b{display:block;min-width:26px;height:22px;text-align:center;font-size:15px;font-weight:700;color:#fff}
.detail-weight-baidu i,.detail-weight-baidu b{background:#4386ff}
.detail-weight-sogou i,.detail-weight-sogou b{background:#ff6a5e}
.detail-weight-google i,.detail-weight-google b{background:#42bd62}
.detail-weight-bing i,.detail-weight-bing b{background:#1683d8}
.detail-weight-so360 i,.detail-weight-so360 b{background:#19a354}
.detail-weight-baidu-mobile i,.detail-weight-baidu-mobile b{background:#6f7cf6}
.detail-weight i{border-right:1px solid rgba(255,255,255,.55)}
.detail-weight-img{display:inline-block;width:auto;height:22px;vertical-align:middle}
.detail-tag{display:inline-block;min-width:44px;height:24px;line-height:22px;padding:0 10px;border:1px solid transparent;border-radius:3px;text-align:center;font-size:14px;font-style:normal;vertical-align:middle}
.detail-tag.price-free{background:#eefbf7;border-color:#b7eadb;color:#13a884}
.detail-tag.price-freemium{background:#eef9ff;border-color:#bde8ff;color:#1683c7}
.detail-tag.price-paid{background:#fff4e8;border-color:#ffd6aa;color:#d96b1c}
.detail-tag.price-trial{background:#eef5ff;border-color:#c7dcff;color:#2f6fd8}
.detail-tag.status-normal{background:#eefbf7;border-color:#b7eadb;color:#14a878}
.detail-tag.status-recommended{background:#eafbf8;border-color:#a8e7dd;color:#16a994}
.detail-tag.status-limited{background:#fff8dc;border-color:#f5dea2;color:#b98212}
.detail-tag.status-offline{background:#fff0f0;border-color:#ffc7c7;color:#d94a4a}
.detail-tag.verify-ok{background:#f2faf8;border-color:#ccebe4;color:#4c8f82}
.detail-tag.verify-empty{background:#f5f6f7;border-color:#e3e6e8;color:#999}
.detail-other{background:#fff;margin-top:13px;padding:25px 35px 45px;min-height:495px}
.detail-other h3{margin:0 0 14px;font-size:18px;font-weight:400;border-left:3px solid #20b8a8;padding-left:12px}
.detail-other p{margin:0 0 28px;color:#555;line-height:1.9;font-size:15px}
.detail-other #trend{width:100%;height:280px}
.detail-similar .img{border:0;background:#fff}
.detail-similar h4{display:none}
.detail-similar p{margin-top:14px}
footer .copart{display:block;width:100%;text-align:center}

.detail-top{height:auto;min-height:455px;overflow:visible;padding-bottom:48px}
.detail-left{top:48px}
.detail-right{height:auto}
.detail-meta-grid{grid-auto-rows:minmax(56px,auto);row-gap:2px}
.detail-meta-grid p{height:auto;min-height:56px;white-space:normal;text-overflow:clip;padding-bottom:10px}
.detail-meta-grid>p>span:first-child{width:75px;text-align:left;margin-right:18px}

.cat-filter-actions{position:absolute;right:0;top:-6px;display:flex;align-items:center;gap:6px;height:42px;color:#333;font-size:14px}
.cat-filter-actions span{color:#333}
.cat-filter-actions .sort-label{margin-left:12px}
.cat-filter-actions a{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:46px;padding:0 10px;border:1px solid #e0e4e8;border-radius:3px;background:#fff;color:#555;font-size:14px;transition:.18s all}
.cat-filter-actions a:hover,.cat-filter-actions a.active{background:#20c4ab;border-color:#20c4ab;color:#fff}
.detail-pros-cons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
@media(max-width:900px){.cat-search{flex-wrap:wrap}.detail-pros-cons{grid-template-columns:1fr}}
.detail-review{background:#fdfaf0;border:1px solid #f0e6c8;border-radius:6px;padding:14px 18px;margin:0 0 24px}
.detail-review p{margin:0;color:#6b5e2f;line-height:1.9;font-size:14px}
.about-title{padding-bottom:20px;border-bottom:1px solid #f1f3f4}
.about-title h1{margin:0;font-size:22px;font-weight:400;border-left:3px solid #20b8a8;padding-left:12px;color:#222}
.about-title p{margin:10px 0 0 15px;color:#8a949b;font-size:15px}
.about-content{line-height:2;color:#555;margin:24px 0}
.about-message{width:640px;margin:20px 0 0;padding:12px 16px;border-radius:3px;font-size:15px}
.about-message.success{background:#edf9f6;color:#13a884;border:1px solid #ccefe6}
.about-message.error{background:#fff4f0;color:#d85d3a;border:1px solid #ffd7ca}
.about-form{width:640px;margin-top:24px}
.about-form label{display:block;margin-bottom:18px}
.about-form label>span{display:block;margin-bottom:8px;color:#535d65;font-size:14px}
.about-form input,.about-form textarea{display:block;width:100%;border:1px solid #e4eaee;background:#fbfcfd;border-radius:3px;color:#333;font-size:15px;outline:none}
.about-form input{height:42px;padding:0 13px}
.about-form textarea{height:150px;padding:11px 13px;resize:vertical;line-height:1.7}
.about-form input:focus,.about-form textarea:focus{border-color:#20c4ab;background:#fff;box-shadow:0 0 0 3px rgba(32,196,171,.08)}
.about-captcha{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;margin-bottom:22px}
.about-captcha span{display:block;height:42px;line-height:42px;text-align:center;background:#edf9f6;color:#16a994;border:1px solid #ccefe6;border-radius:3px;font-size:16px;font-weight:700;user-select:none}
.about-form button{display:block;width:190px;height:42px;border:0;border-radius:3px;background:#20c4ab;color:#fff;font-size:15px;cursor:pointer}
.about-form button:hover{background:#18b39d}
.home-fresh{min-height:130px;height:auto;margin:13px -36px -25px;padding:20px 36px 30px;background:#fff;border-top:13px solid #fbfbfb;overflow:hidden}
.home-fresh .title{height:40px;display:flex;align-items:center;justify-content:space-between;margin-bottom:0;overflow:hidden;position:relative}
.home-fresh .title h3{margin:0;line-height:40px;font-size:17px;font-weight:400;color:#333;position:relative;padding-left:20px}
.home-fresh .title h3:before{content:"";position:absolute;left:0;top:11px;width:3px;height:18px;background:#20c4ab}
.home-fresh ul{list-style:none;margin:18px 0 0;padding:0;height:auto;position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 36px}
.home-fresh ul.is-empty{height:430px;display:flex;align-items:center;justify-content:center;margin-top:0}
.home-fresh li{height:auto;line-height:normal;margin:0;color:#555;border-bottom:0}
.home-fresh li:last-child{margin-bottom:0}
.home-fresh a{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;min-width:0;color:#555;text-indent:0;position:relative;font-size:15px}
.home-fresh a:before{display:none}
.home-fresh img{display:block;width:160px;aspect-ratio:3/2;height:auto;object-fit:cover;background:#f5f7f8}
.home-fresh strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:44px;margin:2px 0 18px;color:#333;font-size:15px;font-weight:400;line-height:22px}
.home-fresh a:hover{color:#ff7352}
.home-fresh time{display:block;font-size:14px;color:#9aa1a8;text-align:left;line-height:20px}
.home-fresh .home-fresh-empty{display:block;height:auto;line-height:22px;margin:18px 0 0;padding:0;color:#999;text-align:left;font-size:15px}
.home-fresh ul.is-empty .home-fresh-empty{margin:0;text-align:center}
