.pet-all-view{margin:20px 0 40px 0}.pet-all-view .pet-all-title-view{position:relative;z-index:0;display:flex;justify-content:space-between;align-items:center}.pet-all-view .pet-all-title-view .pet-all-title{position:relative;z-index:11;background-color:#fff;padding-right:15px}.pet-all-view .pet-all-title-view .pet-all-title b{font-size:20px;background-color:var(--skin-base-color);display:inline-block;padding:8px 15px;color:var(--color-white);border-radius:4px}.pet-all-view .pet-all-title-view .pet-all-nav{background-color:#fff;padding-left:15px}.pet-all-view .pet-all-title-view .pet-all-nav a{padding:5px 20px !important;margin-right:10px !important}.pet-all-view .pet-all-title-view .pet-all-nav a:last-of-type{margin-right:0 !important}.pet-all-view .pet-all-title-view::after{content:"";position:absolute;z-index:-1;left:0;top:50%;width:100%;height:2px;background-color:var(--skin-base-color);transform:translateY(50%);-webkit-transform:translateY(50%)}.pet-all-view .pet-all-content{margin-top:15px}.pet-all-view .pet-all-content .pet-list-view .pet-list-item{position:relative;display:inline-block;width:23.5%;margin-right:1.5%;margin-bottom:2%;overflow:hidden}.pet-all-view .pet-all-content .pet-list-view .pet-list-item span{display:block;width:100%;height:143px;overflow:hidden;border-radius:4px 4px 0 0}.pet-all-view .pet-all-content .pet-list-view .pet-list-item span img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}.pet-all-view .pet-all-content .pet-list-view .pet-list-item p{font-size:16px;text-align:center;width:100%;height:40px;line-height:40px;color:var(--text-color);background-color:#f2f2f2;transition:all .3s;-webkit-transition:all .3s;border-radius:0 0 4px 4px}.pet-all-view .pet-all-content .pet-list-view .pet-list-item:nth-of-type(4n){margin-right:0}.pet-all-view .pet-all-content .pet-list-view .pet-list-item:hover p{color:var(--skin-base-color)}.pet-all-view .pet-all-content .pet-list-view .pet-list-item:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}.pet-all-view .pet-all-content .pet-all-like-rank-box{height:550px;overflow:hidden}.pet-all-view .pet-all-content .pet-all-like-rank-box .likeRankActive{height:130px !important}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item{height:48px;overflow:hidden;padding:10px 0;border-bottom:1px dotted #dedede;transition:all .3s;-webkit-transition:all .3s}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item .like-rank-top{display:flex}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item .like-rank-top .number{font-size:20px;color:var(color-black);padding-right:8px}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item .like-rank-top .rank-title{width:40%;flex:1;display:flex;justify-content:space-between;align-items:center;font-size:16px}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item .like-rank-top .rank-title a{color:var(--color-black)}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item .like-rank-top .rank-title span{font-size:16px;color:var(--skin-base-color)}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item .like-rank-top .rank-title span i{margin-right:5px}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item .like-rank-bottom{margin-top:8px;display:flex;justify-content:space-between}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item .like-rank-bottom a{flex-shrink:0;display:flex;justify-content:center;width:34%;height:70px;background-color:#f2f2f2;overflow:hidden;text-align:center;border-radius:4px}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item .like-rank-bottom a img{height:100%;-o-object-fit:contain;object-fit:contain}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item .like-rank-bottom .rank-text{width:62%}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item .like-rank-bottom .rank-text p{margin:0px;width:100%;font-size:14px;color:var(--p-color);line-height:22px;height:70px}.pet-all-view .pet-all-content .pet-all-like-rank-box .like-rank-item:last-of-type{border:0}.pet-all-view .pet-all-content .pet-all-category{display:flex;padding-top:20px}.pet-all-view .pet-all-content .pet-all-category .pet-all-category-item{width:23.5%;overflow:hidden;margin-right:2%}.pet-all-view .pet-all-content .pet-all-category .pet-all-category-item .all-category-title{font-size:24px;color:var(--color-black)}.pet-all-view .pet-all-content .pet-all-category .pet-all-category-item .all-category-title .t{color:var(--skin-base-color)}.pet-all-view .pet-all-content .pet-all-category .pet-all-category-item .all-category-img{position:relative;display:block;margin-top:8px}.pet-all-view .pet-all-content .pet-all-category .pet-all-category-item .all-category-img span{display:block;width:100%;height:180px;overflow:hidden;border-radius:4px}.pet-all-view .pet-all-content .pet-all-category .pet-all-category-item .all-category-img span img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}.pet-all-view .pet-all-content .pet-all-category .pet-all-category-item .all-category-img p{position:absolute;z-index:5;bottom:-20px;left:5%;width:90%;height:50px;line-height:50px;text-align:center;color:var(--color-white);font-size:16px;background-color:rgba(0,0,0,.7)}.pet-all-view .pet-all-content .pet-all-category .pet-all-category-item .all-category-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}.pet-all-view .pet-all-content .pet-all-category .pet-all-category-item .all-category-ul{height:90px;overflow:hidden;margin-top:25px}.pet-all-view .pet-all-content .pet-all-category .pet-all-category-item .all-category-ul li{padding-left:15px;position:relative;font-size:14px;color:var(--color-black);line-height:30px}.pet-all-view .pet-all-content .pet-all-category .pet-all-category-item .all-category-ul li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:4px;height:4px;background-color:#dedede}.pet-all-view .pet-all-content .pet-all-category .pet-all-category-item:last-of-type{margin-right:0}