.they-main .banner{height:200px;overflow:hidden}.they-main .banner img{width:100%}.they-main div.base-container{min-height:60vh}@media screen and (min-width:1920px){.they-main div.base-container{width:1440px}}.they-main .navs{height:50px;padding-left:160px;position:relative}.they-main .navs .userinfo{position:absolute;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex}.they-main .navs .userinfo .avatar{height:140px;width:140px;z-index:0;position:relative;background:#fff;border:2px solid hsla(0,0%,100%,.6);-webkit-box-shadow:1px 2px 3px 0 rgba(0,0,0,.1);box-shadow:1px 2px 3px 0 rgba(0,0,0,.1)}.they-main .navs .userinfo .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.they-main .navs .userinfo .avatar p{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:28px;line-height:28px;background:rgba(0,0,0,.5);color:#fff;font-size:14px;text-align:center;cursor:pointer}.they-main .navs .userinfo div.info{width:300px;position:relative;color:#fff}.they-main .navs .userinfo div.info div.content{position:absolute;bottom:56px;left:0;width:100%;padding:0 20px}.they-main .navs .userinfo div.info div.content div.name{font-size:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.they-main .navs .userinfo div.info div.content p{padding-top:8px;font-size:14px;line-height:22px;width:100%;word-break:break-all;word-wrap:break-word}.they-main .navs div.nav{height:100%;line-height:49px;text-align:center;border-bottom:1px solid #e7e7e7;font-size:16px;color:#666;position:relative;z-index:10}.they-main .navs div.nav span{border-bottom:1px solid transparent;display:inline-block;margin:0 33px;cursor:pointer}.they-main .navs div.nav span i{padding:0 6px;color:#ccc;font-size:18px;position:relative;top:-6px}.they-main .navs div.nav span.active{color:#23b8ff;border-color:#23b8ff;font-weight:700}.they-main .navs div.nav span.active i{color:#23b8ff}.they-main ul.list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:40px}.they-main ul.list li{width:305px;margin-left:20px;margin-bottom:20px;position:relative;-webkit-box-shadow:0 4px 20px 0 #e7e7e7;box-shadow:0 4px 20px 0 #e7e7e7;cursor:pointer}@media screen and (min-width:1920px){.they-main ul.list li{width:345px}}.they-main ul.list li:nth-child(4n+1){margin-left:0}.they-main ul.list li div.box{position:absolute;left:0;top:0;width:100%}