body, html {
    min-height: 100%;
    background: url(../img/img/index_bg_2.png) no-repeat;
    /*background-size: 100% 100%;*/
    background-size: cover;
}
#wrapper {
    min-height: 750px;
    /*border: 1px solid green;*/
}
#wrapper .m_header {
    background: none;
}
#wrapper .m_header .m_header_logo,
#wrapper .m_header .m_header_search  {
    display: none;
}
#wrapper .m_header_search {
    width: 700px;
    max-width: 700px;
}
#wrapper .m_header_title {
    position: absolute;
    left: 20px;
    top: 36px;
}

#head_list #logo > img {
    width: 900px;
    margin-bottom: 30px;
}

#head_list_fu {
    position: relative;
    top: 25%;
}
.search_list ul {
    width:700px;
    display: inline-block;
    margin: 12px 0;
}
.search_list ul li{
    float: left;
    /*width: 50px;*/
    height: 34px;
    background-color: rgba(253,179,132,0.2);
    line-height: 34px;
    margin-right: 12px;
    margin-bottom: 16px;
    padding: 0px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#head_list_fu ul li a{
    color: #F9F9F9;
}
#head_list_fu ul li a:hover{
    color: #af6f40;
}
#head_list .txt {
    width: 700px;
}
#head_list p{
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #F9F9F9;
}

#content {
    text-align: center;
    position: absolute;
    top: 26%;
    width: 60%;
    right: 8%;
    /*border: 1px solid red;*/
}
@media(max-width: 1440px) {
    #content {
        top: 24%;
        right: 8%;
        /*border: 1px solid green;*/
    }
}

#foot{
    position: absolute;
    width: 100%;
    bottom: 100px;
    text-align: center
}
#foot>a{
    color: #e6af6e;
    text-decoration: underline;
}
#foot>a:nth-child(2){
    margin:0 50px;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100% ;
    margin: 20px auto;
    z-index: 0;
    overflow: hidden;
    display: none;
}
footer ul{
    display: inline-block;
    margin-bottom: 20px;
}
footer ul li{
    width: 100px;
    float: left;
}
footer ul li a{
    color: #007aff;
    text-decoration: underline;
}
.booklist {
    width: 700px;
    margin: 0 auto;
    /*background-color: rgba(150, 150, 150, 0.1) ;*/
    min-height: 280px;
}
.booklist .booklist-title{
    height: 60px;
    line-height: 60px;
    position: relative;
}
.booklist .booklist-title p{
    font-size: 16px;
    text-align: center;
    padding: 0 40px;
    font-weight: bold;
    color: #F9F9F9;
    display: inline-block;
}
.booklist .booklist-title .booklist-img{
    width: 8px;
}
.booklist .img-left{
    transform:rotate(270deg);
}
.booklist .img-right{
    transform:rotate(-270deg);
}
.booklist .booklist-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    top: -10px;
}
.booklist .line {
    width: 150px;
    height: 1px;
    background: rgba(183,70,20,0.5);
}
.booklist .small-star {
    width: 28px;
    height: 28px;
}
.booklist .small-star:first-of-type {
    margin-left: 15px;
}
.booklist .small-star:last-of-type {
    margin-right: 15px;
}
.booklist .star {
    width: 40px;
    height: 40px;
    margin:0 6px;
}

.booklist .more-link{
    color: #e6af6e;
    position: absolute;
    top: 20px;
    right: 0px;
    font-size: 16px;
}
.booklist .more-title{
    color: #e6af6e;
    position: absolute;
    top: 20px;
    left: 0px;
    font-size: 16px;
}
.booklist ul {
    display: flex;
    flex-wrap: wrap;
    /*padding: 10px 0px;*/
    background-color: rgba(253,179,132,0.2);
}
.booklist ul li{
    word-wrap: break-word;
    width: 20%;
    margin: 10px 0px;
}
.booklist ul li a img{
    width: 80px;
    height:110px;
}
.booklist ul li a span{
    /*word-break: keep-all;*/
    display: block;
    padding: 4px 2px 0 2px;
}