.main-content{
    background: url(../images/bg_top.jpg) top repeat-x,#f8f7f6;
    background-position: left top, right bottom, left top;
    /* background-repeat: no-repeat, no-repeat, repeat; */
    /* background-size:100%,100%,100%; */
    max-width: 1500px;
    margin: 0px auto;
    color: #565656;
    /* font-size: 14px; */
    line-height: 1.8em;
}
.main-content-inner{
    max-width: 960px;
    margin: 0px auto;
    padding: 300px 20px 50px;
    background: url(../images/bg_top.png) center 20px no-repeat;
    background-size: 85%;
}

.author{position:relative;width: 90%;margin: 30px auto 40px auto;font-weight: bold;/* background-color: #e2e2cf; *//* border-radius: 0 8px 0 8px; */}
.author .photo img{position:absolute;width: 80px;height: 80px;top: 0;left: 20px;}
.author .description{/* margin-left: 120px; */color: #0e0e0e;line-height: 2em;/* padding: 30px 20px; */font-size: 16px;text-indent: 2em;}
.author .bg_right{position:absolute;width:10px;height: 100%;top: 0;right: 0;/* background: #612223; */border-radius: 0 8px 0 0px;}
.book-list{ display: flex;
    flex-wrap: wrap;}
.book-list .row{
    /* flex: 48%; */
    display:flex;
    flex-direction:row;
    /* width: 50%; padding: 10px;float: left; */
    margin: 0 2% 40px 0;
    padding-left: 20px;
}
.book-list .row .list-num{margin-right: 60px;}
.book-list .row .list-num  img{width: 47px;height: 60px;}
.book-list .row .book-cover{margin-right: 30px;}
.book-list .row .book-cover img{
    width: 150px;
    /* height: 200px; */
}
.book-list .row .book-author{line-height:1.5em;}
.book-list .row .book-detail{width: 100%;}
.book-list .row .book-detail h2{margin-top: 0;}
.book-list .row .book-detail p{margin-top: 14px;}
.book-list .row .book-detail button{background-color: #eb8d02;border-radius: 18px;width: 140px;height: 32px;color: #ffffff;line-height: 32px;border: 0;/* margin: 16px 0 0; */padding: 0;font-size: 16px;font-weight: bold;letter-spacing: 2px;cursor: pointer;}

.book-list .row .price-button{display:flex;flex-direction:row;flex: 48%;margin: 10px 0 0;}
.book-list .row .price-button .price{color:#ec8c02;font-size: 24px;line-height: 32px;margin-right:40px;height: 32px;}
.book-list .row .price-button .price del{color: #aaa;font-size:16px;margin-left:10px;}

@media screen and (max-width:480px){
    
    .main-content-inner{
            padding: 100px 18px 50px;
    }
    
    .author{position:relative;width: 98%;}
    .book-list .row{
        flex: 100%;
        display:block;
        margin: 20px 0;
        position:relative;
    }
    .book-list .row .list-num img{position:absolute;left:60px;top:4px;width:40px;height:52px;background-size:40px;}
    .book-list .row:nth-child(even) {margin:0 0 20px 0;}
    .book-list .row .book-cover {
        margin: 6px auto;
        width: 120px;
    }
    .book-list .row .book-cover img{
        width: 120px;
        
    }
    .book-list .row .book-detail h2{text-align: center;}
    .book-list .row .price-button{display:flex;flex-direction:row;flex: 48%;margin: 16px auto;justify-content: space-between;}
    .book-list .row .book-detail .price-button .price{color:#ec8c02;font-size: 20px;line-height: 32px;margin-right:20px;}
    .book-list .row .book-detail button{width: 140px;text-align: center;display: block;}
}


@media screen and (min-width:480px) and (max-width:800px){
    .main-content-inner{
        
        padding-top: 150px;
    }
    .author{position:relative;width: 98%;}
    .book-list .row{
        margin: 20px 0;
        padding-left: 0;
    }

    .book-list .row:nth-child(even) {margin:0 0 20px 0;}
    .book-list .row .list-num{margin-right: 20px;}
    .book-list .row .list-num  img{width: 40px;height: 50px;}


}