@font-face {
    font-family: '方正大标宋_GBK Regular';
    src: url('../采薇阁字体/方正大标宋/方正大标宋_GBK.ttf') format('truetype');
    src: url('../采薇阁字体/方正大标宋/方正大标宋_GBK.woff') format('woff'),;
    src: url('../采薇阁字体/方正大标宋/方正大标宋_GBK.woff2') format('woff'),;
}
* {
    padding: 0;
    margin: 0;
    list-style: none;
}


body {
    max-width: 1903px;
    height: 2295px;
    background:url(../image/牛皮纸.gif) no-repeat;
    /* background-size: 100% 100%;  */
	/* background-attachment: fixed;  */
	/* background-position: center 0%; */

}

#app {
    width: 100%;
    position: relative;
}
.nav1 {
    margin: 0 auto;
    background-position: center top;
    height: 120px;
    background-image: url(../image/清\ 沈宗骞\ 西塞山庄第二图22.96X241.94纸本.jpg);
    /* opacity: 0.4; */
    background-repeat: no-repeat;
    border-top: 1px solid rgb(212, 212, 212);
    border-bottom: 1px solid rgb(212, 212, 212);
    position: relative;
}

.nav1 > img {
    width: 550px;
    height: 99px;
    position: absolute;
    left:145px;
    top: 10px;
}
/* 下拉菜单 */
.booxx {
    position: absolute;
    left: 400px;
    top: 114px;
}

.booxx >.nav > .dropdown > .dropdown-toggle {
    color: white;
}
.booxx >.nav > .dropdown > .dropdown-toggle:hover {
    color: gray;
}
/* nav结束 */

.tt {
    width: 100%;
    height: 40px;
    background-color: #a88e6b;
    border-top: 1px solid #836b4d;
    border-bottom: 1px solid #836b4d;
    line-height: 40px;
    font-size: 15px;
    padding-left: 170px;
    letter-spacing:2px;
    color: white;
    font-family: "方正大标宋_GBK Regular";
    position: relative;
}
.tt > form > input {
    font-size: 14px ;
    color: #333;
    position: absolute;
    left: 1040px;
    top: -34px;
    height:27px;

}
.tt > button {
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    left: 1414px;
    top: 6px;
    height:27px;
    color: #8f8f8f;
    width: 75px;
    border-left:none;
}
.tt>.input-group >.form-control {
    width: 206px;
}

.bd {
    width: 1075px;
    height: 2135px;
    margin: 0 auto;
    background-image: url(../image/index-background-img.png);
    box-shadow:2px 2px 2px rgb(199, 199, 199);
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
    border: 1px solid #c7c7c7;;
    padding: 10px;
}

.titles {
    font-size: 24px;
    font-family: "方正风雅宋简体 Regular";
    margin-left: 15px;
    color: #836b4d;;
}
.book{
    width: 920px;
    height: 200px;
    /* border: 1px solid firebrick; */
    margin: 0 auto;
    margin-top: 15px;
    padding: 3px;
    padding-right: 24px;
    box-shadow:2px 2px 10px rgb(199, 199, 199);
}
.image :hover {
    background-color: rgb(44, 44, 44);
    opacity: .6;
}


.image{
    width: 135px;
    height: 192px;
    box-shadow:2px 2px 10px rgb(199, 199, 199);
    /* border: 1px solid firebrick; */
}
.image > img {
    margin-left: 3px;
    margin-top: 6px;
}
.message {
    float: right;
    width: 730px;
    height: 192px;
    /* border: 1px solid firebrick; */
    box-shadow:2px 2px 10px rgb(199, 199, 199);
    margin-top: -191px;
    padding: 12px;
    position: relative;
}

.message > ul >li {
    line-height:28px
}
.aaa ,.xxx{
    float: left;
    font-size: 14px;
    color:  #766148;
}

.xxx {
    /* margin-left: 90px; 
    float: left; */
    position: absolute;
    left: 320px;
}
.message > span {
    float: right;
    margin-top: 150px;
}


/* 翻页实现 */
.bd > .pagination {
    position: absolute;
    top: 2180px;
    left: 490px;
}