/*适应PC端 宽度大于960px*/
/* @media screen and (min-width: 960px) { */
.content {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    border: 1px solid #ececec;
    padding: 60px 0 0 35px;
    position: relative;}

.content > div.fl {
    width: 230px;
    margin-right: 40px;
    overflow: hidden;}

.content > div.fl .avigation {
    margin-bottom: 40px;
    overflow: hidden;
    border: 0;}

.content > div.fl .avigation img {
    width: 35px;
    height: 45px;
    margin-right: 10px;}

.content > div.fl .avigation h2 {
    font-size: 20px;}

.content > div.fl .avigation p {
    font-size: 18px;}

.content > div.fl div h3 {
    width: 138px;
    border: 1px solid #dadddc;
    border-bottom-right-radius: 20px;
    background: #A04BA0;
    padding: 5px 12px;
    font-size: 16px;
    margin-bottom: 10px;}

.content > div.fl div h3 img {
    vertical-align: 0px;
    margin-right: 5px;}

.content > div.fl div {
    margin-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;}

.content > div.fl div ul {
    overflow: hidden;
    padding-bottom: 7px;}

.content > div.fl div ul li {
    width: 50%;
    padding-left: 12px;
    margin-bottom: 8px;
    float: left;
    position: relative;
    cursor: pointer;
    font-size: 15px;}

.content > div.fl div ul li:hover {
    color: #A04BA0;}

.content > div.fl div ul li.active a {
    color: #A04BA0;}

.content > div.fl div ul li.active::before {
    background-color: #A04BA0;}

.content > div.fl div ul li::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #a0a0a0;
    position: absolute;
    top: 7px;
    left: 0;}

.content > div.fr {
    width: calc(100% - 270px);
    padding-right: 30px;
    padding-bottom: 70px;}

.content > div.fr > p {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px;
    font-size: 14px;
    color: #666;}

.content > div.fr > p a {
    font-size: 14px;}

#pdf {
    float: right;
    color: #08b37d;
    font-size: 18px;}
#pdf img {
    margin-right: 7px;
    width: 18px;
    height: 18px;
    vertical-align: -4px;}

/* 二级表格 */
.content .contentFr table {
    width: 100%;
    margin: 10px 0;
    background-color: #fff;
    color: #5f5f5f;}

.content .contentFr table tr:nth-child(1) {
    background-color: #f2f2f2;}

.content .contentFr table tr:hover {
    background-color: #f2f2f2;}

.content .contentFr table td {
    padding: 9px 15px !important;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    border: 1px solid #ddd !important;}
.content .contentFr table td:nth-child(1) {
    width: 250px;}
.content .contentFr table td:nth-child(2) {
    width: 160px;}
.content .contentFr table td:nth-child(3) {
    width: 250px;}

.content .contentFr .lxwm table td {
    width: 50%;}

/* 二级列表 */
.list {
    margin-bottom: 85px;}

.list > p {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px;}

.list ul li {
    overflow: hidden;
    margin-bottom: 15px;}

.list ul li > div.fl {
    width: 80px;
    height: 90px;
    border: 1px solid #f0f0f0;
    color: #bebebe;
    text-align: center;
    border-radius: 10px;
    padding-top: 15px;}

.list ul li > div.fl h1 {
    font-size: 28px;
    font-weight: 700;}

.list ul li > div.fl p {
    font-size: 14px;
    margin-top: 5px;
    font-weight: 700;}

.list ul li > div.fr {
    width: calc(100% - 80px);
    padding: 12px 25px;}

.list ul li > div.fr a {
    font-size: 17px;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;}

.list ul li > div.fr a:hover {
    color: #7c2a7b;}

.list ul li > div.fr p {
    font-size: 14px;
    max-height: 48px;
    color: #9e9e9e;
    margin-top: 10px;
    line-height: 150%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;}

/* 二级详情页面 */
.detalis h1 {
    padding: 40px 0 25px;}

.detalis > span {
    display: block;
    margin-bottom: 60px;}

.detalis > div {
    line-height: 200%;}
.detalis > div img {
    max-width: 100%;}
/* 二级信息公告页面 */
.notice {
    margin-bottom: 85px;}

.notice ul {
    margin-top: 35px;}

.notice ul li,
.guide li {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
    margin-bottom: 15px;}

.notice ul li .title,
.guide li .title {
    border-left: 5px solid #eae0eb;
    padding-left: 15px;
    font-size: 17px;}

.notice ul li .title:hover {
    color: #A04BA0;
    font-weight: 700;}

.notice ul li .more {
    color: #A04BA0;
    font-size: 14px;}

.notice ul li p {
    margin: 5px 0;
    color: #989898;
    line-height: 150%;
    font-size: 15px;}

.tsg li {
    width: 46%;
    display: inline-block;
    text-align: center;
    margin: 0 1.5%;
    border: 0 !important;}

.tsg li img {
    width: 100%;
    height: 260px;
    display: block;
    margin-bottom: 10px;}

.tsg li p {
    margin: 5px 0;
    color: #989898;
    line-height: 150%;
    font-size: 15px;}

/* 二级馆舍风貌页面 */
.library {
    margin-bottom: 85px;}

.library .tab {
    width: 200px;
    margin: -10px auto 20px;}
.tab button {
    width: 100px;
    display: inline-block;
    margin: 0 -2px;
    border: 1px solid #7c2a7b;
    background: #fff;
    height: 35px;
    font-size: 14px;
    color: #7c2a7b;
    cursor: pointer;}

.tab button.active {
    background-color: #7c2a7b;
    color: #fff;}

.tab button:nth-child(1) {
    border-radius: 7px 0 0 7px;}
.tab button:nth-child(2) {
    border-radius: 0 6px 6px 0;}

.library .libraryCon {
    margin-bottom: 30px;
    overflow: hidden;}

.library .libraryCon div {
    float: left;
    /*cursor: pointer;*/
    text-align: center;
    padding: 0 10px 30px;
    width: 33.333%;}

.library .libraryCon div img {
    width: 260px;
    height: 180px;
    margin-bottom: 5px;
    display: block;
    background: #f2f2f2;
    margin: 0 auto;}

.whj_jqueryPaginationCss-1 div {
    line-height: 28px;}

.whj_jqueryPaginationCss-1 .whj_border {
    border: 1px solid #dddddd;
    border-radius: 5px;}

.whj_jqueryPaginationCss-1 .whj_bgc {
    color: #000;}

.whj_jqueryPaginationCss-1 .whj_checked {
    background-color: #1a96aa;
    color: #fff;}

/* }

/*适应pad端 宽度在640-1000之间*/
@media screen and (min-width: 640px) and (max-width: 960px) {
}

/*适应移动端 宽度小于640*/
@media screen and (max-width: 639px) {
}

@media screen and (min-width: 2120px) {
    /* 首页 */
    .header .logo,
    .header .retrieval .title,
    .header .retrieval .search {
        width: 1400px !important;}

    .header .retrieval .title div a {
        font-size: 22px;}

    .header .retrieval .title ul li a {
        font-size: 16px;}

    .header .retrieval .search > div input {
        font-size: 15px;}

    .header .retrieval .search > div p {
        font-size: 14px;}

    /* .header .retrieval .search,
    .header .retrieval .title {
        width: 1400px !important;
    } */

    .header .retrieval .search ul li {
        font-size: 17px;}

    .header .notice {
        position: absolute;
        bottom: 108px;}

    .header .button {
        position: absolute;
        bottom: 45px;
        left: 50%;
        margin-left: -45px;}

    /* 二级页面 */
    .content {
        width: 1400px;}

    /* 二级馆舍风貌页面 */
    .library .libraryCon div img {
        width: 330px;
        height: 200px;}
}

@media screen and (max-width: 1440px) {
    /* 首页 */
    .header .logo,
    .header .retrieval .title,
    .header .retrieval .search {
        width: 1000px !important;}

    .header .retrieval .search > div input {
        width: 430px;}

    .header .retrieval .title div a {
        font-size: 22px;}

    .header .retrieval .title ul li a {
        font-size: 16px;}

    .header .retrieval .search > div input {
        font-size: 15px;}

    .header .retrieval .search > div p {
        font-size: 14px;}

    /* .header .retrieval .search,
    .header .retrieval .title {
        width: 1000px !important;
    } */

    .header .retrieval .search ul li {
        font-size: 17px;}

    .header .notice {
        position: absolute;
        bottom: 108px;}

    .header .button {
        position: absolute;
        bottom: 45px;
        left: 50%;
        margin-left: -45px;}

    /* 二级页面 */
    .content {
        width: 1000px;}

    /* 二级馆舍风貌页面 */
    .library .libraryCon div img {
        width: 200px;
        height: 180px;}
}

/* 电子资源校外访问系统 */
.retList li {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
    margin-bottom: 15px;}
.retList li a {
    border-left: 5px solid #eae0eb;
    padding-left: 15px;
    font-size: 17px;}

.retList li a:hover {
    color: #A04BA0;}