@font-face{font-family:cIconfont;src:url("font/iconfont-cdfecb8456.eot");src:url("font/iconfont-cdfecb8456.eot?#iefix") format('embedded-opentype'),url("font/iconfont-fa013548a9.woff2") format('woff2'),url("font/iconfont-840387fb42.woff") format('woff'),url("font/iconfont-4530e108b6.ttf") format('truetype'),url("font/iconfont-74fcdd51ab.svg#iconfont") format('svg')}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a{text-decoration:inherit}a:hover{text-decoration:underline}a img{border:none}*{box-sizing:border-box}*{transition:all .25s}body{overflow-x:hidden;padding:1.5rem 1.5rem 5.9375rem 1.5rem;font-family:'HanHei SC','PingFang SC','Helvetica Neue','Helvetica','STHeitiSC-Light','Arial',sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}a{transition:all .25s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;text-decoration:initial}a:hover{text-decoration:initial}.hide{display:none}.show{display:block}.error{text-align:center}.error h2{font-weight:bold}.error p{margin-top:1.25rem}.header{padding:1.125rem 0 .9375rem 0;font-size:.75rem}.header .logo{float:left}.header .logo h1{display:none}.header .logo:before{content:'';min-width:6.25rem;height:2.5rem;display:inline-block;background:url("../img/logo.svg") top left no-repeat;background-size:contain}.header .logo:after{content:'';display:block;clear:both}.header .right{text-align:right;line-height:2.5rem;color:#717171}.header .right a{color:#717171}.header .right a:hover{color:#0500e8}.header .right .box{background:#eaeaea;display:inline-block;padding:0 .625rem;line-height:1.375rem;border-radius:.3125rem;font-size:.75rem}.header .right .box i{color:#000;font-weight:bold;font-style:inherit}.header .right .box svg,.header .right .box button{display:inline-block;position:relative;vertical-align:middle}.header .view-type,.header .view-type-list{display:inline-block;position:relative;vertical-align:middle;font-style:normal;text-align:left;text-indent:-9999px;direction:ltr;color:#717171;width:.125rem;height:.125rem}.header .view-type:before,.header .view-type-list:before,.header .view-type:after,.header .view-type-list:after{content:'';pointer-events:none}.header .view-type{box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,0 0 0 32px inset,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;margin:-.125rem .4375rem 0 .4375rem}.header .view-type-list{box-shadow:inset 0 0 0 25px,0 -4px 0 0,0 4px 0 0;margin:.125rem .75rem .25rem .125rem}.header .view-type-list:before{width:.5rem;height:.125rem;left:.25rem;box-shadow:inset 0 0 0 25px,0 -4px 0 0,0 4px 0 0;position:absolute;top:50%;transform:translateY(-50%)}.header .preview{display:inline-block;cursor:pointer}.header .preview:hover .view-type,.header .preview:hover .view-type-list{color:#0500e8}.header .preview:active .view-type,.header .preview:active .view-type-list{color:#f00}.announcement{overflow:hidden;cursor:pointer;margin:0 0 1.25rem 0;padding:.3125rem .3125rem;border-radius:.3125rem;line-height:1.5625rem;text-align:center;font-family:cIconfont;font-size:.9375rem;background-color:rgba(251,251,251,0.95);border:1px solid rgba(0,0,0,0.05);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);color:#aaa}.sitelist .kw{color:#f00;font-style:inherit}.sitelist li{padding:.3125rem .3125rem;position:relative}.sitelist li:after{content:'';display:block;transition:border-color .25s;border-bottom:1px solid #eee;margin-top:.625rem}.sitelist li .title{padding-left:.3125rem;margin-right:.625rem;float:left;font-size:.875rem}.sitelist li .title a{font-weight:bold;color:#000}.sitelist li .title a:hover{color:#f00}.sitelist li .title img{height:.875rem;width:.875rem;vertical-align:middle;margin:-.125rem .25rem 0 0;border-radius:.1875rem;background-color:#e8e8e8}.sitelist li .description{padding:.3125rem .3125rem 0 .3125rem;line-height:1.3;display:block;font-size:.75rem;width:75%;clear:both}.sitelist li .tags{font-size:.625rem;float:right}.sitelist li .tags span{display:inline-block;background-color:#d6d6d6;padding:0 .1875rem 0 .1875rem;line-height:1rem;border-radius:.1875rem;color:#fff;margin:0 1px}.sitelist li .des{color:#848484}.sitelist ul:after{content:'';display:block;clear:both}.sitelist .more{display:none;margin-top:1.25rem;margin-bottom:.625rem;text-align:center;padding:.3125rem;font-size:.75rem}.sitelist .more a{display:inline-block;cursor:pointer;border-radius:.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);color:#aaa;padding:0 .3125rem;line-height:1.125rem}.sitelist .more a:hover{background-color:#e8e8e8;border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)}.sitelist .more a:active{background-color:#e8e8e8;border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)}.sitelist #tags{padding:.3125rem .3125rem}.sitelist #tags span{font-size:.75rem;display:inline-block;margin:.1875rem;padding:.25rem .3125rem;border-radius:.1875rem;background-color:#e5e5e5;cursor:pointer}.sitelist #tags span:hover{background-color:#bfc8e0}.sitelist #tags span:active{background:#98acff}.list-itme-grid li{width:25%;float:left;overflow:hidden;padding:.9375rem}.list-itme-grid li:after{margin-top:1.25rem}.list-itme-grid li .title{white-space:nowrap;float:initial}.list-itme-grid li .title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-itme-grid li .tags{padding:.625rem 0 0 .25rem;float:inherit;height:1.625rem;overflow:hidden}.list-itme-grid li .description{height:2rem}.list-itme-grid li .description .des{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;text-overflow:ellipsis;overflow:hidden}.search{position:absolute;bottom:0;left:0}.search input{position:fixed;bottom:0;left:0;z-index:10;font-size:1.875rem;padding:.9375rem 1.875rem;font-family:inherit;font-weight:100;border:none;outline:none;background:rgba(251,251,251,0.95);width:100%}.spinner{position:fixed;top:50%;left:50%;z-index:100;padding:0;margin:0;margin-left:-.75rem;display:block;background-color:transparent;border-radius:50%}.container{max-width:50rem;margin:0 auto;text-align:center;padding:.3125rem}.container h1{font-size:2.5rem;color:#d35400;margin-bottom:1.25rem}.container p{margin-bottom:1.25rem}.footer{padding:0 .5625rem;font-family:cIconfont;font-style:normal;font-size:.75rem;background-color:#f2f2f2;border-radius:.125rem;color:#aaa;text-align:center;position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:9999;white-space:nowrap}.footer svg{display:inline-block;margin-bottom:-.125rem}.footer .network-icon{color:#808080}.footer .online{color:#008000}.footer .offline{color:#f00}.footer .wifi{color:#00f}.footer .cellular{color:#ffa500}#side_wrapper{position:fixed;cursor:pointer;right:1.5rem;bottom:4.625rem;background-color:#fbfbfb;width:2.75rem;border-radius:1.375rem}#side_wrapper .c-icon{font-family:cIconfont !important;font-style:normal}#side_wrapper .side-entry{width:2.75rem;height:2.75rem;border-radius:50%}#side_wrapper .qrcode:hover{box-shadow:0 0 5px 3px rgba(0,0,0,0.1)}#side_wrapper .qrcode:hover .icon-mask-wrapper .icon{display:none}#side_wrapper .qrcode:hover .icon-mask-wrapper .icon-hover{display:block}#side_wrapper .qrcode:hover::before{position:absolute;top:0;left:-1.25rem;content:'';width:2.75rem;height:2.75rem}#side_wrapper .icon-mask-wrapper{width:100%;border-radius:50%;padding:.625rem 0;cursor:pointer}#side_wrapper .icon-mask-wrapper .icon,#side_wrapper .icon-mask-wrapper .icon-hover{height:1.5rem;width:1.5rem;margin-right:auto;margin-left:auto;display:block}#side_wrapper .icon-mask-wrapper .icon-hover{display:none}#side_wrapper .tooltip{display:none;position:absolute;right:3.5rem;bottom:0;background-color:#fff;z-index:303;box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);border-radius:.75rem}#side_wrapper .qrcode-tooltip{width:17.875rem;height:6.6875rem;overflow:hidden}#side_wrapper .qrcode-tooltip .text{text-align:left;margin-top:1.75rem;margin-left:1rem;line-height:1.4375rem}#side_wrapper .qrcode-tooltip .text .qrcode-text{color:#333;font-size:1.25rem;margin-bottom:.25rem}#side_wrapper .qrcode-tooltip .text .qrcode-text .qrcode-icon{margin-right:.25rem;font-size:1.1875rem}#side_wrapper .qrcode-tooltip .text .qrcode-info{font-size:.875rem;color:#9195a3}#side_wrapper .qrcode-tooltip .qrcode{width:4.6875rem;height:4.6875rem;position:absolute;border:none;top:.9375rem;right:1.125rem}#side_wrapper .qrcode-tooltip .qrcode img{width:4.6875rem;height:4.6875rem}.open-content-info{position:relative;display:inline-block;width:1.25rem}.open-content-info a:hover{color:#333}.open-content-info .text-color{color:#626675}.open-content-info >span{cursor:pointer;font-size:.875rem}.open-content-info >span:hover{color:#333}.open-content-info .tip-hover-panel{top:-7rem;right:.9375rem;position:absolute;display:none;padding-bottom:1.125rem}.open-content-info .tip-hover-panel .rest_info_tip{max-width:35rem;padding:.5rem .75rem .5rem .75rem;background:#fff;border-radius:.375rem;border:1px solid rgba(0,0,0,0.05);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);text-align:left}.open-content-info .tip-hover-panel .rest_info_tip .tip-wrapper{white-space:nowrap;line-height:1.875rem}#customContextMenu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:.625rem;background-color:rgba(20,21,24,0.8);color:#fff;border-radius:.3125rem;display:none;pointer-events:none}.dark-mode{background-color:#000}.dark-mode .header .right .box{background-color:#3c4043;color:#bdc1c6}.dark-mode .announcement{background-color:rgba(20,21,24,0.95);border:1px solid rgba(255,255,255,0.05);box-shadow:0 2px 4px 0 rgba(255,255,255,0.1)}.dark-mode .sitelist .kw:after,.dark-mode .sitelist li:after{transition:border-color .25s;border-bottom:1px solid #202124}.dark-mode .sitelist .kw .title a,.dark-mode .sitelist li .title a{color:#bdc1c6}.dark-mode .sitelist .kw .tags span,.dark-mode .sitelist li .tags span{background-color:#3c4043;color:#bdc1c6}.dark-mode .sitelist #tags span{background-color:#3c4043;color:#bdc1c6}.dark-mode .sitelist .more a{background-color:#000;border:1px solid rgba(255,255,255,0.1);box-shadow:0 2px 4px 0 rgba(255,255,255,0.1);color:#aaa}.dark-mode .sitelist .more a:hover{background-color:#202124;border:1px solid rgba(255,255,255,0.05);box-shadow:0 2px 4px 0 rgba(255,255,255,0.1)}.dark-mode .sitelist .more a:active{background-color:#202124;border:1px solid rgba(255,255,255,0.05);box-shadow:0 2px 4px 0 rgba(255,255,255,0.1)}.dark-mode .error h2,.dark-mode .error p{color:#bdc1c6}.dark-mode .search input{background-color:rgba(20,21,24,0.95);color:#bdc1c6}.dark-mode .container,.dark-mode .footer{background-color:#202124;color:#6e6e6e}.dark-mode #side_wrapper{background-color:#202124}.dark-mode #side_wrapper .tooltip{background-color:#202124;border:1px solid rgba(255,255,255,0.05);box-shadow:0 0 5px 3px rgba(255,255,255,0.1)}.dark-mode #side_wrapper .qrcode:hover{box-shadow:0 0 5px 3px rgba(255,255,255,0.1)}.dark-mode #side_wrapper .qrcode-tooltip .text .qrcode-text{color:#bdc1c6}.dark-mode .open-content-info .tip-hover-panel .rest_info_tip{background:#202124;border:1px solid rgba(255,255,255,0.05);box-shadow:0 2px 4px 0 rgba(255,255,255,0.1)}@media screen and (max-width:733px){body{padding:.9375rem 0 3.4375rem 0}.header .logo{float:initial;text-align:center;display:inherit}.header .logo:before{min-width:6.25rem}.header .right{text-align:center}.header .right .box{margin:.625rem 0 0 0}.header .preview{display:inline}.list-itme-grid li{width:100%;padding:.3125rem}.list-itme-grid li:after{margin-top:.5625rem}.search input{font-size:1.125rem;padding:.9375rem .625rem}}