.main-panel{padding-top: 57px;}
.main-container{position: relative;z-index: 1;margin-left: auto;margin-right: auto;width: 100%;}
.main-container .search-header{background-color: #fff;/* border-bottom: 1px solid #f2f2f2; */padding: 24px;padding-bottom: 21px;/* position: fixed; */top: 55px;width: 100%;z-index: 3;}
.main-container .search-header .search-searchBar{background-color: #f9f9f9;border: 1px solid #ccc;border-radius: 999px;display: flex;justify-content: center;left: 0;position: relative;right: 0;z-index: 3;}
.main-container .search-header .searchContainer{--result-padding-x: 36px;--result-font-size: 20px;position: relative;width: 100%;z-index: 1;}
.main-container .search-header .searchInputWrap{border: 1px solid transparent;height: 50px;background-color: #f9f9f9;border-radius: 50px;display: flex;width: 100%;}
.main-container .search-header .searchInputWrap .searchIcon{cursor: pointer;align-items: center;display: flex;justify-content: center;width: 68px;z-index: 1;}
.main-container .search-header .searchInputWrap .searchIcon .SearchTypeahead-icon-FI6{fill: dimgray;height: 23px;width: 23px;margin-left: 4px;}
.main-container .search-header .searchInputWrap .searchIcon:hover .SearchTypeahead-icon-FI6{fill: #fe6000;}
.main-container .search-header .searchInputWrap .searchForm{flex: 1;margin-right: 0;position: relative;z-index: 1;}
.main-container .search-header .searchInputWrap .searchInput-input{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;border: none;color: #191919;height: 100%;overflow: hidden;position: absolute;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-size: 16px;font-weight: 800;}

.main-container .search-header .searchInputWrap .searchColumn{background-color: transparent;}
.main-container .search-header .searchInputWrap .searchColumn .searchtxt{position: relative;display: flex;justify-content: center;line-height: 52px;width: 140px;align-items: center;font-size: 16px;cursor: pointer;}
.main-container .search-header .searchInputWrap .searchColumn .searchtxt .j_currrtype{font-size: 16px;color: #333333;font-weight: 800;}
.main-container .search-header .searchInputWrap .searchColumn .searchtxt .nabla{transition: all .2s;-webkit-transition: all .2s;width: 0;height: 0;border-right: 8px solid transparent;border-left: 8px solid transparent;border-top: 8px solid #666666;margin-left: 8px;}
.main-container .search-header .searchInputWrap .searchColumn:hover .nabla{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.main-container .search-header .searchInputWrap .searchColumn .search-select-box{position: absolute;top: 52px;left: 0;background: #FFF;border-radius: 12px;-webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);width: 140px;padding: 15px 0;display: none;}
.main-container .search-header .searchInputWrap .searchColumn:hover .search-select-box{display: block;}
.main-container .search-header .searchInputWrap .searchColumn .search-select-box li{line-height: 40px;display: block;text-align: center;font-weight: 800;font-size: 16px;color: #333333;cursor: pointer;}
.main-container .search-header .searchInputWrap .searchColumn .search-select-box li:hover{background-color: #F9F9F9;color: #fe6000;}
.main-container .search-header .searchInputWrap .searchColumn .search-select-box li.item-active{background-color: #fe6000;color: #fff;}

.main-container .search-header .searchInputWrap .searchPic{cursor: pointer;align-items: center;display: flex;justify-content: center;z-index: 1;position: relative;}
.main-container .search-header .searchInputWrap .searchPic:hover path{fill:#fe6000;}
.main-container .search-header .searchInputWrap .searchPic .sotu-title{width: 70px;line-height: 22px;font-size: 12px;background: rgba(0,0,0,0.4);border-radius: 2px;text-align: center;color: #fff;position: absolute;top: 50px;left: -20px;z-index: 100;font-style: normal;display: none;}
.main-container .search-header .searchInputWrap .searchPic:hover .sotu-title{display: block;}

.filter-filterBar{display: flex;height: 60px;position: relative;width: 100%;z-index: 2;}
.filter-filterBar .filterControls{flex: 1;overflow: hidden;position: relative;}
.filter-filterBar .filterControls .filterBar-filters{-ms-overflow-style: none;scrollbar-width: none;align-items: center;display: flex;height: 100%;left: 0;overflow: auto;padding-top: 28px;position: absolute;right: 0;}
.filter-filterBar .filterControls .filterBar-filters .item-filters{float: left;list-style: none;border: 1px solid #eee;padding: 5px 20px;margin: 0px 5px;color: #000;border-radius: 20px;}
.filter-filterBar .filterControls .filterBar-filters .item-filters.active,.filter-filterBar .filterControls .filterBar-filters .item-filters:hover{background-color: #eee;}
.filter-filterBar .filterBar-sortMenu{margin-left: auto;padding-top: 30px;position: relative;}
.filter-filterBar .filterBar-sortMenu .menu-item{float: left;list-style: none;border: 1px solid #eee;padding: 5px 20px;margin: 0px 5px;color: #000;border-radius: 5px;}
.filter-filterBar .filterBar-sortMenu .menu-item.active,.filter-filterBar .filterBar-sortMenu .menu-item:hover{background-color: #eee;}

.main-container .search-header .tabNavigation{background-color: #fff;border-bottom-right-radius: 999px;border-left: 1px solid #ccc;border-top-right-radius: 999px;float: right;}
.main-container .search-header .tabNavigation .tabList{align-items: center;display: flex;justify-content: space-evenly;padding: 10px 17px;}
.main-container .search-header .tabNavigation .tabList .tabItem{border-color: #191919;color: #fff;padding-right: 8px;position: relative;}
.main-container .search-header .tabNavigation .tabList .tab-Link{align-items: center;border-radius: 999px;cursor: pointer;display: flex;font-size: 14px;font-weight: 600;justify-content: center;padding: 6px 13px 6px 12px;text-align: center;white-space: nowrap;}
.main-container .search-header .tabNavigation .tabItem:hover .tab-Link{background-color: #f2f2f2;text-decoration: none;}
.main-container .search-header .tabNavigation .tabList .link-active{background-color: #191919;color: #fff;text-decoration: none;}
.main-container .search-header .tabNavigation .tabItem:hover .link-active{background-color: #191919;color: #fff;text-decoration: none;}
.main-content{background-color: #fff;margin-left: auto;margin-right: auto;max-width: 2968px;/* padding-top: 180px; */z-index: 1;}
.main-content .filtersAndContent{position: relative;width: 100%;}
.main-content .filtersAndContent .content-grid{height: auto;padding: 0 24px;padding-bottom: 60px;}
.main-content .filtersAndContent .gridWrap{display: flex;justify-content: center;padding-bottom: 20px;}
.gridWrap .grid-ul{display: flex;flex: 1;flex-wrap: wrap;justify-content: left;margin-left: -10px;margin-right: -10px;margin-top: -10px;position: relative;z-index: 1;}
.gridWrap .grid-ul .gridItem-list{width: 100%;position: relative;padding: 10px;}
@media screen and (min-width: 604px)and (max-width: 876px){.gridWrap .grid-ul .gridItem-list{width:50%}}
@media screen and (min-width: 877px)and (max-width: 1300px){.gridWrap .grid-ul .gridItem-list{width:33.3333333333%}}
@media screen and (min-width: 1301px)and (max-width: 1724px){.gridWrap .grid-ul .gridItem-list{width:25%}}
@media screen and (min-width: 1725px)and (max-width: 2148px){.gridWrap .grid-ul .gridItem-list{width:20%}}
@media screen and (min-width: 2149px)and (max-width: 2592px){.gridWrap .grid-ul .gridItem-list{width:16.6666666667%}}
@media screen and (min-width: 2593px){.gridWrap .grid-ul .gridItem-list{width:14.2857142857%}}
@media(max-width: ){.gridWrap .grid-ul .gridItem-list{left:auto}}
.gridWrap .grid-ul .gridItem-list .model-cover{margin-left: auto;margin-right: auto;max-width: 404px;}
.gridWrap .grid-ul .gridItem-list:hover .model-cover{transform: translateY(-5px);transition: transform .3s;}
.gridWrap .grid-ul .gridItem-list .project-cover{position: relative;}
.gridWrap .grid-ul .gridItem-list .cover-wrapper{background-color: #f2f2f2;border-radius: 4px;display: block;padding-top: 100%;position: relative;width: 100%;}
.gridWrap .grid-ul .gridItem-list .cover-wrapper .cover-img{border-radius: 4px;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.gridWrap .grid-ul .gridItem-list .cover-wrapper .cover-img img{-o-object-fit: cover;object-fit: cover;transition: opacity .15s linear;width: 100%;will-change: transform;height: 100%;left: 0;position: absolute;top: 0;border-radius: 4px;display: block;overflow: hidden;}
.gridWrap .grid-ul .gridItem-list .cover-wrapper .cover-show{color: #fff;display: flex;flex-direction: column;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.gridWrap .grid-ul .gridItem-list .cover-wrapper .featureFlags{display: flex;position: absolute;left: 10px;top: 0;z-index: 5;opacity: 0;}
.gridWrap .grid-ul .gridItem-list:hover .cover-wrapper .featureFlags{opacity: 1;}
.gridWrap .grid-ul .gridItem-list .cover-wrapper .featureFlags .cover-feature{margin-top: 10px;margin-left: 5px;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);background: rgba(25,25,25,.65);border-color: transparent;color: #fff;border: 1px solid transparent;border-radius: 100px;cursor: pointer;padding: 4px 8px;display: inline-block;font-size: 12px;line-height: 1;transition-duration: 300ms;transition-property: color,background,border;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.gridWrap .grid-ul .gridItem-list .cover-wrapper .featureFlags .trigger-mq{}
.gridWrap .grid-ul .gridItem-list .cover-wrapper .featureFlags .trigger-vip{}
.cover-contrast{position: absolute;right: 16px;top: 16px;z-index: 1;}
.cover-contrast .js_popup{left: 5px;}
.cover-contrast .sopic_jsclick{left: 10px;}
.cover-contrast .collect_jsclick,.cover-contrast .sopic_jsclick{display: block;width: 24px!important;height: 24px!important;background: rgba(0,0,0,.6);border-radius: 6px;margin-bottom: 8px;color: #fff;font-size: 24px;line-height: 22px;opacity: 0;cursor: pointer;-webkit-transition: left .5s,opacity .2s;transition: left .5s,opacity .2s;position: relative;}
.gridWrap .gridItem-list:hover .cover-contrast .sopic_jsclick, .gridWrap .gridItem-list:hover .cover-contrast .collect_jsclick{opacity: 1;left: 0;}
.cover-contrast .icon{width: 1em;height: 1em;vertical-align: -.15em;fill: currentColor;overflow: hidden;}
.cover-contrast .icon:hover{color:#ff6000;}
.cover-contrast .balloon-tips{padding: 0 6px;height: 24px;line-height: 24px;background: rgba(29,33,41,0.6);border-radius: 2px 2px 2px 2px;opacity: 1;font-size: 12px;font-weight: 400;color: #FFFFFF;position: absolute;right: 12px;top: 0;transition: all .1s;-webkit-transition: all .1s;transform: scale(0.8);white-space: nowrap;visibility: hidden;}
.cover-contrast .collect_jsclick:hover .balloon-tips,.cover-contrast .sopic_jsclick:hover .balloon-tips{opacity: 1;right: 32px;background: rgba(29,33,41,.9);-webkit-transform: scale(1);transform: scale(1);visibility: visible;}
.gridWrap .grid-ul .gridItem-list .cover-details{display: flex;position: relative;width: 100%;margin: 10px 0;max-width: initial;}
.gridWrap .grid-ul .gridItem-list .cover-details .cover-info{padding-right: 15px;text-align: left;width: 100%;}
.gridWrap .grid-ul .gridItem-list .cover-details .cover-info .title-ner{color: inherit;display: inline-block;font-size: 15px;font-weight: bold;margin-bottom: -2px;max-height: 43px;max-width: 100%;overflow: hidden;padding-bottom: 2px;pointer-events: all;text-overflow: ellipsis;}
.gridWrap .grid-ul .gridItem-list .cover-details .cover-info .title-ner:hover{text-decoration: underline;}
.gridWrap .grid-ul .gridItem-list .cover-details .cover-stats{align-self: flex-start;pointer-events: initial;font-size:13px;display: flex;align-items: center;font-weight: bold;margin-left: auto;white-space: nowrap;}
.footer-global{align-items: center;-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: #fff;border-top: 1px solid #e1e1e1;bottom: 0;display: flex;height: 33px;left: 0;position: fixed;width: 100%;z-index: 2;}
.footer-global .footer-skip{font-family: inherit;font-size: 11px;font-weight: bold;color: dimgray;cursor: pointer;font-weight: bold;margin-bottom: 0;margin-top: -7.5px;padding: calc(7.5px * 2) 25px 7.5px;position: relative;text-align: center;}
.footer-global .footer-skip::after{content: "";display: inline-block;left: 3px;position: relative;top: -2px;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 3px solid dimgray;height: 0;width: 0;}
.footer-global .footer-skip::before{position: absolute;top: 50%;transform: translateY(-50%);border-right: 1px #afafaf solid;content: "";height: 15px;margin-top: 5px;position: absolute;right: 0;width: 1px;}
. .footer-skip:hover::after{transform: rotate(180deg);}
.friendship-links{align-self: flex-start;display: inline-flex;justify-content: center;margin-bottom: -6px;padding-bottom: 6px;position: relative;}
.friendship-links .links-topHitbox{height: calc(100% + 5px + 6px);bottom: 0;position: absolute;width: 100%;z-index: 1;}
.friendship-links .links-url{justify-content: center;cursor: initial;padding: 10px 0px;bottom: calc(100% + 5px + 6px);left: 20px;background-color: #fff;color: #191919;filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));border-radius: 6px;position: absolute;will-change: transform;z-index: 100;display: none;}
.friendship-links:hover .links-url{display: flex;}
.friendship-links .links-url .links-triangle{position: absolute;bottom: -6px;transform: initial;left: 10px;}
.friendship-links .links-url .links-sub{border-color: transparent;border-style: solid;border-width: 7px;height: 0;position: absolute;width: 0;border-top-color: #fff;transform: initial;}
.friendship-links .links-url .links-mask{background: #fff;height: 6px;top: -6px;left: -2px;position: relative;width: 16px;}
.friendship-links .links-url .links-tipMore{width: 195px;}
.friendship-links .links-url .links-tipMore .links-Item{font-family: inherit;font-size: 11px;font-weight: bold;align-items: center;color: dimgray;display: flex;padding-right: 7px;}
.friendship-links .links-url .links-tipMore .links-Item:hover{background: #ff6000;color: #fff;}
.friendship-links .links-url .links-tipMore .links-Item a{color: inherit;display: flex;padding: 6px 20px;width: 100%;}
.footer-global .Tooltip-wrapper{align-items: center;display: flex;height: 20px;list-style: none;padding-left: 20px;}
.footer-global .Tooltip-wrapper p{font-family: inherit;font-size: 12px;color: dimgray;margin-right: 10px;}

.footer-global .toolright-nav{align-items: center;display: flex;margin-right: 25px;position: fixed;right: 0;}
.footer-global .toolright-nav .activator{cursor: pointer;display: block;position: relative;width: inherit;z-index: 3;}
.footer-global .toolright-nav .activator .qrcodeimg{width:26px;height:26px;}
.footer-global .toolright-nav .activator .qrcode-mask::before{position: absolute;left: -120px;top: -18px;content: '';width: 150px;height: 20px;}
.footer-global .toolright-nav .activator:hover .qrcode-tooltip{visibility: visible;opacity: 1;display: block;-webkit-transform: scale(1);transform: scale(1);}
.footer-global .toolright-nav .activator .qrcode-tooltip{opacity: 0;position: absolute;width: 360px;right: 0px;bottom: 35px;padding: 25px;background-color: #fff;z-index: 303;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);border-radius: 4px;transform: scale(.01);-webkit-transform: scale(.01);transform-origin: 100% 95%;-webkit-transform-origin: 100% 95%;transition: opacity .25s,-webkit-transform .3s;transition: opacity .25s,transform .3s;transition: opacity .25s,transform .3s,-webkit-transform .3s;-webkit-transition: opacity .25s,transform .3s;}
.footer-global .toolright-nav .activator .qrcode-tooltip .kf-top{display: flex;margin-bottom: 25px;border-bottom: 1px solid #E0E0E0;padding-bottom: 25px;}
.footer-global .toolright-nav .activator .qrcode-tooltip .kf-top p{line-height: 30px;font-size:16px;}
.footer-global .toolright-nav .activator .qrcode-tooltip .kf-top p:nth-child(2){color: #333;font-size: 26px;font-weight: bold;line-height: 40px;border-radius: 5px;margin: 5px 0;}
.footer-global .toolright-nav .activator .qrcode-tooltip .kf-bottom{display: flex;}
.footer-global .toolright-nav .activator .qrcode-tooltip .kf-bottom img{width: 150px;height: 150px;}
.footer-global .toolright-nav .activator .qrcode-tooltip .kf-bottom .text{margin-top: 30px;text-align: center;}
.footer-global .toolright-nav .activator .qrcode-tooltip .kf-bottom .text div{margin: 10px 0;}
.footer-global .toolright-nav .activator .qrcode-tooltip .kf-bottom .text div.t1{font-size: 20px;font-weight: bold;}
.footer-global .toolright-nav .backtop{margin-left:15px;display: inherit;cursor: pointer;}
.footer-global .toolright-nav .backtop .icon{width:24px;height:24px;}
.footer-global .toolright-nav .backtop:hover .icon .selected{fill:#fe6000;}
.going-out{text-align: center;padding: 20px 0;color: #999;font-size: 14px;letter-spacing: 1px;}

/*列表分页*/
.listjump{clear:both;padding:20px 0;text-align:center;overflow:hidden;}
.listjump span,.listjump a{padding:0 12px;line-height:34px;height:34px;display:inline-block;font-size:16px; vertical-align:middle;}
.listjump span{color:#777;}
.listjump a{color:#444;}
.listjump span.unpage{background:#fe6400;color:#fff; border-radius:5px;}
.listjump a:hover{line-height:34px; height:34px; text-decoration:none;color:#fe6400;}
.listjump a.cur,.page a.cur:hover{background:#fe6400; height:32px; line-height:32px; color:#fff;}
.listjump .pagination{display: inline-block; padding-left: 0;}
.listjump .pagination li{display: inline;}
.listjump .pagination li a,.pagination li span{position: relative; font-size:14px; float: left; color: #393D49; background: #fff; margin: 0 0 0 4px; border: 1px solid #eee; border-radius:5px;}
.listjump .pagination li a:hover{color: #fff;background: #fe6400;}
.listjump .pagination .active span{background: #fe6400;color: #fff;}
.listjump .pagination li.disabled span{pointer-events: none;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.listjump .pagination li.disabled span:hover{background: #e2e2e2; border-color: #ddd; color: #666; cursor: not-allowed;}

.autocomplete-suggestions {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #EEEEEE;border-radius:0px 0px 5px 5px;background: #FFF;cursor: default;line-height: 40px;z-index: 9;overflow: auto;transform: translateY(-2px);-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);}
.autocomplete-suggestion {color: #333333;font-size: 14px;padding: 2px 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;position: relative;}
.autocomplete-selected {background: #f5f5f5;}
.autocomplete-suggestions strong {color: #fe6400;font-weight: normal;}