/**!
 * 国机集团电子采购平台首页
 * date:2022-1-25
 * author: zzongyi;
 */

/* banner轮播 */
.banner .swiper-container {
    width: 100%;
    height: 532px;
}

.swiper-slide {
    overflow: hidden;
}

.swiper-slide img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.swiper-button-prev,
.swiper-button-next {
    width: 48px;
    height: 16px;
    top: auto;
    bottom: 40px;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 40px;
}

.swiper-button-prev {
    background: url('../image/swiper-icon.png') no-repeat center center;
    opacity: 0.5;
}

.swiper-button-next {
    background: url('../image/swiper-icon.png') no-repeat center center;
    transform: rotate(180deg);
    opacity: 0.5;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 0.8;
}

.swiper-pagination-bullet {
    width: 45px;
    height: 6px;
    border-radius: 0;
    border: 1px solid #fff;
    opacity: 0.5;
    background-color: transparent;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #fff;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}

/* 通知 */
.notice {
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    box-shadow: 0px 4px 13px 0px rgba(43, 117, 193, 0.1);
}

.notice span {
    font-size: 20px;
    font-weight: 600;
    color: #ed2f2f;
    padding-left: 50px;
    background: url('../image/notice-icon.png') no-repeat left center;
}

.notice-list {
    height: 60px;
    line-height: 60px;
    margin-left: 170px;
    overflow: hidden;
    position: relative;
}

.notice-link a {
    line-height: 60px;
    padding: 0 10px;
    overflow: hidden;
    font-size: 18px;
    color: #333;
}

.str_wrap {
    background-color: #fff;
}

/* 左侧内容 */
.container-left {
    width: 930px;
}

/* 专区 */

.tab {
    background-color: #fff;
    position: relative;
}

.tab-hd {
    position: relative;
}

.get-more {
    padding-right: 9px;
    background: url('../image/get-more.png') no-repeat right center;
    font-size: 14px;
    color: #999;
    letter-spacing: 0px;
}

.zone .get-more {
    position: absolute;
    top: 25px;
    right: 20px;
    transform: translateY(-50%);
}

.tab-hd-item {
    float: left;
    cursor: pointer;
}

.tab-hd-item.active {
    background-color: #597de8 !important;
    color: #fff !important;
}

.zone {
    padding-top: 2px;
    margin-bottom: 30px;
    overflow: hidden;
}

.zone-title {
    height: 84px;
    line-height: 84px;
    font-size: 32px;
    padding-left: 39px;
    letter-spacing: 2px;
    font-weight: 600;
    background: url('../image/zone-1.png') left 29px no-repeat;
}

.zone .tab-hd {
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    border-bottom: 1px solid #edeef2;
}

.zone .tab-bd {
    height: 516px;
    margin-right: -18px;
    overflow-y: scroll;
    /* overflow: hidden; */
}

/*.zone .tab-bd:hover {
    height: auto;
}*/

.zone .tab-hd-item {
    padding: 0 20px;
    letter-spacing: 1px;
}

.zone .tab-hd-item + .tab-hd-item {
    margin-left: 28px;
}

.infot-list {
    font-size: 16px;
    padding-left: 30px;
    padding-bottom: 6px;
}

.infor-item {
    padding: 9px 0;
    position: relative;
    border-bottom: 1px solid #edeef2;
}

.infor-item:last-child {
    border-color: transparent;
}

.infor-link {
    max-width: 790px;
    line-height: 32px;
    padding-right: 56px;
    vertical-align: top;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: 1px;
}

.infor-time {
    position: absolute;
    width: 106px;
    line-height: 32px;
    right: 0;
    /* top: 9px; */
    color: #999;
}

.infor-item:hover {
    background-color: #eef2fd;
    margin-left: -30px;
    padding-left: 30px;
    border-color: transparent;
}

.infor-item:hover .infor-link {
    white-space: normal;
}

.infor-item:hover .infor-link {
    color: #126bb0;
}

.infor-item:hover .infor-time {
    top: 50%;
    transform: translateY(-50%);
    color: #126bb0;
    transition-duration: 0.2s;
}

.new > a {
    position: relative;
}

 .new > a::after {
    content: '';
    position: absolute;
    width: 46px;
    height: 32px;
    background: url('../image/new.png') no-repeat center center;
    right: 0px;
}

.zone .new:hover > a::after {
    top: 50%;
    transform: translateY(-50%);
    transition-duration: 0.2s;
}

/* 右侧内容 */

.container-right {
    width: 330px;
}

/* 登陆列表 */
.login-list {
    margin-top: 27px;
}

.login-item {
    background-repeat: no-repeat;
    background-position: center center;
}

.login-item:hover {
    box-shadow: 0px 2px 20px 0px rgba(3, 37, 69, 0.3);
}

.login-link {
    display: block;
    height: 108px;
    line-height: 108px;
    padding-left: 73px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
    text-shadow: 0px 3px 3px rgba(22, 35, 144, 0.2);
}

.login-item + .login-item {
    margin-top: 20px;
}

.login-item:nth-child(1) {
    background-image: url('../image/login-item-1.png');
}
.login-item:nth-child(2) {
    background-image: url('../image/login-item-2.png');
}
.login-item:nth-child(3) {
    background-image: url('../image/login-item-3.png');
}

/* 通知公告 */

.help,
.notify {
    background-color: #fff;
    margin-top: 20px;
}

.notify {
    padding-bottom: 6px;
}

.com-hd {
    height: 85px;
    line-height: 70px;
    padding-top: 14px;
    padding-right: 25px;
    border-bottom: 1px solid #edeef2;
}

.com-hd-title {
    padding-left: 63px;
    font-size: 32px;
    font-weight: 600;
}

.notify .com-hd-title {
    background: url('../image/notify-hd-icon.png') no-repeat 26px center;
}

.notify-list {
    height: 370px;
    overflow: hidden;
    padding-left: 21px;
    font-size: 16px;
}

.notify-item {
    height: 74px;
    line-height: 30px;
    padding-top: 9px;
}

.notify-item + .notify-item {
    border-top: 1px solid #edeef2;
}

.notify-item:hover .notify-link,
.notify-item:hover p {
    color: #126bb0;
}

.notify-link {
    display: block;
    color: #333;
    padding-right: 60px;
    margin-right: 20px;
}

.notify-item p {
    color: #999;
}

/* 帮助中心 */
.help {
    height: 442px;
    overflow: hidden;
    padding-bottom: 14px;
}

.help .com-hd-title {
    background: url('../image/help-hd-icon.png') no-repeat 26px center;
}

.help .tab-hd {
    padding-left: 14px;
    margin-top: 17px;
    margin-bottom: 12px;
}

.help .tab-hd-item {
    width: 89px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #f5f7fa;
    color: #333;
    margin-left: 10px;
}

.help-list {
    font-size: 16px;
    padding-left: 24px;
}

.help-item {
    height: 47px;
    line-height: 46px;
    border-bottom: 1px solid #edeef2;
    padding-right: 20px;
}
.help-item:hover .help-link {
    color: #126bb0;
}

.help-item:last-child {
    border-color: transparent;
}

.help-link {
    display: block;
    width: 230px;
    color: #333;
}

.down-load {
    width: 16px;
    height: 46px;
    background: url('../image/down-load.png') no-repeat center center;
}

.help .get-more {
    position: absolute;
    top: -57px;
    right: 25px;
}


/* 2022-2-10新增 */

/*.zone .tab-bd {
    margin-right: 0px;
}
*/
.login-item .login-link {
    background-position: 23px center;
    background-repeat: no-repeat;
}

.login-item:nth-child(1) .login-link {
    background-image: url('../image/login-link-1.png');
}

.login-item:nth-child(2) .login-link {
    background-image: url('../image/login-link-2.png');
}

.login-item:nth-child(3) .login-link {
    background-image: url('../image/login-link-3.png');
}

.infor-link {
    margin-right: 120px;
}

.swiper-slide img {
    max-width: none;
}

.swiper-button-prev,
.swiper-button-next {
    background-size: 100% 100%;
}

@media (max-width: 1280px) {
    .zone .tab-hd-item {
        padding: 0 10px;
    }
    .infor-link {
        max-width: 80%;
        letter-spacing: 0;
    }
    .com-hd {
        padding-right: 0;
    }
    .notify .get-more {
        margin-right: 10px;
    }
    .help .get-more {
        right: 10px;
    }
    .help .tab-hd {
        padding-left: 2px;
    }
    .help .tab-hd-item {
        width: 70px;
    }
    .infor-item:hover .infor-link {
        white-space: nowrap;
    }
}

@media (max-width: 979px) {
    .login-item {
        background-size: 100% 100%;
    }
    .banner .swiper-container {
        height: auto;
    }
    .swiper-slide img {
        position: static;
        left: 0;
        transform: translateX(0);
        width: 100%;
        height: auto;
    }
    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 10px;
    }
    .swiper-button-prev,
    .swiper-button-next {
        bottom: 10px;
    }
}

@media (max-width: 767px) {

    /* 重要通知 */
    .notice span {
        font-size: 16px;
        padding-left: 30px;
        background-size: 20px;
    }

    .notice-list {
        margin-left: 104px;
    }

    .notice-link a {
        font-size: 16px;
    }

    /* 招标专区 */

    .com-hd-title,
    .zone-title {
        font-size: 22px;
    }

    .infor-time {
        display: none;
    }

    .new > a::after {
        width: 30px;
        background-size: 100% auto;
    }

    .infor-link {
        margin-right: 0;
        max-width: 98%;
        padding-right: 32px;
    }

    .infot-list {
        font-size: 14px;
    }

    .zone .tab-bd {
        height: auto;
        padding-bottom: 30px;
    }

    .zone .tab-hd-item {
        width: 25%;
        text-align: center;
        font-size: 14px;
        letter-spacing: 0;
        padding: 0;
    }

    .zone .tab-hd-item + .tab-hd-item {
        margin-left: 0;
    }
    .zone .get-more {
        top: auto;
        left: 0;
        bottom: 0px;
        width: 100%;
        text-align: center;
        background-color: #597de8;
        color: #fff;
        line-height: 30px;
        transform: translateY(0);
    }

    .zone .tab-bd:hover {
        padding-bottom: 30px;
    }

    .infot-list {
        padding-left: 10px;
    }
}

@media (max-width: 600px) {
   

    .help .tab-hd-item {
        width: 70px;
    }

    .swiper-pagination-bullet {
        width: 30px;
        height: 3px;
    }
    .swiper-button-prev,
    .swiper-button-next {
        width: 30px;
        height: 10px;
    }

    .zone .tab-hd-item {
        font-size: 12px;
        letter-spacing: 0;
        padding: 0;
    }
}

@media (max-width: 400px) {

    /* 招标专区 */
    .zone .tab-hd-item {
        width: auto;
        display: inline-block;
        float: none;
        padding: 0 10px;
        font-size: 12px;
    }

    .zone .tab-hd {
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .help-list,
    .notify-item {
        font-size: 12px;
    }

    .infot-list {
        font-size: 14px;
    }
}