.shici-detail-box {
    position: relative;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 1.5rem 0 rgba(143, 113, 77, 0.13);
    overflow: hidden;
    padding: 0 1.5rem;
    background-size: 22.9375rem 13.75rem;
    background-image: url(../img/temp/shici_detail_content_bg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.detail .shici-title{
    font-size: 1.375rem;
    /* font-weight: bold; */
    color: rgba(0, 0, 0, 1);
}

.shici-details{
    font-size: 1rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 1.25rem;
    margin-bottom: 0.625rem;
}

.shici-details-tool{
    position: absolute;
    width: 6.5rem;
    right: 1.875rem;
    top: 1.5rem;
}

.shici-details-content{
    background-image: url(../img/temp/shici_detail_content_bg.png);
    background-repeat: no-repeat;
    background-size: 23rem 13.75rem;
    background-position: bottom right;
    padding-bottom: 4.375rem;
}

.detail .shici-section{
    font-size: 1rem;
    /* font-family: KaiTi; */
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 2.2rem;
}

.shici-directory {
    width: 3.75rem;
    height: 3.75rem;
    border: none;
    font-family: KaiTi;
    background: rgba(241,219,188,1);
    box-shadow: 0 0.125rem 0 0 rgba(171,134,84,1);
    border-radius: 0.3125rem;
    outline: none;
    position: fixed;
    top: 23.5625rem;
    color: rgba(103, 55, 36, 1);
    font-size: 1.25rem;
    z-index: 2;
    text-align: center;
    background-image: url("../img/temp/shici_menu.png");
    background-size: 1.125rem;
    background-repeat: no-repeat;
    padding-top: 2.375rem;
    background-position: center 0.375rem;
    line-height: 0.625rem;
    cursor: pointer;
}
.to-shiren{
    text-align: right;
    display: block;
    line-height: 3rem;
    height: 3rem;
    padding-right: .5rem;
    background-color: #e5ac66;
    color: white;
}

.next-shici{
    background: white;
    display: block;
    padding: 1rem;
    color: #333;
}
.next-shici span{
    color: #C26F31;
}

.right-10{
    position: relative;
    right: -0.625rem;
}

.directory-loding{
    position: absolute;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.3);
    z-index: 3;
}

.directory-box{
    width: 52.5rem;
    height: 41rem;
    background: white;
    border-radius:0.3125rem;
    overflow-y: auto;
    position: absolute;
    top: 12.5rem;
    left:calc((100% - 52.5rem) / 2);
    z-index: 5;
}

.directory-box::-webkit-scrollbar {
    display: none;
}

.directory-title{
    margin: 1.75rem 0 0 2.25rem;
    height: 3.125rem;
    border-bottom: 0.125rem  solid rgba(204,0,0,1);
    font-size: 1.75rem;
    color: black;
    display: inline-block;
}

.directory-content{
    width: 96%;
    border-top:0.0625rem solid rgba(230, 207, 179, 1);
    margin: 0 auto;
}

.directory-content:after{
    content: "";
    display: block;
    height: 0;
    clear:both;
}

.directory-content-itme{
    width: 4.5625rem;
    height: 17.5rem;
    border-top: 0.0625rem solid rgba(236, 236, 236, 1);
    border-bottom: 0.0625rem solid rgba(236, 236, 236, 1);
    border-right: 0.0625rem solid rgba(236, 236, 236, 1);
    float: left;
}

.directory-content-itme:first-child{
    border-left: 0.0625rem solid rgba(236, 236, 236, 1);
}

.directory-content-itme:hover{
    background:rgba(246, 238, 226, 1);
}

.itme-jump{
    width: 4.0625rem;
    height: 17rem;
    border: 0.0625rem solid rgba(233, 206, 167, 0);
    margin: 0.25rem;
    position: relative;
    display: block;
    color: rgba(0, 0, 0, 1);
    padding: 36px 21px 0;
}

.itme-jump:hover{
    border: 0.0625rem solid rgba(233, 206, 167, 1);
    background: url("../img/temp/shici_topj.png") no-repeat bottom center;
}

.left-border{
    border-left: 0.0625rem solid rgba(236, 236, 236, 1);
}

.shici-yzs {
    margin-top:1.25rem;
    position: relative;
    padding: 0 1.875rem 0px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 1.5rem 0 rgba(143, 113, 77, 0.13);
}

.shici-yzs-title {
    width: 100%;
    height: 2rem;
    font-size: 1.25rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 1.25rem;
    border-bottom: 0.0625rem solid rgba(236, 236, 236, 1);
    margin-bottom: 1.25rem;
    position: relative;
}

.line-red{
    width: 3.125rem;
    height: 0.125rem;
    background: rgba(204, 0, 0, 1);
    position: absolute;
    bottom: 0;
}

.shici-yzs-content {
    font-size: 0.9375rem;
    padding: 0 1.25rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.9);
    line-height: 1.95rem;
    height: auto;
    position: relative;
}
.shici-yzs-content p{
    margin-bottom:1.0rem;
}
.content-bottom p:not(:last-child){
    margin-bottom:1rem;
}

.min-11{
    min-height: 11.25rem;
}


.zhu_sp{
    color: #C26F31;
    font-weight: bold;
}

.gradientLayer {
    width: 100%;
    height: 2.5rem;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
    position: absolute;
    bottom: 1.8rem;
}

.read-more{
    text-align: center;
    font-size: 0.875rem;
    color: rgba(229, 172, 102, 1);
    display: block;
}

.mt-12{
    margin-top: -0.8rem;
}

.read-more:hover{
    color: rgba(229, 172, 102, 1);
}
.h-144{
    height: 9rem;
    overflow: hidden;
}

.condition-box{
    background: white;
    box-shadow: 0px 0px 1.5rem 0px rgba(143, 113, 77, 0.13);
    background-image: url(../img/author_mini_info_bg.png);
    background-size: 13.25rem 4.25rem;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}
.ad_tag{
    text-align: right;
    bottom: 0.5rem;
    font-size: 0.75rem;
    display: inherit;
    color: #aaa;
}
@media screen and (max-width:47.9375rem){
    .shici-section{
        font-size: 1rem;
        font-family: none;
    }
    .detail .shici-title{
        font-size: 1.375rem;
    }
    .shici-details-author{
        font-size: 0.875rem;
    }
    .shici-yzs-content{
        padding: 0;
    }
    .shici-directory {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 0.875rem;
        background-size:0.75rem 0.875rem;
    }
    .shici-directory span{
        margin-top: -0.75rem;
        display:block;
    }

    .directory-box {
        width: 50%;
        height: 100vh!important;
        background: white;
        overflow: hidden;
        position: absolute;
        z-index: 5;
        overflow-y: auto;
        left: 0;
        top: 0;
        border-radius: 0;
    }

    .directory-content{
        width: 90%;
    }

    .directory-content-itme{
        width: 94%;
        height: 2.75rem;
        border: none;
        border-bottom: 0.0625rem solid rgba(236, 236, 236, 1);
        margin: 0 3%;
    }

    .directory-content-itme:first-child{
        border-left: 0rem solid rgba(236, 236, 236, 1);
    }

    .left-border{
        border-left: 0rem;
    }

    .itme-jump{
        width: 100%;
        height: 100%;
        padding: 0;
        padding-left: 0.4rem;
        font-size: 0.875rem;
        line-height: 2.25rem;
    }

    .directory-title{
        font-size: 1rem;
        padding-top: 1.25rem;
        width: 2.5rem;
    }
    .main-middle{
        padding: 0!important;
    }

    .shici-detail-box{
        padding: 0 1.25rem;
    }
    .right-20{
        right: 0;
    }
    .shici-yzs{
        margin-top: 0;
        padding: 0 1.25rem;
    }

    .shici-yzs-title{
        height: 1.8rem;
    }
    .shici-yzs-title.like{
        margin: 0 1rem;
    }
}

@media screen and (max-width: 35.937rem){

    .shici-details-tool{
        width: 5.3rem;
        right: 0;
    }

    .directory-box{
        width: 17.0625rem;
    }

    .itme-jump{
        padding-left: 0.85rem;
    }
    .shici-yzs{
        padding: 0 1rem;
    }
    .shici-detail-box{
        padding: 0 1rem;
    }
}