.post-type-archive-dimension #page-content{
    margin: 0;
}
.tax-dimension_tag #footer,
.tax-dimension-cat #footer,
.post-type-archive-dimension #footer,
.post-type-archive-dimension .desk-header{
    background: transparent;
}


.tax-dimension_tag,.tax-dimension-cat,.post-type-archive-dimension{
    background: #aaa;
}

.dimension-current{
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;

    z-index: 1;
}

.emojis{
    pointer-events: none;
    position: absolute;
    font-size:2rem;
    width: calc(100vw / 20);
    height: calc(100vw / 20);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    transform: scale(0);
    transition: all .3s linear;
}
.emojis.zap{
    transform: scale(1);
}
.emojis img{
    width: 100%;
    height: auto;
}
.emojis dd{
    padding: 10px;
    display: block;
}


.d-bg{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
    pointer-events: none;
}

#cv{
    display: none;
}

.ascii {
    font-size: 8px;
    text-align: center;

}

.dimension-current-img{
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    overflow: hidden;
}
.dimension-current-img>div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
}
.dimension-current-img span{
    display: block;
}
.dimension-current-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dimension-current-info{
    width:100%;
    padding:2rem;
    position: absolute;
    bottom: 2rem;
    left: 0;
    border-radius: 1rem;
    text-align: justify;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.dimension-current-info h1{
   width: 50%;
}


.dimension-current-info h3 a{
    font-size: 12vw;
    color: transparent;
    font-weight: 700;

}


.d-line{
    position: absolute;
    left: 0;
    top:0;
    width: 100px;
    height: 100%;
    z-index: 10;
    transform: translateX(-50%);
    pointer-events: none;
}



.dimension-nav{
    position: relative;
    margin-top: -5rem;
    z-index: 2;
}
.dimension-nav .bg{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}

.dimension-nav ul{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.dimension-nav ul li{
    padding:10rem 2rem 3rem 2rem;
}

.dimension-nav ul li a{
    font-size: 2rem;
    font-weight: 500;
    position: relative;
    display: block;
    margin: 2rem;
}
.dimension-nav ul li a:before{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    content: '';
    width: 250%;
    height: 250%;
    background: url(../../img/bian-2.svg);
    background-size: 100% 100%;
}

#dimension-grid{
    position: relative;
    overflow: hidden;
    padding:12rem 0 5rem 0;
    margin-top: -12rem;
}

.dimension-grid .load-more{
    margin-top: 6rem;
}

.dimension-grid .load-more .bg{
    position: absolute;
    left: 0;
    bottom:7rem;
    width: 100%;
    height: 9rem;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    pointer-events: none;
}

.dimension-grid .btn--more{
    box-shadow: unset;
    overflow: unset;
}



.dimension-grid .btn--more:before{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    content: '';
    width: 250%;
    height: 250%;
    background: url(../../img/bian-2.svg);
    background-size: 100% 100%;
}

.dimension-grid .yuan{
    position: absolute;
    width: 30vw;
    height: 30vw;
    top:0;
    left: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    border-radius: 50%;
}


.dimension-most-read{
    padding: 7rem 0 3rem 0;
    position: relative;
}


.dimension-most-read ul li{
   width: 100%;
    overflow: hidden;
    display: flex;
    white-space: nowrap;
    position: relative;
}
.dimension-most-read ul li a{
    font-size: 4rem;
    font-weight: 700;
    color: transparent;
    filter: drop-shadow(1px 1px 1px #fff);
}

.dimension-most-read ul li img{
    width: 10vw;
    height: 10vw;
    object-fit: cover;


}
.dimension-most-read ul li .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}

.dimension-most-read ul li:last-child{
    flex-direction:row-reverse;
}

.dimension-most-read ul li:first-child span{
    animation: scroll 30s linear infinite;
    padding: 1rem;
}
.dimension-most-read ul li:last-child span{
    animation: scroll-1 10s linear infinite;
    line-height: 0;
}


@keyframes scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}
@keyframes scroll-1 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}