body
{
    background:#f7f7f7;
}
.detail-box{ 
    margin:0.3rem auto;
}
.left-box{
    background:#fff;
    border:1px solid #eee;
    padding:0.2rem;
    box-sizing:border-box;

}
.left-box .d-title{
    font-size:0.24rem;
    font-weight:600;
    padding-bottom:0.1rem;
}
.eyes{
    font-size:0.16rem;
    color:#999;
    position: relative;
    padding-left:0.25rem;
}
.eyes::before{ 
    content:'';
    display:block;
    width:0.2rem;
    height:0.2rem;
    background:url('/static/index/images/new/eyes.png') no-repeat;
    background-size:100% 100%;
    position:absolute;
    left:0;
    top:60%;
    transform:translateY(-50%);
}
.time{
    font-size:0.16rem;
    color:#999;
    position: relative;
    padding-left:0.25rem;
    margin-left:0.3rem;
}
.time::before{ 
    content:'';
    display:block;
    width:0.16rem;
    height:0.16rem;
    background:url('/static/index/images/new/time.png') no-repeat;
    background-size:100% 100%;
    position:absolute;
    left:0;
    top:60%;
    transform:translateY(-50%);
}
.left-box .content-box{
    font-size:0.16rem;
    line-height:0.3rem;
    margin:0.3rem 0;
}
.left-box .n-btn{
    width:calc(50% - 0.2rem);
    background:#f7f7f7;
    padding:0.2rem;
    border-radius:0.05rem;
    box-sizing:border-box;
    cursor: pointer;
}
.left-box .prev-btn, .left-box .next-btn{
    width:2rem;
    height:0.4rem;
    background:#fff;
    text-align:center;
    line-height:0.4rem;
    margin:0.2rem auto 0;
    
    display: flex;
    align-items: center;
    justify-content: center;
}
.left-box .prev-btn .icon{
    display: inline-block;
    width:0.07rem;
    height:0.13rem;
    background:url('/static/index/images/arrow_left.png') no-repeat;
    background-size:100% 100%;
    margin-right:0.1rem;
}
.left-box .next-btn .icon{
    display: inline-block;
    width:0.07rem;
    height:0.13rem;
    background:url('/static/index/images/arrow_right.png') no-repeat;
    background-size:100% 100%;
    margin-left:0.1rem;
    position: relative;
    top:0.01rem;
}
.left-box .jc-s{
    margin-top:1.5rem;
}
.right-box{
    background:#fff;
    border:1px solid #eee;
    padding:0.2rem;
    box-sizing:border-box;
    margin-left:0.2rem;
}
.right-box .r-title{
    font-size:0.2rem;
    font-weight:600;
    padding-bottom:0.1rem;
}
.right-box li{
    margin-bottom:0.2rem;
    width: 3rem;
}
.right-box .n-img{
    width:3rem;
    height:2rem;
    border-radius:0.1rem;
    overflow:hidden;
}
.right-box img{ 
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.right-box .n-title{
    font-size:0.16rem;
    padding:0.1rem 0;
    word-break: break-all;
    overflow-wrap: break-word;

}

@media (max-width: 700px){
    .right-box{
        display:none;

    }
    .left-box .content-box img{
        max-width: 100%;
    }
}