.list{
    width:100%;
    height:auto;
    padding:0 30rpx;
    box-sizing:border-box;
    padding-bottom:120rpx;
    padding-top:120rpx;
}
.list-tab-block{
    width:335rpx;
    height:auto;
}

.team{
    width:100%;
    height:auto;
    padding-bottom:120rpx;
}
.team-banner{
    display:block;
    width:690rpx;
    margin:0 auto;
    margin-top:10rpx;
    border-radius:10rpx;
    /*box-shadow:0 0 5px rgba(0,0,0,.1);*/
}
.search-block{
    width:690rpx;
    height:100rpx;
    margin:0 auto;
    margin-top:40rpx;
    border-radius:10rpx;
    padding:0 30rpx;
    box-sizing:border-box;
    /*box-shadow:0 0 5px rgba(0,0,0,.1);*/
}
.search-block-single{
    height:50rpx;
    border-radius:25rpx;
    padding:0 20rpx;
    box-sizing:border-box;
}
.team-list{
    width:690rpx;
    padding:0 20rpx;
    box-sizing:border-box;
    /*box-shadow:0 0 5px rgba(0,0,0,.1);*/
    margin:0 auto;
    border-radius:10rpx;
    margin-top:20rpx;
    margin-bottom:40rpx;
}
.team-block{
    width:100%;
    height:160rpx;
    padding:0 20rpx;
    box-sizing:border-box;
    box-shadow:0 0 5px rgba(0,0,0,.1);
    margin-bottom:30rpx;
    border-radius:10rpx;
}
.dog-headimg{
    width:110rpx;
    height:110rpx;
    border-radius:50%;
}
.team-info{
    width:540rpx;
    padding-left:20rpx;
    box-sizing:border-box;
}


.rank{
    width:100%;
    height:auto;
    padding-bottom:120rpx;
}
.rank-block{
    width:690rpx;
    height:210rpx;
    margin:0 auto;
    box-shadow:0 0 5px rgba(0,0,0,.1);
    margin-bottom:30rpx;
    padding:0 30rpx;
    box-sizing:border-box;
    border-radius:10rpx;
}
.rank-headimg{
    width:140rpx;
    height:140rpx;
    border-radius:10rpx;
}
.rank-info{
    width:490rpx;
    padding-left:20rpx;
    box-sizing:border-box;
}
.rank-info-detail{
    width:100%;
    margin-top:14rpx;
}
.rank-title{
    height:44rpx;
    padding:0 16rpx;
    border-radius:22rpx;
}
.banner swiper{
    width:100%;
    height:400rpx;
}
.banner-content{
    width:100%;
    height:100%;
    position:relative;
}
.banner-image{
    width:100%;
    height:100%;
}
.banner-mask{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    position:absolute;
    left:0;
    top:0;
}
.banner-mask-info{
    width:480rpx;
    height:140rpx;
    background:rgba(255,255,255,.3);
}
.topic{
    width:100%;
    margin:50rpx 0;
}
.topic swiper{
    width:100%;
    padding-left:30rpx;
    box-sizing:border-box;
    height:190rpx;
}
.topic swiper-item{
    width:360rpx!important;
}
.pet-block{
    width:330rpx;
    height:190rpx;
    position:relative;
    border-radius:14rpx;
    overflow:hidden;
}
.topic-image{
    width:330rpx;
    height:190rpx;
    box-shadow:0 0 5px rgba(0,0,0,.4);
    margin-right:30rpx;
}
.pet-mask{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    position:absolute;
    left:0;
    top:0;
}
.best-info-title{
    width:100%;
}
.best-react{
    width:8rpx;
    height:8rpx;
    transform:rotate(45deg);
}
.best-line{
    width:80rpx;
    height:1px;
}
.pet-list{
    width:100%;
    margin-top:40rpx;
    padding-bottom:120rpx;
}
.pet-list-single{
    width:690rpx;
    height:220rpx;
    margin:0 auto;
    box-shadow:0 0 5px rgba(0,0,0,.1);
    border-radius:16rpx;
    margin-bottom:30rpx;
}
.pet-image{
    width:160rpx;
    height:160rpx;
    margin-left:20rpx;
}
.pet-info{
    padding:20rpx 30rpx;
    box-sizing:border-box;
}
.collect-icon{
    width:30rpx;
    height:30rpx;
    margin-right:10rpx;
}
.menu{
    width:80rpx;
    height:80rpx;
    border-radius:50%;
    box-shadow:0 0 5px rgba(0,0,0,.15);
}
.menu>view{
    width:100%;
    height:100%;
    position:absolute;
    background:rgba(0,0,0,.8);
    border-radius:50%;
}
.menu-scale{
    transform:scale(0);
    transition:transform 0.1s ease,right 0.2s ease 0.1s,top 0.2s ease 0.1s;
}
.menu-team{
    transform:scale(1);
    right:160rpx;
    top:-100rpx;
}
.menu-home{
    transform:scale(1);
    right:200rpx;
    top:0;
}
.menu-sort{
    transform:scale(1);
    right:160rpx;
    top:100rpx;
}
.menu-menu{
    transform:scale(1);
    right:0;
    top:0;
    z-index:3;
}
.menu-hide{
    right:0;
    top:0;
    transform:scale(0);
    transition:transform 0.1s ease 0.2s,right 0.2s ease 0.1s,top 0.2s ease 0.1s;
}