.row{display:flex;flex-direction:row;padding:0 30px}.index{background:#f8f8f8;overflow:hidden}.wrapper{max-width:1300px;margin:0 auto}.header{width:100%;height:60px;line-height:60px;background:#fff}.header .logo a{display:block}.header .logo img{height:40px;padding:10px}.header .layui-nav{display:flex;flex:auto;justify-content:flex-end;background:0 0;margin-left:20px;transition:all .3s}.header .layui-nav-item>a,.header .layui-nav-item>a:hover,.header .layui-this>a{color:#333}.header .hamburger{height:60px;padding:0 15px;border:none;background:0 0;outline:0;cursor:pointer;position:absolute;left:0;z-index:2}.header .hamburger .icon-line{display:block;margin:6px 0;width:25px;height:2px;background:#999;cursor:pointer;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;-o-transition:all .4s ease}.header .hamburger .middle{margin:0 auto}.m-header .hamburger .top{transform:translateY(8px) rotateZ(45deg);-ms-transform:translateY(8px) rotateZ(45deg);-moz-transform:translateY(8px) rotateZ(45deg);-webkit-transform:translateY(8px) rotateZ(45deg);-o-transform:translateY(8px) rotateZ(45deg)}.m-header .hamburger .middle{width:0}.m-header .hamburger .bottom{transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-webkit-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg)}.float-header{position:absolute;top:0;z-index:3;background:0 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid rgba(255,255,255,.2)}.float-header .layui-nav-item>a,.float-header .layui-nav-item>a:hover,.float-header .layui-this>a{color:#fff}.m-header .layui-nav{top:60px!important}.m-header .layui-nav-item>a,.m-header .layui-nav-item>a:hover,.m-header .layui-this>a{color:#333}#content{width:100%;height:100%;overflow:hidden}.banner{height:600px;position:relative;background-color:#e5e5e5;display:flex;justify-content:center;align-items:center;flex-direction:column}.banner-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#5a3694 0,#13bdce 33%,#2a7b9b 66%,#6fc7b5 100%);background-size:400% 400%;animation:gradientMove 15s ease infinite}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 0}100%{background-position:0 50%}}.banner-mask{position:absolute;width:100%;height:100%;z-index:2;background:rgba(0,0,0,.1);background-image:url(assets/images/ai-icon.png);background-repeat:no-repeat;background-position:center}.search{width:800px;z-index:2;margin-bottom:30px;position:relative;box-sizing:border-box}.search h2{text-align:center;font-weight:400;color:#fff;font-size:40px;padding-bottom:40px}.search .search-type{display:flex;justify-content:center;align-items:center}.search-type #search-type-list>i{font-size:14px;padding-right:0;padding-left:3px}.search .search-type ul{display:flex;align-items:center}.search .search-type ul li,.search-type #search-type-list{margin:0 12px;padding:15px 2px;color:#fff;opacity:.6;cursor:pointer}.search .search-type li.active{opacity:1;position:relative}.search .search-type li.active::after{content:'';position:absolute;left:8px;bottom:8px;width:calc(100% - 16px);height:2px;background:#16b777}.engine .engine-list{padding:10px 15px}.engine .engine-list ul{display:flex;align-items:center;padding:8px 0}.engine .engine-list ul li{padding:0 5px;margin:0 5px;cursor:pointer;opacity:.3}.engine .engine-list ul li:first-child{opacity:1}.banner .search-input-wrapper{position:relative;display:flex;justify-content:center;border-radius:6px;overflow:hidden}.banner .search-input-wrapper input{flex:1;line-height:50px;border:1px solid #fff;padding:0 20px}.banner .search-input-wrapper input:focus{border-color:#16b877;border-right:none}input::-webkit-input-placeholder{letter-spacing:1px;color:#ccc}.banner .search-input-wrapper button{width:80px;height:auto;background:#16b777;border:none;color:#fff;font-weight:700;outline:0;cursor:pointer}.banner .search-input-wrapper button i{font-size:25px}.banner .search-input-wrapper #search-clear{position:absolute;right:95px;top:calc(50% - 11px);display:none;width:26px;line-height:26px;text-align:center;font-size:25px;padding:0;opacity:.2;cursor:pointer}.banner .search-input-wrapper #search-clear:hover{opacity:.4}.search-suggest{position:absolute;left:0;margin-top:10px;padding:10px 0;width:100%;background:#fff;border-radius:6px;overflow:hidden;display:none;box-shadow:rgba(0,0,0,.12) 0 4px 19px 0}.search-suggest-item{line-height:36px;padding:0 20px;cursor:pointer}.search-suggest li.active,.search-suggest-item:hover{background:#f5f5f5}.textlink{position:relative;z-index:2;width:800px}.textlink ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -5px}.textlink ul li{max-width:160px;text-align:center;margin-bottom:10px;padding:0 5px;box-sizing:border-box}.textlink ul li a{display:block;width:100%;padding:0 10px;font-size:12px;line-height:30px;color:#fff;background:rgba(0,0,0,.2);border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;opacity:.8}.textlink ul li a:hover{opacity:1}.main-wrapper{max-width:1900px;margin:40px auto 30px auto;padding:0 30px;position:relative}.menu li{display:block;width:100%;margin-bottom:5px}.menu li a{display:block;width:100%;line-height:20px;padding:10px 16px;border-radius:10px;color:#5a5a5a;box-sizing:border-box;display:flex;align-items:center}.menu li a:hover{background:#fff}.menu li.active a,.menu li.active a:hover{background:#16b777;color:#fff}.menu li>a i{margin-right:10px;font-size:20px}.main{max-width:1700px;margin-left:200px}.item{width:100%}.item-head{position:relative;max-width:100%;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.item-head .left,.item-head .right{display:flex;align-items:center}.item-head h3{font-size:18px;font-weight:400;color:#444;line-height:46px;margin-left:5px}.item-head h3 i{padding-right:10px;font-size:20px;vertical-align:-1px}.item-body{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -10px 0}.banner-ad{width:100%;max-width:1700px;max-height:120px;overflow:hidden;border-radius:10px;margin:25px 0}.footer{width:100%;height:100%;margin-top:30px;background:#fff;overflow:hidden;position:relative}.footer .link{border-bottom:1px solid #fafafa;padding:20px 0}.footer .link a{color:#999;margin:0 7px}.footer .copyright{padding-top:30px;text-align:center;color:#999}.footer .copyright a{color:#999}.content{padding:20px 0}.content .head{padding:25px 25px 5px 25px;background:#fff;border-radius:10px;margin-top:25px}.content .filter{display:flex;margin-bottom:20px;align-items:center}.filter ul{display:flex}.filter ul>li{margin:0 8px}.filter ul>li.active{background:#16b777;border-radius:15px}.filter ul>li.active a{color:#fff}.filter ul>li>a{display:block;line-height:30px;padding:0 15px}.list-items{margin-top:20px}.list-items .list-item{display:flex;justify-content:space-between;margin-bottom:20px;padding:20px;background:#fff;border-radius:6px;overflow:hidden}.list-item .list-item-main{flex:1;padding-right:50px}.list-item-info{display:flex;align-items:center;margin-bottom:15px}.list-item-info h4{font-size:16px}.list-item-info-img{width:32px;height:32px;border-radius:16px;overflow:hidden;margin-right:15px}.list-item-info-img img{width:100%}.list-item-des{margin-bottom:15px;line-height:25px}.list-item-footer{display:flex}.list-item-footer li{display:flex;align-items:center;margin-right:25px;color:rgba(0,0,0,.45)}.list-item-footer li>i{margin-right:3px}.list-item-img{width:235px}.list-item-img a{display:block;width:100%;height:100%}.list-item-img a img{width:100%}.page{display:flex;justify-content:center;padding-top:10px}.page-list li{display:inline-block}.page-list li a{display:block;vertical-align:middle;padding:0 18px;height:32px;line-height:32px;margin:0 3px;background-color:#fff;color:#333;cursor:pointer;border:1px solid #eee}.page-list li a:hover{color:#16b777}.page-list li.page-curr a{background-color:#16baaa;color:#fff}.page-list li.page-disabled a{color:#d2d2d2!important;border-color:#eee!important;cursor:not-allowed!important}.page-list li.page-spr a{color:#999;font-weight:700}.page-list li.page-spr:hover a{cursor:initial;color:#999;border-color:#eee}.details{margin:20px 0}.details .head{display:flex;padding:25px;background:#fff;border-radius:10px;overflow:hidden}.details .item-icon{width:250px;height:250px;background:#f9f9f9;border-radius:10px;display:flex;align-items:center;justify-content:center}.details .item-icon>img{width:60px;max-width:60px}.details .item-info{flex:1;margin-left:30px;margin-right:50px}.details .item-info h1{margin-top:10px;font-size:28px;font-weight:700}.details .item-info p{margin-top:15px}.details .item-info .summary{font-size:16px;margin-top:8px}.details .item-info .attribute{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center}.details .item-info .link a{color:#16b777}.details .item-info .attribute li{width:33.33%;margin-bottom:15px}.details .item-info .attribute li i{padding-left:0;vertical-align:-2px;font-size:18px}.details .content{padding:25px;margin:20px 0;background:#fff;border-radius:10px;overflow:hidden}.details .content img{max-width:100%}.details .suggest{margin-bottom:50px}.details .suggest .card{width:25%}.ad-box-1{width:350px;overflow:hidden}.ad-box-1 img{width:100%}.content-box{margin:55px 0 25px 0;padding:50px 60px;background:#fff;border-radius:10px;min-height:160px}.content-box .title{position:relative;display:flex;align-items:center;margin-bottom:25px}.content-box .title h1,.content-box .title h2{font-size:24px;font-weight:500}.content-box .title i{color:#16b777;font-size:24px;margin-right:10px;padding-left:0}.content-box .title img{position:absolute;right:0;top:-20px;width:223px}.content-box .text{line-height:30px}.comment{margin-bottom:25px;padding:50px;background:#fff;border-radius:10px}.sidebar{width:150px;position:absolute;top:0}.sidebar-fixed{position:fixed;top:30px;height:auto}.sidebar-absolute{position:absolute;top:auto;bottom:0}.sidebar::after{content:'';position:absolute;bottom:0;z-index:2;width:150px;height:100px;background:linear-gradient(to bottom,rgba(248,248,248,0),#f8f8f8);pointer-events:none;display:block}.sidebar::before{content:'';position:absolute;top:-15px;z-index:2;width:150px;height:100px;background:linear-gradient(to top,rgba(248,248,248,0),#f8f8f8);pointer-events:none;display:none}.sidebar.hide-bottom-mask::after{display:none}.sidebar.show-bottom-mask::after{display:block}.sidebar.show-top-mask::before{display:block}.sidebar-menu{position:relative;max-height:calc(100vh - 50px);overflow-x:hidden;overflow-y:auto}.sidebar-menu:hover{overflow-y:auto;scrollbar-gutter:stable}.sidebar-menu::-webkit-scrollbar{width:0}.sidebar-menu::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.sidebar-menu::-webkit-scrollbar-track{background:#f1f1f1}#side-tools{position:fixed;right:15px;bottom:100px}#side-tools li{position:relative}#side-tools .tools-item a{position:relative;display:block;width:40px;height:40px;line-height:40px;color:#6b7184;text-align:center;border-radius:3px;background:#fff;margin-top:10px;overflow:hidden;-webkit-box-shadow:0 1px 3px rgba(26,26,26,.1);box-shadow:0 1px 3px rgba(26,26,26,.1)}#side-tools .tools-item a::after{content:attr(data-tooltip);width:40px;position:absolute;left:0;top:40px;font-size:12px;color:#fff;line-height:15px;background:#16b777;padding:6px 3px 4px 3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}#side-tools .tools-item a:hover::after{top:0}#side-tools .tools-item a i{margin:0;font-size:22px}.iconfont,.layui-icon{padding:0 5px}.tag{background:#f1f7fc;color:#9ca7ae;height:20px;line-height:20px;margin-right:5px;position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;border-radius:2px}.card{width:20%;padding:0 10px;margin-bottom:20px;box-sizing:border-box;position:relative}.card .card-box{display:flex;flex-wrap:wrap;padding:20px;background:#fff;border-radius:10px;position:relative;top:0;transition:all .3s}.card:hover .card-box{top:-5px;box-shadow:0 4px 20px rgba(0,0,0,.04)}.card:hover .card-box .title h4{color:#16b777}.card .card-info{display:flex;align-items:center;overflow:hidden}.card .card-info .logo{width:40px;height:40px;flex:0 0 auto}.card .card-info .logo img{width:100%;border-radius:40px;overflow:hidden}.card .card-info .title{padding-left:10px}.card .card-info .title h4{color:#444;font-weight:700;overflow:hidden;font-size:16px;padding:3px 0 2px;line-height:20px;margin-bottom:0;transition:all .3s}.card .card-info .title p{color:#999;overflow:hidden;line-height:20px;height:20px;font-size:12px;letter-spacing:1px;margin-bottom:0}.card .card-footer{display:flex;justify-content:space-between;align-items:center;flex:100%;margin-top:15px}.card .card-footer .hits{font-size:12px;color:rgba(0,0,0,.85);display:flex;align-items:center}.card .access{position:absolute;top:8px;right:40px;width:35px;height:35px;line-height:35px;text-align:center;opacity:0;transition:all .3s}.card:hover .access{opacity:.6;top:5px;right:22px}.card .access i{font-size:25px}@media screen and (max-width:768px){.header{position:fixed;background:#fff;backdrop-filter:none;z-index:99}.header .row{padding:0;flex-direction:column}.header .logo{text-align:center;border-bottom:1px solid #eee;background:#fff;z-index:2}.header .layui-nav{flex-direction:column;background:#fff;box-shadow:0 10px 10px 0 rgb(0 0 0 / 10%);margin-left:0;padding:0 25px;position:absolute;top:-300px;width:100%;z-index:1}.banner{height:450px}.search{padding:0 30px;width:100%}.search h2{font-size:26px;padding-bottom:25px}.search .search-type ul li,.search-type #search-type-list{margin:0 5px}.banner .search-input-wrapper input{border-radius:0;line-height:40px}.banner .search-input-wrapper button{width:55px}.banner .search-input-wrapper button i{font-size:20px}.banner .search-input-wrapper #search-clear{right:65px}.search-suggest{margin-top:5px;width:calc(100% - 60px);left:30px}.main-wrapper{padding:0 20px}.main{margin-left:0}.card,.details .suggest .card{width:100%;padding:0 5px;margin-bottom:15px}.card .card-box{padding:15px}.card .card-info .logo{width:35px;height:35px}.card .card-info .title h4{font-size:15px;padding:3px 0 0}.card .card-footer{margin-top:10px}.tag{padding:0 5px;transform:scale(.9)}.content .head{padding:25px 15px 2px 15px}.content .filter{margin-bottom:10px}.filter ul{flex-wrap:wrap;justify-content:flex-start}.filter ul>li{margin-bottom:15px}.filter ul>li>a{line-height:26px;padding:0 13px}.list-item .list-item-main{padding-right:15px}.list-item-footer li{margin-right:10px}.list-item-img{width:130px;display:flex;align-items:center;justify-content:center}.list-item-img a{height:auto}.content,.details{margin:80px 15px 0 15px}.details .head{flex-direction:column;align-items:center}.details .item-icon{width:160px;height:160px;margin-top:30px;margin-bottom:15px}.details .item-info{margin:0;text-align:center}.details .item-info .attribute{text-align:left;border-top:1px dashed #eee;padding-top:20px}.details .item-info .attribute li{width:50%}.content{padding:0}.content-box{padding:30px 25px}.content-box .title{margin-bottom:15px}.comment{padding:30px 20px}.footer .copyright a{display:block;margin-top:10px}}@media screen and (min-width:769px) and (max-width:1024px){.main{margin-left:0}.card{width:33.33%}}@media screen and (min-width:1025px) and (max-width:1199px){.main{margin-left:0}.card{width:33.33%}}