.home-first-box{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: unset;
    height: auto;
    /*align-items: flex-start;
    height: 100%;*/
}
.home-first-box .layui-form-select .layui-input {

}
.home-first-box .card-col-4 .base-card {
    width: calc((100% - 3.75rem) / 4) !important;
}
.home-first-box .search-container {
    /*width: 62.5rem;*/
    width: 100%;
    padding: 0 19rem;
    margin: 7rem auto 0;
}
.home-first-box .search-box {
    position: relative;
}
.search-form {
    margin-bottom: 0;
}
.search-form .layui-form-item {
    display: flex;
    width: 100%;
}
.home-first-box .search-form .keyword-input {
    color: #333;
    font-size: 1.38rem;
    width: 100%;
    height: 4.13rem;
    line-height: 4.13rem;
    border-radius: 0.31rem;
    padding: 0 8.13rem 0 9.38rem;
    /*padding-left: 9.38rem;*/
    /*background: rgba(255, 255, 255, 0.20);*/
    background: #fff;
    border-top: 0.06rem solid rgba(255,255,255,0.8);
    border-left: 0.06rem solid rgba(255,255,255,0.8);
    border-bottom: 0.06rem solid rgba(255,255,255,0.8);
}
.search-form .layui-btn {
    width: auto;
    padding: 0 1.25rem;
    height: 3.38rem;
    line-height: 3.38rem;
    text-align: center;
    /*border-radius: 0 1.25rem 1.25rem 0;*/
    background: #1062FF;
    color: #fff;
    position: absolute;
    right: 0.38rem;
    top: 0.38rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 1.25rem;
    color: #FFFFFF;
    font-style: normal;
    text-transform: none;
    border-radius: 0.25rem;
}
.search-form .icon-search {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.94rem;
    margin-right: 0.25rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/home/icon-search-white.png);
}
.home-first-box .layui-form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.home-first-box .layui-form .layui-form-select {
    position: absolute;
    left: 0;
    z-index: 2;
    height: 4.13rem;
    line-height: 4.13rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 1.38rem;
    line-height: 4.13rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    border: none;
    background: #fff;
    border-radius: 0.25rem;
}
.home-first-box .layui-form .layui-form-select .layui-select-title {
    width: 8.13rem;
}
.home-first-box .search-form .layui-form-select .layui-input {
    height: 4.13rem;
    line-height: 4.13rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 1.375rem;
    color: #012B73;
    font-style: normal;
    text-transform: none;
    padding-right: 1.88rem;
    padding-left: 0.625rem;
}
.home-first-box .layui-form-select .layui-edge {
    border-top-color: #012B73;
    right: 0.625rem;
}
.home-first-box .layui-form-select dl {
    top: 4.13rem;
}
.home-first-box .layui-form-select dl dd.layui-this {
    color: #012B73;
}
.home-first-box .layui-form-select dl dd {
    line-height: 3.13rem;
}
.home-first-box .layui-form .layui-form-item {
    margin-bottom: 0;
}
.home-first-box .banner-to-other-container {
    /*width: 62.5rem;*/
    width: 100%;
    padding: 0 19rem;
    margin: 3rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.home-first-box .banner-to-other-container .banner-to-other-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 8.38rem;
    /*width: calc((100% - 3.75rem) / 7);*/
    height: 4.88rem;
    padding: 0 1.1rem;
    background: linear-gradient( 90deg, #4579F7 0%, #477BF7 15%, #487DF7 34%, #56A8FF 63%, #74C1FF 100%);
    box-shadow: 0px 0.25rem 0.625rem 0px rgba(0,28,71,0.6);
}
.home-first-box .banner-to-other-container .banner-to-other-box + .banner-to-other-box {
    margin-left: 0.625rem;
}
.home-first-box .banner-to-other-container .banner-to-other-box .txt {
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    font-size: 1.25rem;
    color: #FFFFFF;
    line-height: 1.31rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    word-break: keep-all;
    white-space: nowrap;
}
.home-first-box .banner-to-other-container .banner-to-other-box .img {
    height: 1.88rem;
    width: auto;
}
.home-first-box .resource-recommend-container {
    margin-top: 4rem;
    width: 100%;
}
.home-first-box .resource-recommend-container .content-title {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 2rem;
    color: #FFFFFF;
    line-height: 2.81rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.home-first-box .resource-recommend-container .sub-title {
    margin-top: 0.63rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 1rem;
    color: rgba(255,255,255,0.6);
    line-height: 1.44rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.layui-tab.resource-recommend-tab .layui-tab-title {
    margin-top: 0.88rem;
    border: none;
    text-align: center;
    height: 1.38rem;
}
.layui-tab.resource-recommend-tab .layui-tab-title li {
    padding: 0.44rem 2.5rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 1rem;
    color: rgba(255,255,255,0.8);
    line-height: 1.38rem;
    text-align: center;
    font-style: normal;
    background: rgba(51,106,221,1);
}
.layui-tab.resource-recommend-tab .layui-tab-title li + li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0.06rem;
    top:50%;
    width: 0.06rem;
    height: 1.38rem;
    transform: translateY(-50%);
    background: rgba(255,255,255,1);
}
.layui-tab.resource-recommend-tab .layui-tab-title li.layui-this + li:before {
    left: -0.06rem;

}
.layui-tab.resource-recommend-tab >.layui-tab-title .layui-this {
    color: #1A55D5;
    border-radius: 0.25rem;
    background: #fff;
}
.layui-tab.resource-recommend-tab > .layui-tab-title .layui-this:after {
    border-bottom: 0 solid #fff;
    height: 1.38rem;
}
.recommend-resource-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1.31rem;
    height: 14.75rem;
}
.recommend-resource-box .base-card {
    position: relative;
    height: 100%;
    background-size: 100%;
}
.recommend-resource-box .base-card{
    border-radius: 10px;
    overflow: hidden;
}
.recommend-resource-box .base-card:nth-child(5),
.recommend-resource-box .base-card:nth-child(1) {
    background-image: url(../images/home/bg-recommend-resource1.jpg);
}
.recommend-resource-box .base-card:nth-child(6),
.recommend-resource-box .base-card:nth-child(2) {
    background-image: url(../images/home/bg-recommend-resource2.png);
}
.recommend-resource-box .base-card:nth-child(7),
.recommend-resource-box .base-card:nth-child(3) {
    background-image: url(../images/home/bg-recommend-resource3.png);
}
.recommend-resource-box .base-card:nth-child(8),
.recommend-resource-box .base-card:nth-child(4) {
    background-image: url(../images/home/bg-recommend-resource4.png);
}

.recommend-resource-box .base-card:hover {
    background-image: url(../images/home/bg-recommend-resource-hover1.jpg);
}
.recommend-resource-box .base-card .card-event-box {
    padding-top: 1.88rem;
}
.recommend-resource-box .base-card .border-card-body {
    border: none;
}
.recommend-resource-box .base-card .card-title {
    margin-bottom: 0.63rem;
    color: #fff;
}
.recommend-resource-box .base-card:hover .card-title {
    color: #333333;
}
.recommend-resource-box .base-card .card-tags span {
    background: rgba(255,255,255,0.3);
    color: #fff;
}
.recommend-resource-box .base-card:hover .card-tags span {
    color: #3D5FD6;
    background: rgba(61, 95, 214, 0.1);
}
.recommend-resource-box .base-card .card-head .status {
    position: relative;
    margin-top: 1.25rem;
    margin-left: 1.25rem;
    border-radius: 0.25rem;
}
.recommend-resource-box .status-card .card-body {
    padding-top: 0;
}
.recommend-resource-box .status-card .card-body .card-event-box {
    padding-top: 1.88rem;
}
.recommend-resource-box .card-foot {
    position: absolute;
    bottom: 1.25rem;
    width: 100%;
    padding-left: 1.25rem;
}
.recommend-resource-box .card-foot .card-contact-btn  {
    width: 9.13rem;
}
.recommend-resource-show {
    position: relative;
}
.recommend-resource-show .swiper-nav {
    position: absolute;
    width: 100%;
    top: 8.375rem;
    transform: translateY(-50%);
    z-index: 3;
}
.recommend-resource-show .swiper-nav .swiper-button-next {
    position: absolute;
    right: -0.94rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #fff;
    color: rgba(16, 98, 255, 1);
}
.recommend-resource-show .swiper-nav .swiper-button-prev {
    position: absolute;
    left: -0.94rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #fff;
    color: rgba(16, 98, 255, 1);
}
.recommend-resource-show .swiper-button-next:after,
.recommend-resource-show .swiper-button-prev:after {
    font-size: 0.75rem;
}