#books2020 *, html, body {
    padding: 0;
    margin: 0;
}

ol,
ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #333;
}

    a:hover {
        text-decoration: none;
    }
/*去掉行内替换元素空白缝隙*/
img {
    border: 0;
    vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    font-weight: 400
}

/*img, input, button, textarea {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}*/

ul {
    list-style: none;
}
/*a:active, button, input, select, textarea {
    background-color: transparent;
}*/
#books2020 {
    position: relative;
    /*width: 800px;
	margin: 25px auto;
	padding: 25px 32px;*/
    background-color: #fff;
    box-sizing: border-box;
}

#books2020 {
    position: relative;
    /*width: 800px;
	margin: 25px auto;
	padding: 25px 32px;*/
    background-color: #fff;
    box-sizing: border-box;
}

    #books2020 .container {
        width: 760px;
    }

    #books2020 .title {
        font-family: "SimHei";
        text-align: center;
        font-size: 36px;
        color: #b3722f;
        margin-bottom: 25px;
    }

    #books2020 .container-tab {
        display: flex;
        justify-content: center;
        margin-bottom: 25px;
        border-bottom: 1px solid #b3722f;
    }

        #books2020 .container-tab li {
            width: 190px;
            height: 50px;
            background: #ffffff;
            border: 1px solid #b3722f;
            border-bottom: none;
            margin: 0px;
            margin-right: 5px;
            border-radius: 10px 10px 0px 0px;
            color: #b3722f;
            font-size: 18px;
            float: left;
            line-height: 50px;
            text-align: center;
            cursor: pointer;
        }

            #books2020 .container-tab li:last-child {
                margin-right: 0px;
            }

            #books2020 .container-tab li.active {
                color: #fff;
                background-color: #b3722f;
            }

    #books2020 .container {
        display: none;
    }

        #books2020 .container.active {
            display: block;
        }

        #books2020 .container li {
            position: relative;
            margin: 25px 0;
            width: 245.3px;
            color: #b3722f;
            font-size: 14px;
            line-height: 24px;
        }

    #books2020 .book-intro {
        position: relative;
        margin: 0 32px;
        height: 330px;
        cursor: pointer;
        overflow: hidden;
        /* z-index: 1001; */
    }

        #books2020 .book-intro:hover {
            box-shadow: 0 6px 15px 0 rgba(168,182,191,.4);
        }

    #books2020 .book_pic {
        display: block;
        width: 100%;
    }

    #books2020 li .intro {
        position: absolute;
        padding: 0 8px;
        width: 100%;
        height: 0px;
        box-sizing: border-box;
        background: rgba(0,0,0,0.7);
        top: 0;
        left: 0;
        color: #ffffff;
        text-align: left;
        overflow: hidden;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }

    #books2020 .book-intro:hover .intro {
        padding: 8px;
        height: 330px;
    }

    #books2020 li .intro .s_title {
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 5px;
        text-align: center;
        text-indent: 0;
        margin-bottom: 8px;
        color: #b3722f;
    }

    #books2020 li .intro p {
        height: 280px;
        text-indent: 2em;
        overflow: hidden;
        overflow-y: auto;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
    }

        #books2020 li .intro p::-webkit-scrollbar {
            width: 0 !important
        }

    #books2020 li .book_name {
        font-size: 17px;
        font-weight: bold;
        font-family: "微软雅黑 Light";
        max-width: 240px;
        margin: 20px auto 5px;
        height: 50px;
        display: table;
        text-align: center;
    }

    #books2020 li .cont {
        display: table-cell;
        vertical-align: middle;
    }

    #books2020 li .writer {
        display: table;
        height: 50px;
    }

    #books2020 li .writer,
    #books2020 li .out {
        text-align: left;
        padding-left: 32px;
    }

/*定位居中*/
.mid-p {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
    /*IE/7/6*/
}