.self-main .banner{width:100%;height:200px;overflow:hidden;position:relative}.self-main .banner .bannerShade{width:100%;position:absolute;z-index:1;height:200px;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.85)),to(transparent));background:linear-gradient(90deg,rgba(0,0,0,.85),transparent)}.self-main .banner img{position:absolute;z-index:2;width:100%}.self-main div.self-base-container{min-height:80vh}@media screen and (min-width:1920px){.self-main div.self-base-container{width:1440px}}.self-main div.self-base-container div.nodata{text-align:center;margin-top:15vh}.self-main div.self-base-container div.nodata>img{max-width:100%;max-height:100%;margin-bottom:15px}.self-main div.self-base-container div.nodata>p{text-align:center;font-size:16px;color:#999}.self-main .navs{height:50px;padding-left:160px;position:relative}.self-main .navs .userinfo{position:absolute;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2}.self-main .navs .userinfo .avatar{height:140px;width:140px;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)}.self-main .navs .userinfo .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.self-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}.self-main .navs .userinfo div.info{position:relative;color:#fff}.self-main .navs .userinfo div.info div.content{width:100%;padding:0 20px}.self-main .navs .userinfo div.info div.content div.name{font-size:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.self-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}.self-main .navs div.nav{height:100%;line-height:49px;text-align:center;font-size:16px;color:#666;position:relative;z-index:10}.self-main .navs div.nav span{border-bottom:1px solid transparent;display:inline-block;margin:0 33px;cursor:pointer}.self-main .navs div.nav span i{padding:0 6px;color:#ccc;font-size:18px;position:relative;top:-6px}.self-main .navs div.nav span.active{color:#23b8ff;border-color:#23b8ff;font-weight:700}.self-main .navs div.nav span.active i{color:#23b8ff}.self-main .navs div.nav span.standard{font-size:14px;float:right;margin-right:0;color:#23b8ff}.self-main .navs div.nav span.standard i{font-size:14px;color:#23b8ff;top:0}.self-main ul.list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:40px}.self-main ul.list>li{width:305px;min-height:270px;margin-left:20px;margin-bottom:20px;position:relative;border-radius:10px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);cursor:pointer;overflow:hidden}.self-main ul.list>li:hover{-webkit-box-shadow:0 8px 14px rgba(0,0,0,.1);box-shadow:0 8px 14px rgba(0,0,0,.1)}@media screen and (min-width:1920px){.self-main ul.list>li{width:345px}}.self-main ul.list>li:nth-child(4n+1){margin-left:0;border-radius:10px}.self-main ul.list>li:first-child div.box{padding:10px}.self-main ul.list>li:first-child div.box div.add{height:100%;width:100%;background:#f8fafc;text-align:center}.self-main ul.list>li:first-child div.box div.add div{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.self-main ul.list>li:first-child div.box div.add div p{color:#23b8ff;font-size:14px;padding-top:16px}.self-main ul.list>li div.box{position:absolute;left:0;top:0;width:100%;height:100%}