/* 1. 主页布局 */
.box {
    background: #fff;
    border: 1px solid var(--gray-border);
    padding: 20px;
    border-radius: 10px;
    margin-top: 30px;
    box-sizing: border-box;
}

.tab-block {
    overflow: hidden;
    position: relative;    
}

.tab-block .tab-panes {
    width: 100000px;
    display: flex;
    transition: all .5s;
}

.tab-block .tab-panes .news-list {
    display: block;
}

/* 首页视频 */ 
.video-wrapper {
    position: fixed;
    width: 640px;
    height: 368px;
    top: calc(50vh - 184px);
    left: calc(50vw - 320px);
    z-index: 999;
}
.video-wrapper .video-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.video-wrapper .video-container .close-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 30px;
    right: 0px;
    cursor: pointer;
    z-index: 9999;
}

.video-wrapper .video-container .close-btn svg {
    stroke: #fff;
}


/* 2. 新闻列表 */
.news-list {
    display: none;
}

.news-list.cur-tag {
    display: block;
}

.news-list li {
    margin-bottom: 12.5px;
    position: relative;
}

.news-list li a {
    display: block;
    display: flex;
}

.news-list li .title {
    width: 600px;
    display: block;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
}

.news-list li .time {
    color: var(--gray);
    font-size: 18px;
    line-height: 1.5;
    width: 9em;
    text-align: right;
}

.row-wrapper {
    width: 1400px;
    margin: 20px auto 0px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* 2. 左边的图片新闻 */
.row1-wrapper {
    width: 1400px;
    margin: 0px auto 0px;
    overflow: hidden;
}

.row1-wrapper .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}


/* 2.1 新闻 v5 开始 */
.row1-wrapper .container {
    margin-top: -20px;
}
.row1-news {
    width: 330px;
    height: 285px;
    position: relative;
    margin-top: 20px;
    background-color: #f4f4f4;
    display: block;
}

.row1-news img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.row1-news img.onerror {
    background: #f4f4f4 url("https://100.xmu.edu.cn/images/figure-nopic.png") 50% 50% no-repeat;
}

.row1-news .desc-block {
    position: absolute;
    bottom: 0px;
    background-color: #f4f4f4;
    height: 65px;
    color: #000;
    font-size: 18px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.row1-news .desc-block span {
    width: 100%;
    display: block;
    font-size: 16px;
}

.row1-news .desc-block span.date {
    font-size: 14px;
    color: #a3a3a3;
}
/* 2.1 新闻 v5 结束 */

.row1-wrapper .left-part {
    width: 690px;
    width: 490px;
}

.row1-wrapper .right-part {
    width: 690px;
    width: 890px;
}

.pic-news .news-list {
    height: 450px;
    overflow: hidden;
}

.pic-news .news-list li {
    position: relative;
}

.pic-news .news-list li .media-body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    padding: 10px 20px;
    color: #fff;
    background-color: rgba(18, 56, 118, 0.8);
}

.pic-news .news-list li .media-body .title {
    width: 100%;
    font-weight: bold;
    font-size: 22px;
    line-height: 2;
}

.pic-news .news-list li .media-body .time {
    color: #fff;
}

.pic-news .news-list li .media-pic {
    display: block;
    width: 100%;
    height: 450px;
    background: #f5f3f5 url("https://100.xmu.edu.cn/images/figure-nopic.png") 50% 50% no-repeat;
}

.pic-news .news-list li .media-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pic-news .news-list li .media-pic img.onerror {
    display: none;
}

/* 新闻报道 */
.news-list.type-1 li {
    height: 60px;
    line-height: 20px;
    margin-bottom: 18px;
}

.news-list.type-1 li:last-child {
    margin-bottom: 0px;
}

.news-list.type-1 li a {
    display: flex;
}

.news-list.type-1 li a .time {
    width: 80px;
    background: #fff;
    color: var(--primary-color);
    height: 60px;
    text-align: center;
    padding-top: 8px;
    box-sizing: border-box;
    transition: all 0.5s;
    border: 1px solid var(--primary-color)
}

.news-list.type-1 li a .time .year {
    font-size: 12px;
    line-height: 1;
}

.news-list.type-1 li a .time .date {
    font-size: 32px;
    line-height: 1;
}

.news-list.type-1 li a .title {
    flex: 1;
    color: var(--default-text-color);
    padding: 15px 20px;
    transition: all 0.5s;
}
/* 
.news-list.type-1 li:hover {
    box-shadow: 0 0 20px #a1a1a1;
    -webkit-box-shadow: 0 0 20px #a1a1a1;
    -o-box-shadow: 0 0 20px #a1a1a1;
    -moz-box-shadow: 0 0 20px #a1a1a1;
}

.news-list.type-1 li:hover a .title {
    background: #ced9e8;
}

.news-list.type-1 li:hover a .time {
    background: #668bb8;
} */

/* 3. 第二行：校历和通知公告 */
.row2-wrapper {
    width: 1400px;
    margin: 20px auto 0px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.row2-wrapper .left-part {
    width: 490px;
}

.row2-wrapper .right-part {
    width: 890px;
}

/* 3.1. 第二行：校历 */

/* 3.2. 第二行：通知公告 */
.announce-news {
    width: 890px; 
}

.announce-news li .title {
    width: 840px;
}

.news-list.type-2 li {
    width: 890px;
    height: 48px;
    margin-bottom: 5px;
    border-bottom: 1px dashed var(--gray)
    /* margin-bottom: 21.6px; */
}

.news-list.type-2 li:last-child {
    margin-bottom: 0px;
}

.news-list.type-2 li a {
    flex: 1;
    display: flex;
    /* background: #F1F1F1; */
    color: var(--default-text-color);
    padding-right: 10px;
}

.news-list.type-2 li a::before {
    display: block;
    content: "·";
    font-size: 18px;
    line-height: 48px;
    margin: 0px 10px;
}

.news-list.type-2 li a .title {
    font-size: 16px;
    line-height: 48px;
}

.news-list.type-2 li a .time {
    font-size: 16px;
    line-height: 48px;
}

/* 4. 第三行：服务大厅和常用下载 */
.row3-wrapper {
    width: 1400px;
    margin: 20px auto 0px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.row3-wrapper .left-part {
    width: 490px;
}

.row3-wrapper .right-part {
    width: 890px;
    display: flex;
    justify-content: space-between;
}

/* 日程安排区 */
.day-schedule {
    margin-top: 20px;
    font-size: 14px;
}

.day-schedule .tabs {
    display: flex;
    background: #CCD8E7;
}

.day-schedule .tabs .tab {
    width: 150px;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    padding-left: 5px;
    cursor: pointer;
}

.day-schedule .tabs .tab.cur {
    background: #99B1CF;
}

.day-schedule .tabs .rest {
    flex: 1;
}

.day-schedule .pane {
    width: 490px;
}

.day-schedule .pane li {
    font-size: 14px;
    line-height: 40px;
    border-bottom: 1px solid var(--gray-border);
    padding-left: 5px;
    font-weight: 600;
}

.day-schedule .pane li .dt {
    display: inline-block;
    width: 150px;
}

.day-schedule .pane li.cur {
    background-color: #E4EBF2;
}

/* 4.1 服务大厅 */
.service-link {
    width: 1400px;
}

.service-body {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    font-size: 16px;
    width: 1400px;
}

.service-item {
    width: 116.6px;
    height: 116.6px;
    position: relative;
    display: block;
}

.service-item .item-body {
    width: 116.6px;
    height: 116.6px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.service-item .item-body .icon {
    width: 48px;
    height: 48px;
    fill: none;
    display: block;
    margin: 0 auto;
}

.service-item .item-body .icon svg {
    stroke: var(--primary-color) !important;
}

.service-item .item-body {
    color: var(--primary-color);
}

.service-item:hover {
    background-color: var(--primary-color);
}

.service-item:hover .item-body .icon svg {
    stroke: #fff !important;
}

.service-item .item-body:hover span {
    color: #fff;
}

/* 4.2 常用下载 */
.downloads {
    width: 1400px; 
}

.downoads-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.downoads-body .category {
    background: var(--mask-color);
    width: 120px;
    margin-right: 10px;
    text-align: center;
    line-height: 50px;
}

.downoads-body .category ul li {
    font-size: 16px;
    cursor: pointer;
}

.downoads-body .category ul li.cur {
    font-weight: bold;
    color: var(--primary-color);
}

.downoads-body .tab-panes-container {
    flex: 1;
    width: 1270px;
    overflow: hidden;
}

.downoads-body .tab-panes {
    transition: .5s all;
    display: flex;
}

.downoads-body .contents {
    font-size: 16px;
    margin: 0px;
    flex: 0 0 1270px;
}

.downoads-body .contents .download-item {
    width: 310px;
    font-size: 14px;
    height: 45px;
    float: left;
    display: flex;
}

.downoads-body .contents .download-item .icon {
    width: 24px;
    height: 45px;
    margin-right: 0px;
}

.downoads-body .contents .download-item .icon svg {
    display: block;
    margin: auto;
    stroke: var(--primary-color);
    fill: none;
    width: 16px;
    height: 16px;
    margin-top: 16px;
}

.downoads-body .contents .download-item .text-area {
    flex: 1;
    line-height: 45px;
}

.downoads-body .contents .download-item:hover {
    background: var(--mask-color);
}

/* 2. 办事指南 */
.bszn-body  {
    width: 1400px;    
}

.bszn-body div.category {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
    width: 100%;    
}

.bszn-body .media-item {
    display: block;
    font-size: 16px;
    display: flex;
    border: 1px #DBDBDB solid;
    width: 690px;
    height: 50px;
    margin-bottom: 10px;
}

.bszn-body .media-item .desc {
    width: 145px;
    color: white;
    background: var(--primary-color);
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    display: block;
}

.bszn-body .media-item .media-body {
    line-height: 50px;
    padding-left: 10px;
    flex: 1;
    display: block;
}

.bszn-body .media-item .more {
    font-size: 16px;
    line-height: 50px;
    width: 5em;
    display: none;
}

.bszn-body div.category .media-item:last-of-type .more {
    display: block;
}