*{box-sizing:border-box}body{margin:0;background:#f6f7f8;color:#333;font:15px/1.6 "Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;vertical-align:middle}.container{max-width:1250px;margin:0 auto}.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{height:70px;background:#fff;border-bottom:1px solid #edf0f2}.topbar .container{display:flex;align-items:center;height:70px}.logo{position:relative;display:block;width:230px;height:70px;flex:0 0 230px}.logo img{width:200px;height:70px;display:block}.logo em{position:absolute;left:153px;top:0;padding:1px 5px;border-radius:3px;background:#ff5b38;color:#fff;font-size:12px;font-style:normal}.nav{display:flex;gap:34px;height:70px;align-items:center}.nav a{position:relative;color:#3f454b;font-size:14px;white-space:nowrap}.nav a:hover,.nav a.active{color:#20b8a8}.nav a:after{content:"";position:absolute;left:50%;bottom:-25px;width:0;height:2px;background:#20b8a8;transition:.24s}.nav a:hover:after,.nav a.active:after{left:0;width:100%}.time-winter{margin-left:auto;height:70px;overflow:hidden;display:flex;align-items:center}.time-winter .time{display:flex;align-items:center;color:#666}.time-winter .time span{font-size:21px;height:70px;line-height:70px;color:#4a4f55}.time-winter .time small{font-size:13px;height:70px;line-height:70px;margin-left:9px;color:#999}.qq-link{margin-left:30px;color:#555;white-space:nowrap}.search-area{height:170px;padding-top:80px;background:#fff}.search-box{display:flex;align-items:center;justify-content:center;gap:38px}.baidu{width:126px;text-align:right;font-size:28px;font-weight:700;color:#20b8a8;line-height:48px;white-space:nowrap}.search-form{display:flex;width:710px;height:48px}.search-form input{flex:1;border:1px solid #e5e8ee;border-right:0;padding:0 15px;font-size:16px;outline:none;background:#fff}.search-form button{width:150px;border:0;background:#24bfae;color:#fff;font-size:16px;cursor:pointer}.card-row{display:grid;grid-template-columns:repeat(6,1fr);gap:42px;background:#fff;padding:26px 0 35px;min-height:128px}.rec-card{display:flex;gap:13px;align-items:flex-start;min-width:0}.diamond{width:15px;height:15px;border:2px solid #bfe45a;transform:rotate(45deg);margin-top:6px;flex:0 0 auto}.rec-card h3{margin:0 0 7px;font-size:16px;font-weight:400;color:#333}.rec-card p{margin:0;color:#8b9299;max-width:130px}.band{background:#f4f5f6;padding:18px 0}.banner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.banner-grid img{display:block;width:100%;height:76px;object-fit:cover}.site-panel{background:#fff;margin-top:0;padding:31px 40px 33px;min-height:226px}.site-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:34px 54px}.site-item{position:relative;display:flex;align-items:center;gap:9px;min-width:0;height:24px;color:#333}.site-item img{width:22px;height:22px;object-fit:contain;flex:0 0 auto}.site-item .menu{display:none;position:absolute;left:-8px;top:28px;width:130px;background:#fff;border:1px solid #e8ecef;box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:3}.site-item:hover .menu{display:block}.site-item .menu a{display:block;padding:8px 12px;color:#555}.site-item .menu a:hover{background:#f6faf9;color:#20b8a8}.section{background:#fff;margin-top:18px;padding:22px 28px}.compact-section{padding-top:20px;padding-bottom:22px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h2{margin:0;font-size:18px;font-weight:400;border-left:3px solid #20b8a8;padding-left:12px}.section-title a{color:#999}.two-col{display:grid;grid-template-columns:1fr 330px;gap:20px}.list-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.web-card{border:1px solid #eef0f4;padding:16px;border-radius:3px;background:#fff;transition:.2s}.web-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.06)}.web-card h3{margin:0 0 8px;display:flex;align-items:center;gap:8px}.web-card img{width:28px;height:28px}.web-card p{height:44px;margin:0 0 12px;color:#777;overflow:hidden}.web-card .actions{display:flex;gap:8px}.web-card .actions a{font-size:12px;padding:4px 9px;background:#f5f7fa;border-radius:3px;color:#666}.soft-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.soft-card{text-align:center;border:1px solid #eef0f2;padding:15px 10px 13px;background:#fff}.soft-card img{width:54px;height:54px;border-radius:12px}.soft-card h3{font-size:14px;font-weight:400;margin:10px 0 2px}.soft-card p{margin:0;color:#999;font-size:12px}.update-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}.update-list a{display:grid;grid-template-columns:90px 1fr 50px;gap:12px;padding:9px 0;border-bottom:1px dashed #eee;color:#555}.update-list span{color:#20b8a8}.update-list em{color:#999;font-style:normal;text-align:right}.tool-line{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.tool-line a,.category-cloud a{display:block;text-align:center;padding:9px 8px;border:1px solid #eef0f3;background:#fbfcfd;color:#555}.rank-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.rank-cards a{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;border:1px solid #eef0f2;padding:12px}.rank-cards h3{margin:0;font-size:14px;font-weight:400}.rank-cards p{grid-column:2;margin:0;color:#999;font-size:12px}.rank-list{padding:0;margin:0;list-style:none}.rank-list li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed #eee}.rank-no{width:22px;height:22px;text-align:center;line-height:22px;background:#dfe4ea;border-radius:3px;color:#666;display:inline-block;flex:0 0 auto}.rank-list li:nth-child(-n+3) .rank-no,.rank-cards a:nth-child(-n+3) .rank-no{background:#20b8a8;color:#fff}.heat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 24px}.heat-grid div{position:relative;background:#f3f6f7;height:32px;line-height:32px;padding:0 10px;overflow:hidden}.heat-grid div span{position:relative;z-index:2}.heat-grid div i{position:absolute;left:0;top:0;bottom:0;background:rgba(32,184,168,.18)}.category-cloud{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.fun-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fun-list a{padding:10px 0;border-bottom:1px dashed #eee;color:#666}footer{background:#FFF;padding:45px 0px;margin-top:13px}footer>div{width:1250px;margin:0px auto}footer>div ul{width:900px;margin:0px auto}footer>div ul li{float:left;width:180px}footer>div ul li a{color:#5e5e5e;text-align:center;display:block;font-size:13px;height:40px;line-height:40px;width:100%}footer>div .copart{margin-top:30px;font-size:13px;color:#919191;text-align:center}.page-head{background:#fff;padding:28px 0;border-bottom:1px solid #eee}.page-head h1{margin:0;font-size:24px}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tabs a{padding:8px 16px;background:#fff;border:1px solid #e8ebef;border-radius:3px}.tabs a.active{background:#20b8a8;color:#fff;border-color:#20b8a8}.detail-box{display:grid;grid-template-columns:330px 1fr;gap:28px;background:#fff;padding:28px;margin-top:18px}.detail-shot{border:1px solid #eee;padding:10px}.detail-info h1{margin:0 0 8px}.info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.info-list div{background:#f8fafc;padding:9px 12px}.btn-main{display:inline-block;background:#20b8a8;color:#fff;padding:9px 18px;border-radius:3px}.btn-light{display:inline-block;background:#eef2f5;color:#555;padding:9px 18px;border-radius:3px;margin-left:8px}.rank-hero{background:linear-gradient(135deg,#222831,#20b8a8);padding:46px 0;color:#fff}.rank-page{background:#fff;margin-top:-20px;border-radius:4px;padding:24px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.form-page input,.form-page textarea{width:100%;border:1px solid #e5e8ee;padding:11px;margin-bottom:12px}.mobile-body{background:#f3f4f5}.m-hero{background:#21bfae url("../img/mobile-bg.svg") center/cover;color:#fff;padding:16px 15px 14px}.m-logo{font-size:21px;margin-bottom:12px;font-weight:300}.m-search{display:flex;background:rgba(255,255,255,.24);border-radius:3px;height:41px;align-items:center;padding:0 12px}.m-search input{flex:1;background:transparent;border:0;color:#fff;outline:0}.m-search input::placeholder{color:#eafffb}.m-tags{display:flex;gap:9px;overflow:hidden;margin-top:13px}.m-tags span{background:rgba(255,255,255,.22);border-radius:16px;padding:4px 11px;white-space:nowrap;font-size:12px}.m-grid{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:17px 7px;padding:17px 14px}.m-grid a{text-align:center;min-width:0}.m-grid img{display:block;width:24px;height:24px;margin:0 auto 6px}.m-section{background:#fff;margin-top:10px;padding:15px}.m-section h3{margin:0 0 12px;border-left:3px solid #20b8a8;padding-left:10px;font-weight:400}.m-cat{display:grid;grid-template-columns:48px repeat(4,1fr) 14px;gap:12px 8px;align-items:center;margin:12px 0}.m-cat b{color:#14a65f;font-weight:400}.m-list a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}.m-list em{font-style:normal;color:#999}.m-bottom{position:fixed;left:0;right:0;bottom:0;height:52px;background:#fff;border-top:1px solid #eee;display:grid;grid-template-columns:repeat(5,1fr);z-index:20}.m-bottom a{text-align:center;padding-top:7px;font-size:12px;color:#555}.m-bottom b{display:block;font-size:16px;color:#20b8a8}.m-page{padding-bottom:64px}@media(max-width:500px){.topbar,.search-area,.card-row,.band,.footer{display:none}.container{max-width:none}.site-grid,.list-cards,.tool-grid{grid-template-columns:repeat(2,1fr)}.two-col,.detail-box{grid-template-columns:1fr}}
.m-bottom{box-shadow:0 -1px 8px rgba(0,0,0,.04)}
.m-hero .m-logo,.m-section h3,.m-list a,.m-cat,.m-grid a,.tabs a{font-family:"Microsoft YaHei",Arial,sans-serif}
.m-hero{padding:14px 15px 12px;background:#21bfae}
.m-hero .m-logo{font-size:20px;font-weight:400;line-height:1;margin-bottom:10px}
.m-search{display:flex;height:40px;background:rgba(255,255,255,.24);border-radius:3px;padding:0 12px;align-items:center}
.m-search span{font-size:14px;opacity:.95}
.m-search input{margin-left:8px;font-size:14px}
.m-section{margin-top:10px;padding:14px 15px}
.m-section h3{font-size:15px;font-weight:400;margin-bottom:10px}
.m-list a{height:43px;font-size:14px}
.m-cat{margin:10px 0;font-size:13px}
.m-cat a,.tabs a{font-size:13px}
.m-grid{gap:14px 8px}
.m-grid a{font-size:12px}
.m-grid img{width:28px;height:28px}
.m-bottom a{font-size:12px}