body,html,span,div,a,ul,li,header,main,footer{
    box-sizing:border-box;
    margin:0;
    padding:0;
}
html,body{
    background:#000;
}
.albums .detail_images_header {
    position: fixed;
    height: 1.16rem;
    z-index: 22;
    width:100%;
    left:0;
    top:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#000;
    border:none;
    padding:0 .3rem;
}
.albums .icon-return {
    color: #fff;
    font-size: .5rem;
}
.albums_list{
    font-size:.4rem;
    color:#fff;
}
.detail_imgs_number {
    color: #fff;
    font-size: .4rem;
    position:absolute;
    left:50%;
    top:50%;
    width:auto;
    transform:translate(-50%,-50%);
}
.detail_images_footer {
    position: fixed;
    z-index: 22;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 .3rem;
    height:2rem;
}
.albums_name {
    font-size: .373rem;
    color: #fff;
    font-weight: 400;
}
.albums_banner {
    margin-top:.3rem;
    height: 1.16rem;
}
.albums_item {
    padding: .106rem .213rem;
    color: #fff;
    width: auto;
    border-radius: .32rem;
    font-size:13px;
    height:.7rem;
    display:flex;
    align-items:center;
}
.active.albums_item {
    color: #3e4a59;
    background: #fff;
}
.albums_imgs_main{
    height:calc(100vh - 3.16rem );
    margin-top:1.16rem;
}
.banner_item{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}