html{scroll-behavior:smooth}a,aside,body,div,footer,html,i,img,li,nav,p,section,ul{padding:0;margin:0}li{list-style:none}a{text-decoration:none}body{font-size:12px;color:#4d4d4d;font-family:Helvetica Neue,Microsoft Yahei}.container,.main,body{background:#f3f6f8}.iconfont{color:#949494;padding-right:4px}.container .left-bar{position:fixed;padding:0 20px;background:#30333c;color:#949494;box-sizing:border-box;flex-direction:column;height:100vh;display:flex;width:248px;z-index:1000;transition:all .5s}.container .main{position:relative;display:flex;flex-direction:column;-webkit-box-orient:vertical;margin-left:248px;min-height:100vh}.container .main .iconfont{font-size:18px;color:#000}.set-scroll{background-color:#494f5e;border-radius:0;width:4px}.left-bar .title{color:#fff;font-size:18px;height:60px;line-height:50px;padding-top:10px;box-sizing:border-box}.left-bar .title p{text-align:center}.left-bar .nav{flex:1;-webkit-box-flex:1;flex-grow:1;overflow-y:auto}.left-bar .ip-location{padding:15px 20px 50px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#949494;display:flex;align-items:center;word-break:break-all;flex-wrap:wrap}.left-bar .ip-location i,.left-bar .ip-location .location-icon{padding-right:6px;width:16px;height:16px;display:inline-block;vertical-align:middle}.left-bar .ip-location .location{padding-top:4px;color:#949494;font-size:12px;width:100%;padding-left:20px}.left-bar .nav .item{height:50px;line-height:48px;border-top:2px solid rgba(255,255,255,.04);border-bottom:2px solid rgba(255,255,255,.04)}.left-bar .nav .item a{color:#949494;font-size:16px;font-weight:700}.left-bar .nav .item a i{padding-right:18px}.left-bar .nav>.active{position:relative}.left-bar .nav>.active a,.left-bar .nav>.active a i{color:#fff}.left-bar .nav>.active .line{position:absolute;right:0;height:30px;width:3px;background:#3a85ff;z-index:100000;margin-top:10px}.left-bar .nav-item{overflow-y:auto}.left-bar .nav-item::-webkit-scrollbar-track{background-color:#494f5e;border-radius:0;width:4px}.left-bar .nav-item::-webkit-scrollbar-thumb{background-color:#494f5e;border-radius:0;width:4px}.left-bar .nav-item::-webkit-scrollbar{background-color:#494f5e;border-radius:0;width:4px}.left-bar .nav-item li{padding-left:20px;height:45px;line-height:45px}.left-bar .nav-item li i{padding-right:18px}.left-bar .nav-item li:hover a,.left-bar .nav-item li:hover i,.left-bar .nav-item li a.active,.left-bar .nav-item li a.active i{color:#fff!important}.left-bar .nav-item li a{text-decoration:none;font-size:14px;display:inline-block;width:100%;color:#949494}.nav .item a{color:#fff}.nav .comment{position:fixed;z-index:100;bottom:1px;width:200px;background:#30333c}.main #mainContent{width:100%;max-width:100%;padding:0 30px;box-sizing:border-box;transition:all .3s}.main .box{margin:20px 0;background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 12px 0 rgba(0,0,0,.05);display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:20px;overflow:hidden;scroll-margin-top:30px}.main .box > a[name]{display:none}.main .box .sub-category{grid-column:1 / -1;margin-bottom:5px}.main .box .sub-category>div{padding:0;font-size:18px;font-weight:700}.main .box > div:not(.sub-category){display:block}.main .box .item{width:100%;border:2px solid #d0d7de;box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:8px;background:#fff;padding:20px;box-sizing:border-box;transition:all .3s;height:120px;display:flex;align-items:center}.main .box .item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1);border-color:#3a85ff}.main .box .item .no-logo{color:#3273dc;font-weight:700;font-size:14px}.main .box .item .logo{width:36px;height:36px;margin-right:12px;flex-shrink:0;margin-top:-10px}.main .box .item .logo img{width:100%;height:100%;object-fit:contain;display:block}.main .box .item .logo span{display:none}.main .box .item .content{flex:1;display:flex;flex-direction:column}.main .box .item .title{font-size:14px;font-weight:700;color:#3273dc}.main .box .item .desc{color:gray;font-size:12px;padding-top:4px;height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.footer{position:fixed;left:248px;right:0;bottom:0;line-height:30px;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.05);display:flex;justify-content:center;align-items:center;z-index:999}.footer .copyright{color:#949494;font-size:12px;text-align:center;margin:0;width:100%}.footer .copyright a{text-decoration:none;color:#949494}.footer .copyright a:hover{color:#949494;text-decoration:underline}#menu-box{display:none;width:100%;background:#fff;text-align:right;position:sticky;top:0;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.05);height:50px}#menu-box .logo{float:left;height:50px;line-height:50px;padding-left:15px;color:#333;font-weight:700;font-size:16px}#menu-box .logo img{height:25px;vertical-align:middle}#menu-box #menu{height:30px;width:30px;position:absolute;right:10px;top:10px}#menu-box #menu *{transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box}#menu-box #menu input[type=checkbox]{display:none}#menu-box #menu label{cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:0;left:0;background:url(img/muse.png) no-repeat center center;background-size:contain}#menu-box #menu input[type=checkbox]:checked+label{background:url(img/close.png) no-repeat center center;background-size:contain}#fixedBar{padding:10px;background:#fff;width:25px;height:25px;position:fixed;right:20px;bottom:30px;z-index:9999;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:50%;cursor:pointer;display:none}#fixedBar img{width:100%;height:100%}@media screen and (max-width:481px){.main #mainContent{padding:0 15px}.main .box{grid-template-columns:repeat(2, 1fr);gap:10px;padding:15px;scroll-margin-top:70px}.container .main{margin-left:0}.container .left-bar{left:-249px}#menu-box{display:block}.footer{left:0}.footer .copyright{display:flex;justify-content:center;align-items:center;white-space:nowrap}}@media screen and (min-width:482px) and (max-width:768px){.main .box{grid-template-columns:repeat(2, 1fr);scroll-margin-top:70px}.container .main{margin-left:0}.container .left-bar{left:-249px}#menu-box{display:block}.footer{left:0}.footer .copyright{display:flex;justify-content:center;align-items:center;white-space:nowrap}}@media screen and (min-width:769px) and (max-width:1199px){.main .box{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width:1200px) and (max-width:1599px){.main .box{grid-template-columns:repeat(4, 1fr)}}@media screen and (min-width:1600px){.main .box{grid-template-columns:repeat(6, 1fr)}}