/* CSS Document */ body{margin:0 auto;font:"微软雅黑 Arial"} img{border:0;} .clear{clear:both;} .place{float:left;width:1200px; padding:7px 0;margin:15px auto; border-bottom:2px #CC0000 solid;line-height:30px;} em,i,p,a,div,span,td{font-style: normal; font-family:"微软雅黑 Arial";} a:link,a:visited{color:#333333; text-decoration:none;} a:hover{color: #CC0000;} #header{ width:100%;margin:0;padding:0;float:left; font-size:12px;} /*主框架样式*/ #main-container{width:100%;padding:0;margin:0 auto;border-top:5px #FFFFFF solid;display: flex; flex-direction: column; flex-wrap: wrap;align-items: center; background: url(../images/bg.png) no-repeat left top / 100% auto, url(../images/build-left-bg.png) no-repeat left 169px / 380px 264px, url(../images/build-right-bg.png) no-repeat right 169px / 380px 264px, linear-gradient(180deg, #ffe9ea 0, #fff 326px); } /*博士后头条专区*/ #main-container .headline-wrapper{margin: 0 auto 20px; width: 1200px; position: relative; padding-top: 13px;} #main-container .headline-wrapper .headline-title{width: 1105px; margin: 0 auto; background: url(../images/headline-bg.png) no-repeat left / cover; text-align: center; font-size: 22px; font-weight: bold; padding:0; position: absolute; top: 0;left: 50%; transform: translateX(-50%);} #main-container .headline-wrapper .headline-title a{display: block;line-height: 54px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;} #main-container .headline-wrapper .headline-content{background-color: #fff; box-shadow: 0 3px 10px 0 rgba(51,51,51,.12);padding: 60px 48px 0 50px;border-radius: 12px;display: flex;flex-wrap: wrap;justify-content: space-between; padding-bottom: 5px;} #main-container .headline-wrapper .headline-content a{display: inline-block;width: 527px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 13px; font-size:15px;} #main-container .headline-wrapper .headline-content a::before {content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-right: 5px; flex-shrink: 0;background-color: #b61f22;transform: translateY(-2px);} /*专区综合样式*/ /*标题样式*/ #main-container .common-title { position: relative; display: flex; justify-content: center; padding-bottom: 8px;padding-top: 20px;margin-bottom:50px;z-index: 1;} #main-container .common-title .title-fill { font-size:32px; font-weight: bold; background: linear-gradient(0deg, #b61f22 0%, #e95d60 100%); background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text;} #main-container .common-title .title-suffix { font-size: 32px; font-weight: bold;} #main-container .common-title .title-english { font-size: 28px; font-weight: bold; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); color: #F8DADB; z-index: -1;} /*内容区样式*/ #main-container .view-content{width:1200px; margin:0 auto; position:relative;} /*鼠标经过效果*/ #main-container .content a:hover{box-shadow: 0px 0px 0px 1px #b61f22,0 3px 10px 5px rgba(51,51,51,.12);transition: all .3s ease;transform: translateY(-10px);} #main-container .list-content:hover{box-shadow: 0px 0px 0px 1px #b61f22,0 3px 10px 5px rgba(51,51,51,.12);transition: all .3s ease;transform: translateY(-10px);} #main-container .view-content a.more{text-align: center;font-size: 14px;margin: 8px 0px; background: #fff0ce; width: 54px; position: absolute; right: 0; top: 15%; padding: 6px;border-radius: 8px;} /*双一流招聘专区*/ #main-container .DoubleFirst-wrapper{ width:100%;} #main-container .DoubleFirst-wrapper .common-content{display: flex; flex-wrap: wrap;} #main-container .DoubleFirst-wrapper .list-content{width: calc((100% - 60px) / 3); background:linear-gradient(1deg, #ffffff, #d5e2ffcf); border-radius:15px; margin:48px 18px 38px 8px;position: relative;height: 280px;display: flex;justify-content: space-between;flex-direction: column;align-items: center;transition: all .3s ease;} #main-container .DoubleFirst-wrapper .list-content::before{content: "";flex-shrink: 0;background:url(../images/jianzhu.png) no-repeat;position: absolute; width: 100%; height: 280px;} #main-container .DoubleFirst-wrapper .list-content img{width:125px;} #main-container .DoubleFirst-wrapper .list-content h5{font-size:20px; color:#990000;} #main-container .DoubleFirst-wrapper .list-content:nth-child(3n){margin-right:0;} #main-container .DoubleFirst-wrapper .list-content a{display:block; width:100%;} #main-container .DoubleFirst-wrapper .list-content a.company-info{display: block; position: absolute; top: -50px;text-align: center; z-index:1000;} #main-container .DoubleFirst-wrapper .list-content a.company-info h5{margin:15px auto; text-align:center;} #main-container .DoubleFirst-wrapper .list-content .announcement{margin-top: 130px; padding:8px;width: 100%;z-index:1000;} #main-container .DoubleFirst-wrapper .list-content .announcement a{padding: 0 20px; display: flex; padding-bottom: 18px; width:90%; font-size:14px;} #main-container .DoubleFirst-wrapper .list-content .announcement a .gg-name{flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 120px;} #main-container .DoubleFirst-wrapper .list-content .announcement a span{ margin-left: 8px;} #main-container .DoubleFirst-wrapper .list-content .announcement a{padding: 0 20px; display: flex; align-items: center;padding-bottom: 18px; width:90%; font-size:14px;} #main-container .DoubleFirst-wrapper .list-content .announcement a::before { content: ""; width: 6px; height: 6px; flex-shrink: 0; background-color: #c98144; border-radius: 50%; margin-right: 8px; } #main-container .DoubleFirst-wrapper .list-content a.company-aside{background: #e7e6f1;border-radius: 0px 0px 15px 15px;z-index:1000;display: flex; flex-direction: row; align-items: center;justify-content: space-between; height:50px; font-size:14px;} #main-container .DoubleFirst-wrapper .list-content a.company-aside i{ margin-left:15px;} #main-container .DoubleFirst-wrapper .list-content a.company-aside em{ margin-right:15px; background-color: #7a4747b0; color:#fff; padding:10px 25px; border-radius:15px;} #main-container .DoubleFirst-wrapper .list-content a.company-aside i b{font-size:18px; color:#990000;} #main-container .DoubleFirst-wrapper .list-content:hover .company-aside em{ background-color: #990000;transition: all .3s ease;} /*博士后交流活动*/ #main-container .Activities-wrapper{ width:100%; padding-bottom:30px; font-size:15px;} #main-container .Activities-wrapper .list-content img{ width:100%;border-radius: 15px 15px 0 0;} #main-container .Activities-wrapper .common-content{display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px;} #main-container .Activities-wrapper .list-content{width: 285px; background:linear-gradient(1deg, #ffffff, #d5e2ffcf); border-radius:15px; margin:8px 0px;position: relative;height:300px;transition: all .3s ease;box-sizing: border-box;box-shadow: 1px 4px 7px 0px #edd6d6;} #main-container .Activities-wrapper .list-content h5{font-size:15px;margin:8px 0px; height: 50px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; max-height: 50px;-webkit-line-clamp: 2;word-break: break-word; white-space: normal;overflow: hidden;padding:0 10px;color: #d1711b;} #main-container .Activities-wrapper .list-content p{padding:0 10px;flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin:2px 0px; font-size:12px;color: #a50000;} #main-container .Activities-wrapper .list-content i{display: flex; flex-direction: row; justify-content: space-between;margin:15px 5px;padding:0 10px;} #main-container .Activities-wrapper .list-content i span{} #main-container .Activities-wrapper .list-content:nth-child(4n){margin-right:0;} #main-container .Activities-wrapper a{display:block; width:100%;} #main-container .Activities-wrapper .list-content span.tag{position: absolute;right: 0;top: 0;background: #bbc3ffed;color: #930505;padding: 8px;border-radius: 0px 10px 0px 10px;} #main-container .Activities-wrapper .list-content a em{color:#fff; padding:10px 25px; border-radius:15px;position: absolute;bottom: 8px;right: 8px; display:none;transition: all .3s eas} #main-container .Activities-wrapper .list-content em.status{ display:block;} #main-container .Activities-wrapper .list-content:hover em.status{display:none;} #main-container .Activities-wrapper .list-content em.view{background: linear-gradient(90deg, #b61f22, #e95d60);color:#fff; padding:10px 25px; border-radius:15px;position: absolute;bottom: 8px;right: 8px; display:none;transition: all .3s ease;} #main-container .Activities-wrapper .list-content:hover em.view{display:block;transition: all .3s ease;} #main-container .Activities-wrapper .list-content .ongoing {background: #239f57; color: white; } #main-container .Activities-wrapper .list-content .ended { background: #979797; color: white; } #main-container .Activities-wrapper .list-content .upcoming {background: #3498db; color: white;} /*PI专区*/ #main-container .PI-wrapper{width:100%;background: #d5d5d536;background: url(../images/bg1.png) no-repeat left top / 100% auto, url(../images/build-left-bg.png) no-repeat left 169px / 380px 264px, url(../images/build-right-bg.png) no-repeat right 169px / 380px 264px, linear-gradient(0deg, #fffde9 0, #e3e7e966 326px)} #main-container .PI-wrapper .content {display: flex; flex-wrap: wrap; position: relative;} #main-container .PI-wrapper .content a {width: calc((100% - 60px) / 5); background: #fff; border-radius: 10px; height: 150px; margin-bottom: 40px; margin-right: 15px; display: flex; flex-direction: column; justify-content: center;align-items: center;position: relative;transition: all .4s ease; box-shadow: 1px 4px 7px 0px #edd6d6;} #main-container .PI-wrapper .content a:nth-child(5n) { margin-right: 0px;} #main-container .PI-wrapper .content a img{width:195px; height:50px; position:absolute; top: -15px;border-radius: 15px;box-shadow: 0 3px 10px 1px rgba(51,51,51,.12);} #main-container .PI-wrapper .content a .info{padding:15px; font-size:14px;} #main-container .PI-wrapper .content a .bottom{position: absolute;bottom: 0;width: 100%;line-height: 25px;border-radius: 0px 0px 10px 10px;background: linear-gradient(90deg, #f3eaeb, #fffaf7);transition: all .3s ease; text-align:center;} #main-container .PI-wrapper .content a .bottom i{font-style: normal; margin:0 3px; font-size:12px;} .animation-transition, .animation-mouseover { transition: all .3s ease;} #main-container .PI-wrapper .content .bottom i:first-child{background: url(../images/salary01.png) no-repeat 0px / 14px 14px; padding-left:16px;} #main-container .PI-wrapper .content .bottom i:nth-child(2){background: url(../images/number01.png) no-repeat 5px / 14px 14px; padding-left:22px;} #main-container .PI-wrapper .content .bottom i:nth-child(3){background: url(../images/coordinate01.png) no-repeat 5px / 14px 14px; padding-left:22px;} #main-container .PI-wrapper .content a:hover i:first-child{background: url(../images/salary02.png) no-repeat 0px / 14px 14px; padding-left:16px;} #main-container .PI-wrapper .content a:hover i:nth-child(2){background: url(../images/number02.png) no-repeat 5px / 14px 14px; padding-left:22px;} #main-container .PI-wrapper .content a:hover i:nth-child(3){background: url(../images/coordinate02.png) no-repeat 5px / 14px 14px; padding-left:22px;} #main-container .PI-wrapper .content a:hover img{border:1px #b61f22 solid;} #main-container .PI-wrapper .content a:hover .info{ border-color: #b61f22;transition: all .3s ease} #main-container .PI-wrapper .content a:hover .bottom {color: #fff;background: #b61f22} #main-container .PI-wrapper .text-content{display: flex; flex-wrap: wrap; flex-direction: row;background: #fff; border-radius: 25px; padding:15px;margin-bottom: 25px;box-shadow: 3px 3px 4px 1px #ffe2e2;} #main-container .PI-wrapper .text-content a{width: calc((100% - 60px) / 3); margin: 10px 10px;display: inline-block; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;transition: all .3s ease;} #main-container .PI-wrapper .text-content a::before {content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-right: 5px; flex-shrink: 0;background-color: #b61f22;transform: translateY(-2px);} #main-container .PI-wrapper .text-content a:hover{transition: all .3s ease;transform: translatex(-10px);} /*推荐单位专区样式*/ #main-container .Recommend-wrapper{width:100%;background-color:#fff;} #main-container .Recommend-wrapper .content{display: flex;flex-wrap: wrap;} #main-container .Recommend-wrapper .content a{ width: calc((100% - 60px) / 4); border: 1px #FCE0C7 solid; margin-right:20px;margin-bottom:15px; display: flex; background: #fff;border-radius: 12px;padding: 5px;align-items: center;flex-direction: row; justify-content: space-between;transition: all .4s ease; box-sizing: border-box;} #main-container .Recommend-wrapper .content a:nth-child(4n){ margin-right:0;} #main-container .Recommend-wrapper .content a img{width:180px; height:60px;border-radius: 8px;} #main-container .Recommend-wrapper .content a span{max-width: 85px; text-align: center; font-size: 14px; max-height: 36px;word-break: break-word;white-space: normal; text-overflow: ellipsis;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} .search{float:right;widht:400px;margin:0;} .search #search-keyword{width:400px;height:30px;padding:0 0 0 10px;margin:0;border:2px #c84302 solid;border-right:none;border-radius:5px 0 0 5px;} .search button{float:right;height:34px;width:80px;border:0;cursor:pointer;background-color:#c84302;color:#fff;font-size:16px;} .left,.right{background-color:#FFF;padding:8px;border:1px #e2e2e2 solid;border-radius:10px;} .left{float:left;width:1165px;margin-bottom:15px;} .right{ float:right;width:295px;} .left h2{ margin:0;padding:8px;color:#CC0000;font-size:16px;border-bottom:1px #999999 solid;} .left h2 .more{float:right;} .left ul{margin:8px 0;padding:0;font-size:14px;} .left ul li{display:block;float:left;width:32%;padding:8px 5px 8px 10px;margin:0;background:url(https://www.sciencehr.net/templets/default/images/ico-3.gif) no-repeat left center; border-bottom:1px #E7E7E7 dashed; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .left ul li span{ float:right;} /*小logo代码*/ .logotit{float:left; width:388px;border-bottom: 1px #e2e2e2 solid;margin: 0px;padding: 10px 0;} .logotit dl{float:left; width:388px; margin:0; padding:0;} .logotit dt{float:left; width:55px; height:55px; margin: 0 10px; padding:0;} .logotit dd{float:left; margin:5px 0 0 0; padding:0;width: 280px; font-size: 16px; text-align: center; font-weight:bold;} .logotit img{width:60px;} .top-wrapper{display:flex; width:1200px; margin-bottom:35px;} .top-wrapper .aside{width:550px; margin-left:10px;display: flex; flex-direction: column; justify-content: space-between;} .top-wrapper .aside a{ border:1px #d2d2d2 solid; display:block; height:80px;} .top-wrapper .aside a:first-child{border-radius:0px 12px 0px 0px;} .top-wrapper .aside a:nth-child(2){border-radius:0px 0px 12px 0px;} /*幻灯片代码*/ .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1} .swiper-wrapper{position: relative;width:642px;height:170px;z-index: 1;display: flex;transition-property: transform; box-sizing: content-box;} .swiper-slide{flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;} .swiper-pagination {position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10} .swiper-pagination-bullets,.swiper-pagination-horizontal{bottom: 10px;left: 0;width: 100%} .swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display: inline-block;border-radius: 50%;background: var(--swiper-pagination-bullet-inactive-color,#000);opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)} .swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;} .swiper-img {margin-bottom:0px;background-color: #fff;border-radius: 8px} .swiper-img .swiper-pagination-bullet {width:27px;height: 5px;border-radius: 4px;margin: 0;background-color: #fff;opacity: 1} .swiper-img .swiper-pagination-bullet+.swiper-pagination-bullet {margin-left: 5px} .swiper-img .swiper-pagination-bullet-active {width: 10px;border-radius: 3px} .swiper-img .swiper-pagination {bottom:0; padding:15px 0px;} .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover} /*学术活动样式*/ /* 搜索框样式 */ #main-container .search-box {margin: 20px 0;padding: 15px;background: #fff;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1); width:1200px;} #main-container .search-group {display: flex;gap: 10px;max-width: 600px;} #main-container #keyword {flex: 1;padding: 10px 20px;border: 1px solid #ced4da;border-radius: 25px;font-size: 16px;} #main-container #keyword:focus {border-color: #1890ff;box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);} #main-container #searchBtn {padding: 10px 30px;background: #1890ff;color: white;border: none;border-radius: 25px;cursor: pointer;transition: all 0.3s;} main-container #searchBtn:hover {background: #40a9ff;transform: scale(1.05);} /* 筛选器样式 */ #main-container .filter-section {margin: 20px 0;padding: 15px;background: #fff;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1); width:1200px;} #main-container .filter-group {display: flex;gap: 20px;margin-bottom: 15px;} #main-container .filter-title {font-weight: bold;min-width: 60px;line-height: 32px;} #main-container .filter-options {display: flex;gap: 15px;flex-wrap: wrap;} #main-container .filter-option {padding: 8px 20px;border-radius: 16px;background: #fff;cursor: pointer;transition: all 0.3s;} #main-container .filter-option:hover {background: #e6f7ff;border-color: #1890ff;} #main-container .filter-option.active {background: #1890ff;color: white;border-color: #1890ff;} /* 已选条件样式 */ #main-container .selected-conditions {margin:15px 0;padding:15px;background: #f0faff;border: 1px solid #91d5ff;border-radius: 8px;display: none;} #main-container .condition-tag {display: inline-flex;align-items: center;padding: 6px 15px;margin: 5px;background: #e6f7ff;border: 1px solid #91d5ff;border-radius: 15px;} #main-container .condition-tag .close {margin-left: 10px;color: #1890ff;cursor: pointer;font-weight: bold;transition: all 0.2s;} #main-container .condition-tag .close:hover {color: #40a9ff;transform: scale(1.2);} #main-container .no-results {text-align: center;color: #666;padding: 40px;font-size: 18px;display: none;background: #f5faff;border: 1px #d2d2d2 dashed;border-radius: 18px;} /* 分页样式 */ #main-container .pagination {margin: 20px 0;display: flex;justify-content: center;gap: 8px;flex-wrap: wrap;} #main-container .page-item {padding: 6px 12px;border: 1px solid #dee2e6;border-radius: 4px;cursor: pointer;background: #fff;transition: all 0.3s;} #main-container .page-item.active {background: #1890ff;color: white;border-color: #1890ff;} #main-container .page-item.disabled {color: #6c757d;pointer-events: none;background: #f8f9fa;} #main-container .page-item:hover:not(.active) {background: #e6f7ff;} .footer{width:100%;padding:8px 0;border-top:1px #D7D7D7 solid; background-color: #333333; color:#FFFFFF;} .footer p, .footer a{font-size:14px;color:#FFFFFF;}