body{background:#f7f8fb}
.agreement-container .container-main .main-bgimg{width:99vw;height:30rem}
.agreement-container .container-main .main-content{width:100%}
.agreement-container .container-main .main-content .content-box{padding:1.5rem 2rem 3rem 2rem;display:flex;justify-content:space-between}
.agreement-container .container-main .main-content .content-box .content-box-sidebar{width:15rem}
.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-title{padding:1.5rem 0;background-color:#90000a;color:#fff;font-size:1.5rem;font-weight:600;text-align:center}
.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-tip{height:.5rem;background:#540006}
.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-item{padding:1rem;background:#fff;cursor:pointer}
.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-item .sidebar-item-button{padding:.8rem 0;color:#333;font-size:1rem;text-align:center}
.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-item .sidebar-item-button:hover{color:#fff;background:#90000a}
.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-item .sidebar-item-button.active{color:#fff;background:#90000a}
.agreement-container .container-main .main-content .content-box .content-box-info{width:70rem;min-height:30rem;padding:2rem;background:#fff}
.agreement-container .container-main .main-content .content-box .content-box-info .hidden{display:none}
.agreement-container .container-main .main-content .content-box .content-box-info .active{display:block}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-title{color:#333;font-size:1.25rem;font-weight:600}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-txt{padding-top:1.5rem;color:#333;font-size:1rem;line-height:2.5rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-img{padding-top:1.5rem;width:62rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news{padding-top:1.5rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item{display:flex;align-items:center;border:2px solid #fff;padding:.8rem;width:100%;box-sizing:border-box}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-time{text-align:center;padding-right:1.5rem;border-right:1px solid #f1f1f1}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-time .item-time-day{color:#000;font-size:2.25rem;font-weight:600}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-time .item-time-year{color:#000;font-size:1rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-info{flex:1;padding-left:1.5rem;cursor:pointer}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-info .item-info-title{color:#333;font-size:1.25rem;font-weight:600}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-info .item-info-txt{padding-top:1rem;color:#666;font-size:.875rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-info .item-info-img{margin-left:1.5rem;width:11.25rem;height:6.25rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item:hover{border:2px solid #90000a}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item:hover .news-item-time .item-time-day{color:#90000a}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item:hover .news-item-time .item-time-year{color:#90000a}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item:hover .news-item-info .item-info-title{color:#90000a}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-divider{margin-top:1rem;height:.375rem;background:#90000a}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus{padding-top:1.5rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-title{color:#333;text-align:center;font-size:1.25rem;font-weight:600}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box{display:flex;justify-content:space-between;flex-wrap:wrap}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box .info-alumnus-item{padding-top:1.5rem;width:16rem;cursor:pointer}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box .info-alumnus-item .alumnus-item-img{width:100%;height:18rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box .info-alumnus-item .alumnus-item-name{padding:.75rem 0;color:#000;text-align:center;font-size:1.25rem;font-weight:600}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box .info-alumnus-item .alumnus-item-brief{color:#666;font-size:1rem}
.agreement-container .modal{overflow-x:auto;padding:1rem 0!important}
.agreement-container .modal .modal-dialog{display:flex;justify-content:center;align-items:center;min-width:52rem;max-width:100%;margin:0;min-height:100%}
.agreement-container .modal .modal-dialog .modal-content{padding:1.5rem 2rem;border-radius:.5rem;width:16rem}
.agreement-container .modal .modal-dialog .modal-content .modal-content-title{display:flex}
.agreement-container .modal .modal-dialog .modal-content .modal-content-title .content-title-txt{flex:1;color:#5a5b6e;font-size:1rem;font-weight:600}
.agreement-container .modal .modal-dialog .modal-content .modal-content-title .content-title-img{width:1.5rem;height:1.5rem}
.agreement-container .modal .modal-dialog .modal-content .modal-content-code{margin-top:1rem;width:100%;height:11.25rem}
.agreement-container .modal .modal-dialog .modal-content .modal-content-tap{text-align:center;margin-top:1rem;color:#5a5b6e;font-size:1rem;font-weight:600}
@media screen and (max-width:1700px){.agreement-container .component-header{width:99vw;background:linear-gradient(180deg,#90000a 0,rgba(144,0,10,0) 100%)}
.agreement-container .component-header .header-normal .header-logo{margin:2rem 12rem;width:28rem;height:4rem}
.agreement-container .component-header .header-normal .header-divider{margin-bottom: .35rem;height:1px;background:rgba(255,255,255,.25)}
.agreement-container .component-header .header-normal .nav .nav-item{cursor:pointer}
.agreement-container .component-header .header-normal .nav .nav-item a{display:inline-block;padding:.25rem 1.55rem;font-size:1.25rem;color:#fff;transition:color .3s}
.agreement-container .container-main .main-bgimg{width:99vw;height:26rem}
.agreement-container .container-main .main-content{width:100%}
.agreement-container .container-main .main-content .content-box{padding:1.5rem 0 3rem 0;display:flex;justify-content:space-between}
.agreement-container .container-main .main-content .content-box .content-box-sidebar{width:12rem}
.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-title{padding:1rem 0;background-color:#90000a;color:#fff;font-size:1.25rem;font-weight:600;text-align:center}
.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-tip{height:.5rem;background:#540006}
.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-item{padding:1rem;background:#fff;cursor:pointer}
.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-item .sidebar-item-button{padding:.8rem 0;color:#333;font-size:.9rem;text-align:center}
.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-item .sidebar-item-button:hover{color:#fff;background:#90000a}
.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-item .sidebar-item-button.active{color:#fff;background:#90000a}
.agreement-container .container-main .main-content .content-box .content-box-info{width:60rem;min-height:30rem;padding:2rem;background:#fff}
.agreement-container .container-main .main-content .content-box .content-box-info .hidden{display:none}
.agreement-container .container-main .main-content .content-box .content-box-info .active{display:block}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-title{color:#333;font-size:1rem;font-weight:600}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-txt{padding-top:1.5rem;color:#333;font-size:.75rem;line-height:2.5rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-img{padding-top:1.5rem;width:52rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news{padding-top:1.5rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item{display:flex;align-items:center;border:2px solid #fff;padding:.6rem;width:100%;box-sizing:border-box}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-time{text-align:center;padding-right:1.5rem;border-right:1px solid #f1f1f1}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-time .item-time-day{color:#000;font-size:2rem;font-weight:600}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-time .item-time-year{color:#000;font-size:.75rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-info{flex:1;padding-left:1.5rem;cursor:pointer}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-info .item-info-title{color:#333;font-size:1rem;font-weight:600}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-info .item-info-txt{padding-top:0.2rem;color:#666;font-size: 1rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-info .item-info-img{margin-left:1.5rem;width:11rem;height:6rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item:hover{border:2px solid #90000a}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item:hover .news-item-time .item-time-day{color:#90000a}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item:hover .news-item-time .item-time-year{color:#90000a}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item:hover .news-item-info .item-info-title{color:#90000a}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-divider{margin-top:1rem;height:.375rem;background:#90000a}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus{padding-top:1.25rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-title{color:#333;text-align:center;font-size:1rem;font-weight:600}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box{display:flex;justify-content:space-between;flex-wrap:wrap}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box .info-alumnus-item{padding-top:1.25rem;width:13.5rem;cursor:pointer}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box .info-alumnus-item .alumnus-item-img{width:100%;height:15rem}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box .info-alumnus-item .alumnus-item-name{padding:.75rem 0;color:#000;text-align:center;font-size:1rem;font-weight:600}
.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box .info-alumnus-item .alumnus-item-brief{color:#666;font-size:.75rem}
.agreement-container .modal{overflow-x:auto;padding:1rem 0!important}
.agreement-container .modal .modal-dialog{display:flex;justify-content:center;align-items:center;min-width:52rem;max-width:100%;margin:0;min-height:100%}
.agreement-container .modal .modal-dialog .modal-content{padding:1.5rem 2rem;border-radius:.5rem;width:16rem}
.agreement-container .modal .modal-dialog .modal-content .modal-content-title{display:flex}
.agreement-container .modal .modal-dialog .modal-content .modal-content-title .content-title-txt{flex:1;color:#5a5b6e;font-size:1rem;font-weight:600}
.agreement-container .modal .modal-dialog .modal-content .modal-content-title .content-title-img{width:1.5rem;height:1.5rem}
.agreement-container .modal .modal-dialog .modal-content .modal-content-code{margin-top:1rem;width:100%;height:11.25rem}
.agreement-container .modal .modal-dialog .modal-content .modal-content-tap{text-align:center;margin-top:1rem;color:#5a5b6e;font-size:1rem;font-weight:600}
}
@media screen and (max-width:767px){
	body .component-footer{margin:0 -15px;padding:0 15px;background:#90000a;width:99vw}
	body .component-footer .footer-nav{padding:2rem 0 0 0}
	body .component-footer .footer-nav .footer-nav-item{display:block;text-align:center;padding:0}
	body .component-footer .footer-nav .footer-nav-item .nav-item-img{width:6rem;height:6rem;margin:0 auto;display:block}
	body .component-footer .footer-nav .footer-nav-item .nav-item-txt{margin-top:1rem;text-align:center;color:#fff;font-size:.75rem}
	body .component-footer .footer-link{border-top:1px solid rgba(141,146,156,.15);padding:.25rem 0 1rem}
	body .component-footer .footer-link .link-title{font-size:1rem;font-weight:600;line-height:1.375rem;color:#5a5b6e;margin-top:.75rem}
	body .component-footer .footer-link .link-list{flex:1;display:flex;flex-wrap:wrap}
	body .component-footer .footer-link .link-list a{margin-top:.75rem;padding-left:2rem;font-size:1rem;line-height:1.375rem;color:#8d929c;transition:color .3s}
	body .component-footer .footer-link .link-list a:hover{color:#4481eb}
	body .component-footer .footer-info{border-top:1px solid rgba(141,146,156,.15);padding:1.5rem 0 1rem}
	body .component-footer .footer-info .info-copyright .copyright{font-size:1rem;line-height:1.375rem;color:#5a5b6e}
	body .component-footer .footer-info .info-copyright .link{margin-left:1rem;font-size:1rem;line-height:1.375rem;color:#5a5b6e;transition:color .3s}
	body .component-footer .footer-info .info-copyright .link .icon{margin-right:.5rem;width:1.25rem;height:1.25rem}
	body .component-footer .footer-info .info-copyright .link:hover{color:#4481eb}
	body .component-footer .footer-info .info-statistics .statistics-item{margin-left:2.5rem}
	body .component-footer .footer-info .info-statistics .statistics-item .item-icon{width:1rem;height:1rem}
	body .component-footer .footer-info .info-statistics .statistics-item .item-text{margin-left:.5rem;font-size:1rem;line-height:1.375rem;color:#5a5b6e}
	.agreement-container .container-main .main-bgimg{width:99vw;height:10rem}
	.agreement-container .container-main .main-content{width:100%;padding-left:2rem}
	.agreement-container .container-main .main-content .content-box{padding:1.5rem 0 3rem 0;display:flex;flex-direction:column;justify-content:space-between}
	.agreement-container .container-main .main-content .content-box .content-box-sidebar{width:100%}
	.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-title{padding:1rem 0;background-color:#90000a;color:#fff;font-size:.75rem;font-weight:600;text-align:center;display:none}
	.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-tip{display:none;height:.5rem;background:#540006}
	.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-item{padding:0;background:#fff;cursor:pointer;display:flex}
	.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-item .sidebar-item-button{width:33%;padding:.8rem 0;color:#333;font-size:.8rem;text-align:center}
	.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-item .sidebar-item-button:hover{color:#fff;background:#90000a}
	.agreement-container .container-main .main-content .content-box .content-box-sidebar .box-sidebar-item .sidebar-item-button.active{color:#fff;background:#90000a}
	.agreement-container .container-main .main-content .content-box .content-box-info{width:100%;min-height:20rem;padding:.75rem;background:#fff}
	.agreement-container .container-main .main-content .content-box .content-box-info .hidden{display:none}
	.agreement-container .container-main .main-content .content-box .content-box-info .active{display:block}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-title{color:#333;font-size:1rem;font-weight:600}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-txt{padding-top:.75rem;color:#333;font-size:.75rem;line-height:2.5rem}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-img{padding-top:1.5rem;width:100%}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news{padding-top:1rem}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item{display:flex;align-items:center;border:1px solid #fff;padding:.6rem;width:100%;box-sizing:border-box}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-time{text-align:center;padding-right:.5rem;border-right:1px solid #f1f1f1}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-time .item-time-day{color:#000;font-size:1.25rem;font-weight:600}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-time .item-time-year{color:#000;font-size:.25rem}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-info{flex:1;padding-left:.5rem;cursor:pointer}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-info .item-info-title{width:12rem;color:#333;font-size:.5rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-info .item-info-txt{width:12rem;padding-top:1rem;color:#666;font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item .news-item-info .item-info-img{display:none;width:6rem;height:2rem}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item:hover{border:1px solid #90000a}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item:hover .news-item-time .item-time-day{color:#90000a}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item:hover .news-item-time .item-time-year{color:#90000a}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-news .info-news-item:hover .news-item-info .item-info-title{color:#90000a}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-divider{margin-top:1rem;height:.375rem;background:#90000a}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus{padding-top:1.5rem}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-title{color:#333;text-align:center;font-size:1rem;font-weight:600}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box{display:flex;justify-content:center;flex-wrap:wrap}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box .info-alumnus-item{padding-top:1.5rem;width:15rem;cursor:pointer}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box .info-alumnus-item .alumnus-item-img{width:100%;height:17rem}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box .info-alumnus-item .alumnus-item-name{padding:.75rem 0;color:#000;text-align:center;font-size:.75rem;font-weight:600}
	.agreement-container .container-main .main-content .content-box .content-box-info .box-info-alumnus .info-alumnus-item-box .info-alumnus-item .alumnus-item-brief{color:#666;font-size:.75rem}
	.agreement-container .modal{overflow-x:auto;padding:1rem 0!important}
	.agreement-container .modal .modal-dialog{display:flex;justify-content:center;align-items:center;min-width:52rem;max-width:100%;margin:0;min-height:100%}
	.agreement-container .modal .modal-dialog .modal-content{padding:1.5rem 2rem;border-radius:.5rem;width:16rem}
	.agreement-container .modal .modal-dialog .modal-content .modal-content-title{display:flex}
	.agreement-container .modal .modal-dialog .modal-content .modal-content-title .content-title-txt{flex:1;color:#5a5b6e;font-size:1rem;font-weight:600}
	.agreement-container .modal .modal-dialog .modal-content .modal-content-title .content-title-img{width:1.5rem;height:1.5rem}
	.agreement-container .modal .modal-dialog .modal-content .modal-content-code{margin-top:1rem;width:100%;height:11.25rem}
	.agreement-container .modal .modal-dialog .modal-content .modal-content-tap{text-align:center;margin-top:1rem;color:#5a5b6e;font-size:1rem;font-weight:600}
}