@charset "UTF-8";#loader,article,aside,figure,footer,header,hgroup,main,nav,section{display:block}body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,legend,li,ol,p,ul{margin:0;padding:0}a{text-decoration:none;color:#000}img{vertical-align:top;border:none}li{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}body,html{width:100%;height:100%}.feet{width:100%;height:600px;overflow:hidden;margin-bottom:-4px}#app{height:100%;margin:0;padding:0}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;background:#90B8F0}#loader{position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#FFF;-webkit-animation:spin 2s linear infinite;-ms-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;-o-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}.feet,.no-js #loader-wrapper,.theme-switch__checkbox{display:none}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#FFF;-webkit-animation:spin 3s linear infinite;-moz-animation:spin 3s linear infinite;-o-animation:spin 3s linear infinite;-ms-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#FFF;-moz-animation:spin 1.5s linear infinite;-o-animation:spin 1.5s linear infinite;-ms-animation:spin 1.5s linear infinite;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#loader-wrapper .loader-section.section-left{left:0}#loader-wrapper .loader-section.section-right{right:0}.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}.loaded #loader{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s 1s ease-out;transition:all .3s 1s ease-out}.theme-switch__container,.theme-switch__sun-moon-container{-webkit-transition:var(--transition);-o-transition:var(--transition)}.no-js h1{color:#222}#loader-wrapper .load_title{font-family:"Open Sans";color:#FFF;font-size:19px;width:100%;text-align:center;z-index:9999999999999;position:absolute;top:70%;opacity:1;line-height:30px}#loader-wrapper .load_title span{font-weight:400;font-style:italic;font-size:13px;color:#FFF;opacity:.5}.layui-form-select dl{top:48px;padding:0}.layui-form-select dl dd.layui-this{color:#409eff;font-weight:700;background:#fff!important}:root{--hot-color:orange}#container-switch{position:absolute;right:80px;top:20px}.theme-switch{--toggle-size:30px;--container-width:4em;--container-height:1.5em;--container-radius:6.25em;--container-light-bg:#3D7EAE;--container-night-bg:#1D1F2C;--circle-container-diameter:2.375em;--sun-moon-diameter:1.3em;--sun-bg:#ECCA2F;--moon-bg:#C4C9D1;--spot-color:#959DB1;--circle-container-offset:calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);--stars-color:#fff;--clouds-color:#F3FDFF;--back-clouds-color:#AACADF;--transition:.3s cubic-bezier(0, -0.02, 0.4, 1.25);--circle-transition:.3s cubic-bezier(0, -0.02, 0.35, 1.17)}.theme-switch,.theme-switch *,.theme-switch ::after,.theme-switch ::before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-size:var(--toggle-size)}.theme-switch__container{width:var(--container-width);height:var(--container-height);background-color:var(--container-light-bg);border-radius:var(--container-radius);overflow:hidden;cursor:pointer;-webkit-box-shadow:0 -.062em .062em rgba(0,0,0,.25),0 .062em .125em rgba(255,255,255,.94);box-shadow:0 -.062em .062em rgba(0,0,0,.25),0 .062em .125em rgba(255,255,255,.94);transition:var(--transition);position:relative}.theme-switch__container::before{content:"";position:absolute;z-index:1;inset:0;-webkit-box-shadow:0 .05em .187em rgba(0,0,0,.25) inset,0 .05em .187em rgba(0,0,0,.25) inset;box-shadow:0 .05em .187em rgba(0,0,0,.25) inset,0 .05em .187em rgba(0,0,0,.25) inset;border-radius:var(--container-radius)}.theme-switch__circle-container{width:var(--circle-container-diameter);height:var(--circle-container-diameter);background-color:rgba(255,255,255,.1);position:absolute;left:var(--circle-container-offset);top:var(--circle-container-offset);border-radius:var(--container-radius);-webkit-box-shadow:inset 0 0 0 3.375em rgba(255,255,255,.1),inset 0 0 0 3.375em rgba(255,255,255,.1),0 0 0 .625em rgba(255,255,255,.1),0 0 0 1.25em rgba(255,255,255,.1);box-shadow:inset 0 0 0 3.375em rgba(255,255,255,.1),inset 0 0 0 3.375em rgba(255,255,255,.1),0 0 0 .625em rgba(255,255,255,.1),0 0 0 1.25em rgba(255,255,255,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:var(--circle-transition);-o-transition:var(--circle-transition);transition:var(--circle-transition);pointer-events:none}.theme-switch__sun-moon-container{pointer-events:auto;position:relative;z-index:2;width:var(--sun-moon-diameter);height:var(--sun-moon-diameter);margin:auto;border-radius:var(--container-radius);background-color:var(--sun-bg);-webkit-box-shadow:.062em .062em .062em 0 rgba(254,255,239,.61) inset,0 -.062em .062em 0 #a1872a inset;box-shadow:.062em .062em .062em 0 rgba(254,255,239,.61) inset,0 -.062em .062em 0 #a1872a inset;-webkit-filter:drop-shadow(.062em .125em .125em rgba(0, 0, 0, .25)) drop-shadow(0 .062em .125em rgba(0, 0, 0, .25));filter:drop-shadow(.062em .125em .125em rgba(0, 0, 0, .25)) drop-shadow(0 .062em .125em rgba(0, 0, 0, .25));overflow:hidden;transition:var(--transition)}.theme-switch__moon{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);width:100%;height:100%;background-color:var(--moon-bg);border-radius:inherit;-webkit-box-shadow:.062em .062em .062em 0 rgba(254,255,239,.61) inset,0 -.062em .062em 0 #969696 inset;box-shadow:.062em .062em .062em 0 rgba(254,255,239,.61) inset,0 -.062em .062em 0 #969696 inset;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);position:relative}.theme-switch__spot{position:absolute;top:.75em;left:.312em;width:.75em;height:.75em;border-radius:var(--container-radius);background-color:var(--spot-color);-webkit-box-shadow:0 .0312em .062em rgba(0,0,0,.25) inset;box-shadow:0 .0312em .062em rgba(0,0,0,.25) inset}.theme-switch__spot:nth-of-type(2){width:.375em;height:.375em;top:.937em;left:1.375em}.theme-switch__spot:nth-last-of-type(3){width:.25em;height:.25em;top:.312em;left:.812em}.theme-switch__clouds{width:1.25em;height:1.25em;background-color:var(--clouds-color);border-radius:var(--container-radius);position:absolute;bottom:-.625em;left:.312em;-webkit-box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0 var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color);box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0 var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color);-webkit-transition:.5s cubic-bezier(0,-.02,.4,1.25);-o-transition:.5s cubic-bezier(0,-.02,.4,1.25);transition:.5s cubic-bezier(0,-.02,.4,1.25)}.theme-switch__stars-container{position:absolute;color:var(--stars-color);top:-100%;left:.312em;width:2.75em;height:auto;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.feet_dark,.feet_dark a{color:#fff}.theme-switch__checkbox:checked+.theme-switch__container{background-color:var(--container-night-bg)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter))}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container:hover{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - .187em)}.theme-switch__circle-container:hover{left:calc(var(--circle-container-offset) + .187em)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__moon{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__clouds{bottom:-4.062em}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__stars-container{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.feet_dark{border-top:1px solid #392f41;padding:20px 0}.feet_dark .footer_message_btm_t,.feet_dark .footer_message_btm_z{line-height:33px}@keyframes rotate{100%{transform:translate(-50%,-50%) rotate(1turn)}}.hotflagson:hover{position:relative;z-index:2;color:var(--hot-color);font-size:24px;border-radius:10px;text-align:center;margin:auto;overflow:hidden;cursor:pointer;transition:.3s}.hotflagson:hover::before{content:"";position:absolute;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%);width:150%;height:300%;background-repeat:no-repeat;background-size:50% 50%;background-position:0 0;background-image:conic-gradient(var(--hot-color),var(--hot-color));animation:rotate 2s linear infinite}.hotflagson:hover::after{content:"";position:absolute;z-index:-1;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:10px}body{background:#000}.library{position:absolute;color:rgba(209,213,219,.5);top:70%;width:100%;text-align:center;font-size:32px}@keyframes typing{from{opacity:0;width:0}to{opacity:1;width:32em}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:orange}}#coder-describe .inner{width:80%;height:80%;margin:0 auto;top:10%;left:10%;position:absolute}#coder-describe .tts{color:#fff;font-family:CUSTOM;font-size:30px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 5s steps(42,end),blink-caret .5s step-end infinite}.switch_theme{position:fixed;right:10px;top:30px;z-index:1000;cursor:pointer;width:44px;height:44px;border-radius:50%;box-shadow:0 2px 8px rgba(50,50,50,.04);display:flex;align-items:center;justify-content:center;color:#909090}#header,.coderlibs_app{position:relative}.switch_theme .light{width:30px;display:none;color:orange}.switch_theme .dark{width:30px;display:block;color:orange}.switch_theme img{width:20px;height:20px}.switch_theme:hover{background-color:#ddd;border-radius:50%}.coderlibs_app img{display:none;position:absolute;top:30px;right:20px;width:100px;box-shadow:-3px -3px 10px #ccc;z-index:3}.coderlibs_app:hover img{display:block}.skeleton{display:block;position:absolute;margin:0 auto;width:100%;background:#000;z-index:9999;overflow:hidden}#skeleton-header{height:450px}#skeleton-saltfish{height:100px}#skeleton-brandship{height:330px}#skeleton-hotsutils{width:100%;height:100%;padding:8px 10px;box-sizing:border-box}#skeleton-goodstitle{height:370px}.skeleton-content{padding:20px 5%}.skeleton-item{height:20px;margin-bottom:20px;border-radius:10px;background-color:#000}.skeleton-item::before{border-radius:10px;content:"";display:block;width:100%;height:100%;background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,.5) 100%);background-size:200% 100%;background-position:0 0;animation:skeleton-animation 2s linear infinite}@keyframes skeleton-animation{0%{background-position:200% 0}100%{background-position:-200% 0}}.layui-layer-dialog .layui-layer-title{background:#f5f7fa;box-sizing:border-box;width:400px;padding:0 150px;text-align:center}.side-main{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:fixed;right:10px;bottom:3rem;z-index:1000}@media screen and (max-width:768px){.side-main{display:none}}@media screen and (max-height:380px){.side-main{display:none}}.btn{font-size:1.6rem;margin:1rem 0 0;padding:0;width:2.8rem;height:2.8rem;line-height:1;color:#909090;background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-shadow:0 2px 8px rgba(50,50,50,.04);display:flex;align-items:center;justify-content:center;cursor:pointer}center{width:100%}#header{width:90%;max-width:1500px;border-radius:13px;height:440px;background-repeat:no-repeat;background-size:100% 100%}#header .bg-dark{background:#232323;width:80%;height:100%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;position:absolute;top:-20%;left:50%;transform:translateX(-50%);background-image:linear-gradient(180deg,rgba(0,102,255,.3),rgba(143,0,255,.3) 50%,rgba(255,0,184,.3));filter:blur(120px)}#header #bubble{display:none;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:calc(100% - 40px)}#header .header-top{width:100%;height:30px;position:relative}#header .header-top .header-userinfo{position:absolute;right:0;height:100%;padding-right:20px}#header .header-top .header-userinfo .userinfo{cursor:pointer}#header .header-top .header-userinfo ul{margin-right:40px;height:100%;padding:4px 0}#header .header-top .header-userinfo ul a{color:#fff;cursor:pointer}#header .header-top .header-userinfo ul li{float:left;color:#fff;font-weight:700;font-size:14px}#header .header-top .header-userinfo ul li:last-child{border-right:none}#header .header-top .header-userinfo ul li:after{content:"|";margin:0 15px;font-size:12px;position:relative;bottom:1px}#header .header-top .header-userinfo ul li:last-child:after{content:"";margin:0 15px}#header .header-main{height:270px;width:100%;position:relative}#header .header-main a{color:#fff;cursor:pointer}#header .header-main .header-date,#header .header-main .header-weather{width:300px;left:20px;height:34px;color:#F4F4FC;font-size:16px;position:absolute;text-align:left}#header .header-main .header-date{line-height:34px;top:20px}#header .header-main .header-weather{line-height:34px;top:50px;display:none}#header .header-main .header-weather .weather-standard{z-index:100;position:absolute;top:32px;display:none}#header .header-main .header-weather:hover .weather-standard{display:block}@media (min-width:1500px){#header{width:1500px;height:470px;border-radius:13px;margin-bottom:20px}#center-content,#main #center-top{max-width:1500px}#skeleton-header{width:1650px;height:500px;left:50%;border-radius:10px;transform:translateX(-50%)}}.header-search{width:40%;max-width:540px;min-width:350px;height:100px;position:relative;margin-left:-5%}.header-search .search-source{position:absolute;left:0;top:2px;width:90px;margin-left:0}.header-search .search-source input{text-align:center;border:none;font-size:14px}.header-search .search-source .layui-form-select dl dd.layui-this{background:#6495ed}.header-search .skin-search-input{top:20px;border:none;background:#fff}.header-search #suggest-align{height:34px;padding:5px 10px;position:relative;vertical-align:top;width:80%;z-index:10}.header-search #suggest-align .sugrec,.header-search #suggest-align .sugrec-next{display:none;position:absolute;top:50px;left:0;width:97%;background:#fff;border:1px solid #ddd}.header-search #suggest-align .sugrec .sugrec-search,.header-search #suggest-align .sugrec-next .sugrec-search{text-align:left;margin:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-search #suggest-align .sugrec .sugrec-search a,.header-search #suggest-align .sugrec-next .sugrec-search a{color:#000;margin-left:12px;width:100%;display:inline-block}.header-search #suggest-align .sugrec .sugrec-search a:hover,.header-search #suggest-align .sugrec-next .sugrec-search a:hover{cursor:pointer;color:#20a0ff}.header-search #suggest-align #search-button,.header-search #suggest-align #search-input{outline:0;position:absolute}.header-search #suggest-align #search-input{background:0 0;background:rgba(0,0,0,.001);border:none;color:#000;float:left;font-size:14px;height:30px;left:90px;line-height:30px;margin-top:3px;top:2px;width:80%}.header-search #search-button{z-index:100;--webkit-appearance:none;border-radius:0;cursor:pointer;font-family:"Microsoft YaHei";font-size:18px;right:-10%;letter-spacing:1px;vertical-align:top;width:100px}.header-search #input,.header-search #search-button{outline:0;position:absolute}.header-search .skin-search-button{background:#9455d3;color:#fff}.header-search .search-button-bg{border:1px solid rgba(255,255,255,.2)!important;border-left:none;height:44px;top:20px}.header-search .search-button-sticky{top:20px;border:0;height:44px}.header-search .nav{width:120%;left:6%;position:absolute;top:70px;height:40px;text-align:left;line-height:40px;padding:0 4px}.header-search .nav ul{width:100%}.header-search .nav ul .nav-li-first{color:#fff;opacity:1}.header-search .nav ul .nav-li-first a{padding-bottom:6px;border-bottom:2px solid #fff}.header-search .nav ul li{padding:0 10px;height:26px;line-height:26px;float:left;margin-right:9px;color:#fff;opacity:.6;font-size:15px;cursor:pointer}.header-search .nav ul li:hover{color:#fff;opacity:1}.header-search .nav ul li:hover a{padding-bottom:6px;border-bottom:2px solid #fff}@media (max-width:830px){.header-search{margin-left:0;min-width:350px}}@media (max-width:1150px){.header-logo{display:none}.header-search-next{margin-left:80px;min-width:250px}.nav-menu{left:5%}}#fixed-header{position:fixed;top:0;background:linear-gradient(to bottom,#0B081C 0,#161823 40%,#392f41 100%);display:none;z-index:10000;height:80px;width:100%;box-shadow:0 0 10px #000}#fixed-header .header-main{width:90%;max-width:1500px;height:100%}#fixed-header .header-main .fixed-header-user{float:right;margin-top:20px;height:40px;margin-right:20px;font-size:20px;line-height:40px;color:#fff}#fixed-header .header-main .fixed-header-user img{width:40px!important;height:40px!important}#fixed-header .header-main .header-logo{width:200px;text-align:left;height:100%;float:left;display:none}#fixed-header .header-main .header-logo .logo-img{width:246px;height:80px;background-image:url(../../public/img/coderlibs-logo.jpg)}#fixed-header .header-main .nav-sort{width:100px;float:left;height:100%}#fixed-header .header-main .nav-sort .nav-sort-content{border-radius:4px;color:#fff;line-height:40px;height:40px;width:100%;background:#9455d3;margin-left:10px;font-weight:700;margin-top:24px;cursor:pointer}#fixed-header .header-main .nav-sort .nav-sort-content:hover .nav-menu{display:block}#fixed-header .header-main .nav-sort-light .nav-sort-content{background:#3697fd!important;margin-left:0!important}#fixed-header .header-main .nav-sort-light .nav-menu ul li{background:#9EC5E6!important}#fixed-header .header-main .nav-sort-light .nav-menu ul li .group{background:#fff!important;color:#000!important}.nav-menu{overflow:hidden;width:100px;display:none;position:absolute;top:64px;z-index:1000;vertical-align:top}.nav-menu .nav-menu-top{width:100%;height:16px}.nav-menu ul{overflow:hidden}.nav-menu ul li{vertical-align:top;width:100px;background:#000}.nav-menu ul li .group{overflow:hidden;background-color:#000;filter:alpha(opacity=85);-moz-opacity:.85;-khtml-opacity:.85;opacity:.85;height:30px;text-align:left;line-height:30px;margin:0 auto;width:100%;padding-left:20px;font-size:12px;font-weight:700;color:#fff}.nav-menu ul li :hover{background-color:#fff;opacity:1;color:#c69c6d}#main{height:auto;width:100%;margin:0;overflow:hidden}#main #center-top{width:90%;max-width:1500px;margin:0 auto;overflow:hidden}#main #center-top .saltfish{display:none;margin:20px auto 0;height:100px;background:#fff;position:relative;overflow:hidden}#main #center-top .saltfish .workday{z-index:10;position:absolute;top:5px;left:16px;width:270px;height:90px;background-size:100% 100%}#main #center-top .saltfish .workday .week-main{display:block}#main #center-top .saltfish .workday .waitime{text-align:left;font-size:12px;font-weight:700;margin-left:10px;height:25px}#main #center-top .saltfish .workday .weekback{overflow:hidden;width:100%;height:50px}#main #center-top .saltfish .workday .week{display:flex;text-align:left;margin-left:22px}#main #center-top .saltfish .workday .week p{font-size:12px;font-weight:550;flex:1}#main #center-top .saltfish .mini-sentence{margin-top:40px;font-size:18px;display:none}#main #center-top .saltfish .sentence{width:50%;height:100%;margin:0 auto}#main #center-top .saltfish .sentence .sentence-nomal{line-height:100px;font-size:18px;text-align:center;display:block}#main #center-top .saltfish .sentence #todaySentence{display:none;height:100px!important;background:#fff!important}#main #center-top .saltfish .sentence #todaySentence .carousel-item div{height:100px!important;overflow:hidden;font-size:18px;text-align:center;background:#fff!important}#main #center-top .saltfish .sentence #todaySentence .carousel-item div div{width:100%;overflow:hidden;height:100px!important;display:flex;align-items:center;justify-content:center}@media (max-width:1200px){#main #center-top .saltfish .sentence{display:none}#main #center-top .saltfish .mini-sentence{display:block}}#main #center-top .saltfish .codercrazy,#main #center-top .saltfish .coderlove,#main #center-top .saltfish .crazyCoding,#main #center-top .saltfish .tankInhome{position:absolute;display:none;z-index:10;height:90px;overflow:hidden}#main #center-top .saltfish .codercrazy{font-weight:700;top:30px;right:140px;width:100px;text-align:left}#main #center-top .saltfish .coderlove{font-weight:700;top:30px;right:140px;width:120px;text-align:left}#main #center-top .saltfish .crazyCoding{top:-10px;right:16px;width:90px;border-radius:6px;background:url(https://coderlibs.com/www/wwwroot/public/img/coderlibs/weekday/coding.gif) no-repeat;background-size:100% 100%}#main #center-top .saltfish .tankInhome{top:6px;right:20px;width:120px;border-radius:6px;background:url(https://coderlibs.com/www/wwwroot/public/img/coderlibs/weekday/tank.png) no-repeat;background-size:100% 100%}#main #center-top .hotsearch{margin:20px auto 0;height:350px;display:flex;padding:0 10px}#main #center-top .hotsearch .searchbox{color:#fff;margin:0 10px 30px;min-width:100px;flex:1;height:100%;background:#18181b;position:relative;overflow:hidden;-webkit-box-shadow:0 3px 5px rgba(31,45,61,.15);box-shadow:0 3px 5px rgba(31,45,61,.15);border-radius:13px;transition:-webkit-transform .25s,-webkit-box-shadow .25s;transition:transform .25s,box-shadow .25s;transition:transform .25s,box-shadow .25s,-webkit-transform .25s,-webkit-box-shadow .25s}#main #center-top .hotsearch .searchbox a{color:#fff}#main #center-top .hotsearch .searchbox .hotsearch_title{line-height:24px;text-align:left;font-weight:600;margin-bottom:10px;width:100%}#main #center-top .hotsearch .searchbox .hotsearch_title .hotsearch_ico{height:20px;width:20px;margin-right:4px}#main #center-top .hotsearch .searchbox .hotsearch_title .hotsearch_ico_large{height:24px;width:24px;margin-right:4px}#main #center-top .hotsearch .searchbox .hotsearch_title .search_button{cursor:pointer;font-size:13px;color:#3d3d3d;float:right}#main #center-top .hotsearch .searchbox .layui-icon-loading:before,#main #center-top .hotsearch .searchbox-light a{color:#000}#main #center-top .hotsearch .searchbox .lineppp{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}#main #center-top .hotsearch .searchbox .light{cursor:pointer;position:absolute;left:-120%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.8),rgba(0,0,0,0));background-image:-webkit-linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.8),rgba(0,0,0,0));transform:skew(-25deg);-o-transform:skew(-25deg);-moz-transform:skew(-25deg);-webkit-transform:skew(-25deg)}#main #center-top .hotsearch .searchbox .hotsearch_loading{width:calc(100% + 10px);position:absolute;height:100%;z-index:100;top:0;left:-10px;background:#fff;opacity:.6;display:none}#main #center-top .hotsearch .searchbox .hotsearch_loading i{font-size:26px;margin-top:45%}#main #center-top .hotsearch .searchbox-light{background:linear-gradient(125deg,#eff4ff 5%,rgba(240,243,250,0) 104%),#fff!important}#main #center-top .hotsearch .searchbox-light .light{background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.8),rgba(255,255,255,0))!important;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.8),rgba(255,255,255,0))!important}#main #center-top .hotsearch .searchbox-dark{background:#18181b}#main #center-top .hotsearch .searchbox-dark .light{background-image:-webkit-linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.8),rgba(0,0,0,0))!important;background-image:-moz-linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.8),rgba(0,0,0,0))!important}#main #center-top .hotsearch .searchbox-dark a{color:#fff}@media (min-width:1500px){#main #center-top .hotsearch .searchbox{margin:0 15px}}#main #center-top .hotsearch .searchbox:hover .light{left:150%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:1s;transition:.6s}#main #center-top .hotsutils{margin:20px auto 0;height:265px;padding:0 10px;position:relative}#main #center-top .hotsutils .hotsutils_main{background:#18181b;padding-bottom:15px;border-radius:13px}#main #center-top .hotsutils .hotsutils_title{height:30px;line-height:30px;font-size:14px;padding:0 10px;color:#fff;font-weight:700}#main #center-top .hotsutils .hotsutils_title .sutils_title{float:left;margin-left:10px}#main #center-top .hotsutils .hotsutils_title .utils_title_btn{float:right;margin-right:10px}#main #center-top .hotsutils .hotsutils_title .utils_title_btn i{margin-left:4px;cursor:pointer}#main #center-top .hotsutils .hotflag{height:200px;width:100%;margin:10px auto 0;position:relative;overflow:hidden}#main #center-top .hotsutils .hotflagbox{width:300%;left:0;height:100%;position:relative}#main #center-top .hotsutils .hotflag .hotflagbox li{float:left;width:33.33%}#main #center-top .hotsutils .hotflag .hotflagbox li .hotflagroot{margin-left:2%}#main #center-top .hotsutils .hotflagbox .hotflagson{text-align:center;position:relative;float:left;width:13%;height:90px;margin-right:1%;margin-bottom:8px;border-radius:13px}#main #center-top .hotsutils .hotflagbox .hotflagson:hover{border-color:#db902f}#main #center-top .hotsutils .hotflagbox .hotflagson img{margin:20px auto 0;display:block;width:108px;height:54px;border-radius:13px}#main #center-top .hotsutils .hotflagbox .hotflagson .hotmiddle{position:absolute;top:2%;opacity:0;left:1.5%;width:97%;margin:0 auto;height:74%;border-radius:10px;padding-top:20px;background:#000}#main #center-top .hotsutils .hotmiddle .blacksline span{display:inline-block;width:20px;height:2px;background:#db902f}#main #center-top .hotsutils .hotmiddle .brandchnname{color:#db902f;font-size:18px;text-align:center}#main #center-top .hotsutils .hotflagbox li .hotflagson:nth-of-type(7n){margin-right:0}#main #center-top .hotsutils .hotflagbox .hotflagson:hover .hotmiddle{text-align:center;opacity:1}#main #center-top .hotsutils .hotflagbox .hotflagson .hotmiddle .brandchnname:hover{color:#db902f}#main #center-content{width:90%;max-width:1500px;margin:0 auto;overflow:hidden;min-height:400px;padding:0 15px}#main #center-content .web-content-box{margin-top:20px;color:#fff}#main #center-content .web-content-box .web-content-title{position:relative;margin-top:30px}#main #center-content .web-content-box .web-content-title .web-content-title-left{height:1px;width:calc((100% - 400px)/ 2);background:#392f41;position:absolute;top:50%}#main #center-content .web-content-box .web-content-title .web-content-title-center{width:400px;height:100px}#main #center-content .web-content-box .web-content-title .web-content-title-center .content-title-center_entitle{height:50px;line-height:50px;font-style:italic;font-size:34px;font-family:"Times New Roman",Times,serif;position:relative;transition:.25s}#main #center-content .web-content-box .web-content-title .web-content-title-center .content-title-center_entitle::after{content:"";position:absolute;display:inline-block;height:1px;background:#fff;border-radius:3px;bottom:2px;left:50%;width:0;transition:.65s}#main #center-content .web-content-box .web-content-title .web-content-title-center .content-title-center_title{font-size:20px;font-family:"STHeiti Light [STXihei]";color:#ddd;transition:.25s}#main #center-content .web-content-box .web-content-title .web-content-title-center:hover{cursor:pointer}#main #center-content .web-content-box .web-content-title .web-content-title-right{height:1px;width:calc((100% - 400px)/ 2);background:#392f41;position:absolute;top:50%;right:0}#main #center-content .web-content-box .web-content-title img{max-width:1300px;width:100%;height:100px}#main #center-content .web-content-box .web-content-module{width:100%}#main #center-content .web-content-box .web-content-module .content-module-box{width:100%;display:flex}#main #center-content .web-content-box .web-content-module .content-module-box .module-root{cursor:pointer;margin-top:25px;width:calc((100% - 320px)/ 4);height:140px;background:#2c2c32;padding:15px 25px 20px;margin-right:40px;overflow:hidden;-webkit-box-shadow:0 4px 8px rgba(31,45,61,.15);box-shadow:0 4px 8px rgba(31,45,61,.15);border-radius:13px;margin-bottom:15px;transition:-webkit-transform .25s,-webkit-box-shadow .25s;transition:transform .25s,box-shadow .25s;transition:transform .25s,box-shadow .25s,-webkit-transform .25s,-webkit-box-shadow .25s}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-top{height:80px;padding-top:20px;border-bottom:1px solid #444}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-top .module-root-left{float:left;height:100%;overflow:hidden;margin-right:10px}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-top .module-root-left img{width:40px;height:40px;margin-top:4px;border-radius:50%}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-top .module-root-right{float:left;text-align:left;width:calc(100% - 50px);height:100%}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-top .module-root-right .root-right-title{padding-top:4px;color:#fff;font-weight:700;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-top .module-root-right .root-right-content{color:#ddd;margin-top:4px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-bottom{line-height:30px;width:100%;padding-top:10px}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-bottom .module-root-icon{width:90%;display:flex;justify-content:space-between}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-bottom .module-root-icon span{height:36px;line-height:36px}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-bottom .module-root-icon span i{font-size:20px;color:#fff;margin-right:2px;float:left}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-bottom .module-root-icon span a{color:#fff;float:left}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-bottom .module-root-icon span:hover a,#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-bottom .module-root-icon span:hover i{color:#ff6900!important}@media (min-width:1500px){#main #center-content .web-content-box .web-content-module .content-module-box .module-root{height:160px;padding:20px 30px;width:calc((100% - 360px)/ 4)}#main #center-content .web-content-box .web-content-module .content-module-box .module-root .module-root-bottom{padding-top:20px}}@media (max-width:1200px){#main #center-content .web-content-box .web-content-module .content-module-box .module-root{width:calc((100% - 230px)/ 3)}}#main #center-content .web-content-box .web-content-module .module-root:last-child{margin-right:0}#main #center-content .web-content-box .module-root:hover{border:none;-webkit-transform:translateY(13px);transform:translateY(13px);-webkit-box-shadow:0 3px 5px rgba(31,45,61,.2);box-shadow:0 3px 5px rgba(31,45,61,.2)}#main #center-content .web-content-box .module-root:hover .root-right-title{color:#f1404b!important}#main #center-content .web-content-box:hover .content-title-center_entitle,#main #center-content .web-content-box:hover .content-title-center_title{color:#20a0ff!important}#main #center-content .web-content-box:hover .content-title-center_entitle::after{background:#20a0ff!important;left:calc(50% - 70px)!important;width:140px!important;height:2px!important}#main #center-content .web-content-box-light{color:#000}#main #center-content .web-content-box-light .web-content-title-left,#main #center-content .web-content-box-light .web-content-title-right{background:#f5f5f5!important}#main #center-content .web-content-box-light .content-title-center_title{color:#333!important}#main #center-content .web-content-box-light .module-root{background:linear-gradient(99deg,#eff4ff 5%,rgba(240,243,250,0) 104%),#fff!important}#main #center-content .web-content-box-light .module-root .root-right-title{color:#282a2d!important}#main #center-content .web-content-box-light .module-root .module-root-icon a,#main #center-content .web-content-box-light .module-root .module-root-icon i,#main #center-content .web-content-box-light .module-root .root-right-content{color:#6c757d!important}#main #center-content .web-content-box-light .module-root-top{border-bottom:1px solid #f1f1f1!important}#main #center-content .web-content-box:last-child{padding-bottom:20px}section .brandship_list{width:100%;height:330px;overflow:hidden;display:flex}section .brandship_list li{float:left;position:relative;flex:1;margin-right:2%;width:20%;height:100%}section .brandship_list li img{width:100%;height:100%;border-radius:10px}section .brandship_tbox{position:absolute;bottom:0;left:15%;width:70%;height:160px;overflow:hidden;z-index:1;cursor:pointer}section .brandship_tbox .brand_hide{background:#fff;width:100%;height:160px;position:absolute;top:100px;border-top-right-radius:13px;border-top-left-radius:13px;transition:.3s}section .brandship_tbox .brand_hide img{width:32px;height:32px;margin:10px auto 4px;display:block}section .brandship_tbox .brand_hide .splitline{width:105px;height:30px}section .brandship_tbox .brand_hide .blackbar{display:block;width:20px;height:2px;background:#000;margin:0 auto}.brand_hide .enbrand{font-size:14px;text-align:center;color:#000}.brand_hide .chnbrand{font-size:14px;text-align:center;color:#000;margin-top:5px;font-weight:700;margin-bottom:10px}.brand_hide .describe{font-size:12px;color:#333}section .brandship_list li:hover .brand_hide{top:0;transition:.3s}@media (max-width:1200px){#skeleton-brandship,section .brandship_list{height:280px}}@media (min-width:1500px){#skeleton-brandship,section .brandship_list{height:400px}}