.joe_photos__type{position:relative;margin-bottom:15px;padding:60px 15px 15px;background:var(--background);border-radius:var(--radius-wrap);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.joe_photos__type-title{position:absolute;top:15px;left:-10px;height:30px;padding:0 12px;color:#fff;font-weight:500;line-height:30px;background:var(--theme);border-radius:2px 2px 2px 0;-webkit-box-shadow:2px 5px 10px rgba(49,58,70,.15);box-shadow:2px 5px 10px rgba(49,58,70,.15);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_photos__type-title::before{position:absolute;bottom:-10px;left:-10px;border-color:var(--theme) transparent transparent;border-style:solid;border-width:10px;-webkit-transform:rotate(90deg);transform:rotate(90deg);content:""}.joe_photos__type-title .joe-font{vertical-align:bottom}.joe_photos__type-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;padding-top:15px;border-top:1px solid var(--classC)}.joe_photos__type-list .item{height:28px;padding:0 15px;overflow:hidden;font-size:12px;line-height:28px;white-space:nowrap;text-overflow:ellipsis;background:var(--classD);border-radius:14px;cursor:pointer;-webkit-transition:color .35s,background .35s,-webkit-box-shadow .35s,-webkit-transform .35s;transition:color .35s,background .35s,box-shadow .35s,transform .35s;transition:color .35s,background .35s,box-shadow .35s,transform .35s,-webkit-box-shadow .35s,-webkit-transform .35s}.joe_photos__type-list .item.active{color:#fff;background:var(--theme)}.joe_photos__type-list .item.active,.joe_photos__type-list .item:hover{-webkit-box-shadow:0 5px 5px rgba(0,0,0,.1);box-shadow:0 5px 5px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.joe_photos__type-list .error,.joe_photos__type-list .item{color:var(--routine);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_photos__gallery{position:relative;width:100%!important;margin:0 auto}.joe_photos__gallery .item{display:block;min-height:50px;overflow:hidden;background:var(--background);border-radius:var(--radius-wrap)}.joe_photos__gallery .item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform 1s ease!important;transition:transform 1s ease!important;transition:transform 1s ease,-webkit-transform 1s ease!important}.joe_photos__gallery .item .team,.joe_photos__gallery .item .tit{position:absolute;z-index:1;overflow:hidden;color:#fff;white-space:nowrap;text-overflow:ellipsis}.joe_photos__gallery .item .tit{bottom:0;left:0;width:100%;padding:6px 10px;font-size:14px;background:-webkit-gradient(linear,left bottom,left top,from(#151515),color-stop(80%,transparent));background:linear-gradient(0deg,#151515,transparent 80%)}.joe_photos__gallery .item .team{top:6px;right:6px;padding:2px 4px;font-size:13px;background:#5299a5;border-radius:2px}.joe_photos__gallery .item .info{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;padding:20px;color:#fff;opacity:0;-webkit-transition:opacity .35s;transition:opacity .35s}.joe_photos__gallery .item .info p,.joe_photos__list .item .info p{display:none;margin-bottom:5px;-webkit-animation-duration:.3s;animation-duration:.3s}.joe_photos__gallery .item .info p:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.joe_photos__gallery .item .info p:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.joe_photos__gallery .item .info p i,.joe_photos__list .item .info p i{position:relative;top:2px;float:left;margin-right:5px}.joe_photos__gallery .item .info p .joe-icon-shijian,.joe_photos__list .item .info p .joe-icon-shijian{top:0}.joe_photos__gallery .item .info p span,.joe_photos__list .item .info p span{display:block;overflow:hidden}.joe_photos__gallery .item::before,.joe_photos__list .item::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:0 0;-webkit-transition:background .35s;transition:background .35s;content:""}.joe_photos__gallery .item:hover img,.joe_photos__list .item:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.joe_photos__gallery .item:hover::before,.joe_photos__list .item:hover::before{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.joe_photos__gallery .item:hover .info,.joe_photos__list .item:hover .info{opacity:1}.joe_photos__gallery .item:hover .info p{display:block}.joe_photos__gallery .masonry-item{width:30%}.joe_photos__list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.joe_photos__list .item{position:relative;display:block;overflow:hidden;background:var(--background);border-radius:var(--radius-wrap)}.joe_photos__list .item img{width:100%;height:100%;min-height:50px;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.joe_photos__list .item .team,.joe_photos__list .item .tit{position:absolute;z-index:1;overflow:hidden;color:#fff;white-space:nowrap;text-overflow:ellipsis}.joe_photos__list .item .tit{bottom:0;left:0;width:100%;padding:6px 10px;font-size:14px;background:-webkit-gradient(linear,left bottom,left top,from(#151515),color-stop(80%,transparent));background:linear-gradient(0deg,#151515,transparent 80%)}.joe_photos__list .item .team{top:6px;right:6px;padding:2px 4px;font-size:13px;background:#5299a5;border-radius:2px}.joe_photos__list .item .info{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;padding:20px;color:#fff;opacity:0;-webkit-transition:opacity .35s;transition:opacity .35s}.joe_photos__list .item .info p:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.joe_photos__list .item .info p:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.joe_photos__list .item::after{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDQ1IDQ1IiBzdHJva2U9IiNmZmYiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIj48Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSI2IiBzdHJva2Utb3BhY2l0eT0iMCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjEuNXMiIGR1cj0iM3MiIHZhbHVlcz0iNjsyMiIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgYmVnaW49IjEuNXMiIGR1cj0iM3MiIHZhbHVlcz0iMTswIiBjYWxjTW9kZT0ibGluZWFyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS13aWR0aCIgYmVnaW49IjEuNXMiIGR1cj0iM3MiIHZhbHVlcz0iMjswIiBjYWxjTW9kZT0ibGluZWFyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjIyIiBjeT0iMjIiIHI9IjYiIHN0cm9rZS1vcGFjaXR5PSIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBiZWdpbj0iM3MiIGR1cj0iM3MiIHZhbHVlcz0iNjsyMiIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgYmVnaW49IjNzIiBkdXI9IjNzIiB2YWx1ZXM9IjE7MCIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utd2lkdGgiIGJlZ2luPSIzcyIgZHVyPSIzcyIgdmFsdWVzPSIyOzAiIGNhbGNNb2RlPSJsaW5lYXIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjIiIGN5PSIyMiIgcj0iOCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjBzIiBkdXI9IjEuNXMiIHZhbHVlcz0iNjsxOzI7Mzs0OzU7NiIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT48L2c+PC9zdmc+);background-repeat:no-repeat;background-position:right bottom;background-size:20% auto;-webkit-transform:scale(2);transform:scale(2);opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:transform .35s,opacity .35s;transition:transform .35s,opacity .35s,-webkit-transform .35s;content:""}.joe_photos__list .item:hover::after{-webkit-transform:scale(1);transform:scale(1);opacity:1}.joe_photos__list .item:hover .info p{display:block}.joe_photos__list:empty{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:180px}.joe_photos__list:empty::after{display:block;width:70px;height:70px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA1NyA1NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM0MDllZmYiPg0KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIHN0cm9rZS13aWR0aD0iMiI+DQogICAgICAgICAgICA8Y2lyY2xlIGN4PSI1IiBjeT0iNTAiIHI9IjUiPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN5Ig0KICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiDQogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjUwOzU7NTA7NTAiDQogICAgICAgICAgICAgICAgICAgICBjYWxjTW9kZT0ibGluZWFyIg0KICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giDQogICAgICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMi4ycyINCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNTsyNzs0OTs1Ig0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgPC9jaXJjbGU+DQogICAgICAgICAgICA8Y2lyY2xlIGN4PSIyNyIgY3k9IjUiIHI9IjUiPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN5Ig0KICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiDQogICAgICAgICAgICAgICAgICAgICBmcm9tPSI1IiB0bz0iNSINCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNTs1MDs1MDs1Ig0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4Ig0KICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiDQogICAgICAgICAgICAgICAgICAgICBmcm9tPSIyNyIgdG89IjI3Ig0KICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSIyNzs0OTs1OzI3Ig0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgPC9jaXJjbGU+DQogICAgICAgICAgICA8Y2lyY2xlIGN4PSI0OSIgY3k9IjUwIiByPSI1Ij4NCiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSINCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIg0KICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSI1MDs1MDs1OzUwIg0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4Ig0KICAgICAgICAgICAgICAgICAgICAgZnJvbT0iNDkiIHRvPSI0OSINCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIg0KICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSI0OTs1OzI3OzQ5Ig0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgPC9jaXJjbGU+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=);background-repeat:no-repeat;background-size:100% 100%;content:""}.joe_photos__list.waterfall{position:relative}.joe_photos__list.waterfall .item img{height:auto}.joe_photos__filter{position:relative;top:12px;display:block}.joe_photos__filter ul{margin:0 0 20px;padding:0;font-size:14px;letter-spacing:.05em;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_photos__filter ul li{position:relative;display:inline-block;margin:0 20px 12px 0;vertical-align:bottom;font-size:0}.joe_photos__filter ul li:after{position:absolute;right:0;bottom:-4px;left:0;width:0;height:3px;background:var(--theme);border-radius:3px;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;content:"";will-change:transform}.joe_photos__filter ul li.active:after,.joe_photos__filter ul li:hover:after{width:100%;-webkit-transform:scale(1);transform:scale(1)}.joe_photos__filter ul li a{display:block;color:var(--main);font-size:14px}.joe_photos__filter ul li.active{font-weight:700}.joe_photos__layout-switch{position:absolute;top:20px;right:20px}.joe_photos__layout-switch i{float:left;margin-left:5px;color:var(--classA);font-size:18px;cursor:pointer;-webkit-transition:color .2s;transition:color .2s}.joe_photos__layout-switch i.active,.joe_photos__layout-switch i:hover{color:var(--theme)}.joe_photos__pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:15px}.joe_photos__pagination-item{height:32px;margin-left:5px;padding:0 15px;color:var(--main);line-height:32px;background:var(--background);border-radius:2px;cursor:pointer;-webkit-transition:background .35s,color .35s;transition:background .35s,color .35s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_photos__pagination-item:first-child{margin-left:0}.joe_photos__pagination-item svg{-webkit-transition:fill .35s;transition:fill .35s;fill:var(--routine)}.joe_photos__pagination-item .next{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.joe_photos__pagination-item.active,.joe_photos__pagination-item:hover{color:#fff;background:var(--theme)}.joe_photos__pagination-item.active svg,.joe_photos__pagination-item:hover svg{fill:#fff}