/*!
 * 亳州公共资源交易系统-首页
 * author:guli
 * date:2021-06-22
 * last editor: qianyuting
 * last edit date: 2021-07-21
 */

/* 海报 轮播 */

.poster-swiper-container {
    height: 186px;
}

.poster-swiper-container img {
    display: block;
    width: 100%;
    height: 100%;
}

.poster-swiper-container .swiper-pagination-bullet {
    width: 40px;
    height: 6px;
    border-radius: 0;
    background: #20528e;
    opacity: 0.3;
    vertical-align: bottom;
}

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

.poster-swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
}

.poster-swiper-container>.swiper-pagination-bullets {
    bottom: 20px;
}

/* 今日开标 */

.today-inner {
    margin: 20px 0;
    overflow-x: hidden;
}

.today-item-outer {
    width: 16.66%;
    padding: 0 8px;
    box-sizing: border-box;
}

.today-item {
    display: block;
    height: 108px;
    padding-top: 60px;
    color: #333;
    border-radius: 6px;
    border: 1px solid transparent;
    box-shadow: 0 0 15px 0 rgba(10, 63, 126, .04);
    cursor: pointer;
    background: #fff url("../images/today-icon1.png") center calc(100% - 56px) no-repeat;
    text-align: center;
    box-sizing: border-box;
}

.today-item-chinese {
    line-height: 36px;
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.today-item:hover {
    color: #fff;
    background-color: #f5a16e;
    background-image: url("../images/today-icon1-hover.png");
}

.today-icon2 .today-item {
    background-image: url("../images/today-icon2.png");
}

.today-icon2 .today-item:hover {
    background-image: url("../images/today-icon2-hover.png");
}

.today-icon3 .today-item {
    background-image: url("../images/today-icon3.png");
}

.today-icon3 .today-item:hover {
    background-image: url("../images/today-icon3-hover.png");
}

.today-icon4 .today-item {
    background-image: url("../images/today-icon4.png");
}

.today-icon4 .today-item:hover {
    background-image: url("../images/today-icon4-hover.png");
}

.today-icon5 .today-item {
    background-image: url("../images/today-icon5.png");
}

.today-icon5 .today-item:hover {
    background-image: url("../images/today-icon5-hover.png");
}

.today-icon6 .today-item {
    background-image: url("../images/today-icon6.png");
}

.today-icon6 .today-item:hover {
    background-image: url("../images/today-icon6-hover.png");
}

/* 通知公告 */

.info-inner {
    width: 1033px;
    padding-left: 167px;
    position: relative;
    line-height: 45px;
    border-radius: 6px;
    box-shadow: 0 0 15px 0 rgba(10, 63, 126, .04);
    background-color: #fff;
    overflow: hidden;
}

.info-tt {
    position: absolute;
    width: 141px;
    height: 45px;
    background: #fdf4f4 url('../images/info-icon.png') center no-repeat;
    top: 1px;
    left: 0;
}

.info-item {
    display: block;
    padding: 0 18px;
    position: relative;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.info-item:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #a9bbcf;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

/* 交易信息 */

.deal {
    margin-top: 20px;
}


/* 交易信息 */
.deal-info {
    padding: 0 20px;
    background-color: #fff;
    width: 703px;
    height: 496px;
    border-radius: 6px;
    box-shadow: 0 0 15px 0 rgba(10, 63, 126, .04);
}

.deal-info-tt {
    border-bottom: 1px solid #dde5f1;
    padding-top: 10px;
    margin-bottom: 15px;
}

.deal-info-txt {
    line-height: 48px;
    padding-left: 35px;
    font-size: 22px;
    font-weight: bold;
    position: relative;
}

.deal-info-txt:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 48px;
    top: 0;
    left: 0;
    background: url('../images/deal-icon.png') left center no-repeat;
}

.tabview {
    position: relative;
}

.deal-tt-tabs {
    position: absolute;
    right: 0;
    top: -55px;
    line-height: 26px;
}

.deal-tt-tab {
    margin-left: 23px;
    border-bottom: 3px solid transparent;
    font-size: 16px;
    color: #708394;
    cursor: pointer;
}

.deal-tt-tab:hover,
.deal-tt-tab.active {
    color: #2d528a;
    border-color: #2d528a;
    font-family: "SourceHanSansCN-Medium";
}

.deal-bd {
    padding-top: 16px;
}

.deal-l {
    width: 743px;
}

.deal-l-item {
    padding-left: 48px;
    line-height: 60px;
    font-size: 18px;
    width: 91px;
    border-radius: 6px;
    margin-bottom: 9px;
    background: url('../images/deal-l-bg4.png') center no-repeat;
    position: relative;
    cursor: pointer;
        color: #333;
}

.deal-l-item:before {
    content: '';
    position: absolute;
    width: 48px;
    height: 60px;
    top: 0;
    left: 0;
}

.deal-icon1:before {
    background: url('../images/deal-icon1.png') center no-repeat;
}

.deal-icon1 {
    background: url('../images/deal-l-bg1.png') center no-repeat;
}

.deal-icon2:before {
    background: url('../images/deal-icon2.png') center no-repeat;
}

.deal-icon2 {
    background: url('../images/deal-l-bg2.png') center no-repeat;
}

.deal-icon3:before {
    background: url('../images/deal-icon3.png') center no-repeat;
}

.deal-icon3 {
    background: url('../images/deal-l-bg3.png') center no-repeat;
}

.deal-icon4:before {
    background: url('../images/deal-icon4.png') center no-repeat;
}

.deal-icon5:before {
    background: url('../images/deal-icon5.png') center no-repeat;
}

.deal-l-item:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 15px;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
}

.deal-l-item:hover,
.deal-l-item.active {
    background: url('../images/deal-l-bg4h.png') center no-repeat;
    color: #fff;
}

.deal-l-item:hover:after,
.deal-l-item.active:after {
    background: url('../images/deal-l-activearrow.png') center no-repeat;
}

.deal-icon1:hover,
.deal-icon1.active {
    background-image: url('../images/deal-l-bg1h.png');
}

.deal-icon1:hover:before,
.deal-icon1.active:before {
    background: url('../images/deal-icon1-active.png') center no-repeat;
}

.deal-icon2:hover,
.deal-icon2.active {
    background-image: url('../images/deal-l-bg2h.png');
}

.deal-icon2:hover:before,
.deal-icon2.active:before {
    background: url('../images/deal-icon2-active.png') center no-repeat;
}

.deal-icon3:hover,
.deal-icon3.active {
    background-image: url('../images/deal-l-bg3h.png');
}

.deal-icon3:hover:before,
.deal-icon3.active:before {
    background: url('../images/deal-icon3-active.png') center no-repeat;
}

.deal-icon4:hover:before,
.deal-icon4.active:before {
    background: url('../images/deal-icon4-active.png') center no-repeat;
}

.deal-icon5:hover:before,
.deal-icon5.active:before {
    background: url('../images/deal-icon5-active.png') center no-repeat;
}

.deal-bd-r {
    width: 550px;
}

.deal-flow-tab {
    padding: 0 4px;
    line-height: 28px;
    border-radius: 6px;
    border: 1px solid #edeff1;
    background-color: #edeff1;
    color: #7c8d9c;
    font-size: 15px;
    margin-left: 4px;
    cursor: pointer;
}

.deal-flow-tab:hover,
.deal-flow-tab.active {
    background-color: #ebf1fa;
    border-color: #2d528a;
    color: #2d528a;
}

.deal-info-lists {
    line-height: 34px;
    font-size: 14px;
    color: #000003;
    margin-top: 8px;
    position: relative;
}

.deal-info-lists:before {
    content: '';
    position: absolute;
    height: calc(100% - 22px);
    border-left: 1px dashed #d9dce0;
    left: 5px;
    top: 11px;
}

.deal-info-list {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}

.deal-info-list:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    border: 2.5px solid #d9dce0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.deal-list-txt {
    display: block;
    padding-right: 74px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.deal-list-way {
    color: #d52214;
}

.deal-list-date {
    position: absolute;
    top: 0;
    right: 8px;
    color: #708394;
    max-width: 74px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.deal-info-list:hover .deal-list-txt,
.deal-info-list:hover .deal-list-date {
    color: #2d528a;
}

.deal-info-list:hover:before {
    border: 5px solid #2d528a;
    left: -2.5px;
}

/* 服务 */

.service {
    padding: 10px 0;
}

.service-item {
    display: block;
    margin: 10px 0;
    height: 58px;
    padding-top: 22px;
    width: 322px;
    padding-left: 40px;
    color: #fff;
    box-shadow: 0 0 15px 0 rgba(10, 63, 126, .04);
}

.service-item:nth-child(1) {
    background: url('../images/service-bg1.png') center no-repeat;
    margin-right: 19px;
}

.service-item:nth-child(2) {
    background: url('../images/service-bg2.png') center no-repeat;
}

.service-item:nth-child(3) {
    background: url('../images/service-bg3.png') center no-repeat;
    margin-right: 19px;
}

.service-item:nth-child(4) {
    background: url('../images/service-bg4.png') center no-repeat;
}

.service-item-chinese {
    line-height: 20px;
    font-size: 20px;
    font-family: "SourceHanSansCN-Medium";
    margin-bottom: 11px;
}

.service-item-english {
    font-size: 11px;
    line-height: 11px;
}

.service-item:nth-child(1):hover {
    background: url('../images/service-hover-bg1.png') center no-repeat;
}

.service-item:nth-child(2):hover {
    background: url('../images/service-hover-bg2.png') center no-repeat;
}

.service-item:nth-child(3):hover {
    background: url('../images/service-hover-bg3.png') center no-repeat;
}

.service-item:nth-child(4):hover {
    background: url('../images/service-hover-bg4.png') center no-repeat;
}

.deal-r {
    width: 434px;
}

/* 新闻 轮播 */


   
	
.news-swiper-container {
    height: 340px;
    border-radius: 8px;
    margin-bottom: 20px;
	 cursor: pointer;
}

.news-tt-outer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    line-height: 40px;
    background-color: rgba(0, 0, 0, .5);
}

.news-tt {
    padding-left: 20px;
    width: 250px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-swiper-pagination {
    text-align: right;
}

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

.news-swiper-pagination .swiper-pagination-bullet {
    width: 21px;
    height: 3px;
    border-radius: 0;
    background: rgba(27, 68, 131, .35);
    opacity: 1;
}

.news-swiper-container .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-container-horizontal.news-swiper-container>.swiper-pagination-bullets {
    bottom: 14px;
}

/* 工作动态 */

.condition {
    padding: 0 18px;
    height: 336px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 15px 0 rgba(10, 63, 126, .04);
}

.condition-tabs {
    height: 46px;
    border-bottom: 2px solid #dde5f1;
    font-size: 16px;
    color: #708394;
}

.condition-tab>a{
   
    color: #708394;
}

.condition-tab {
    height: 45px;
    line-height: 45px;
    margin-right: 15px;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}

.condition-tab:hover,
.condition-tab.active {
    color: #2d528a;
    border-color: #2d528a;
    font-family: "SourceHanSansCN-Medium";
}

.condition-tab:hover>a,
.condition-tab.active>a {
    color: #2d528a;

}


/* 今日交易 */

.notice {
    width: 570px;
    padding-left: 78px;
    padding-right: 20px;
    height: 162px;
    border-radius: 6px;
    border: 1px solid #fff;
    position: relative;
    background-color: #f4f8fe;
    box-shadow: 0 0 15px 0 rgba(10, 63, 126, .04);
}

.notice-tt {
    position: absolute;
    width: 60px;
    height: 164px;
    top: 0;
    left: 0;
    background: url('../images/transaction-bg.png') center no-repeat;
}

.notice-date {
    line-height: 24px;
    width: 50px;
    text-align: center;
    margin: 0 auto;
    background-color: #23a5d6;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #fff;
}

.notice-num {
    line-height: 46px;
    border-bottom: 1px solid #dde5f1;
    font-size: 16px;
    color: #2d528a;
}

.notice-number {
    font-size: 22px;
    color: #ed8c52;
    margin: 0 4px;
}

.notice-item {
    width: 19.5%;
    padding-top: 19px;
}

.notice-item:first-child {
    width: 22%;
}

.notice-item-tt {
    padding-left: 8px;
    font-size: 16px;
    line-height: 16px;
    font-family: "SourceHanSansCN-Medium";
    color: #000003;
    border-left: 3px solid #2d528a;
    margin-bottom: 10px;
}

.notice-list {
    line-height: 32px;
    position: relative;
}

.notice-list-num {
    position: absolute;
    top: 0;
    right: 16px;
    font-size: 16px;
    font-family: "SourceHanSansCN-Medium";
    color: #ed8c52;
}

.question {
    width: 510px;
}

.question-item {
    display: block;
    width: 162px;
    height: 63px;
    padding-top: 15px;
    background: url('../images/question-bg1.png') center no-repeat;
    background-size: 100% 100%;
    color: #fff;
    position: relative;
    text-align: center;
    margin-right: 12px;
    margin-bottom: 8px;
    cursor: pointer;
    border-radius: 6px;
    box-shadow: 0 0 15px 0 rgba(10, 63, 126, .04);
}

.question-item-tt {
    position: absolute;
    width: 100%;
    line-height: 40px;
    bottom: 0;
    left: 0;
    font-size: 16px;
    font-family: "SourceHanSansCN-Medium";
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.question-item:hover {
    background-image: url('../images/question-bg1-hover.png');
}

.question-item:nth-child(2) {
    background-image: url('../images/question-bg2.png');
}

.question-item:nth-child(2):hover {
    background-image: url('../images/question-bg2-hover.png');
}

.question-item:nth-child(3) {
    background-image: url('../images/question-bg3.png');
    margin-right: 0;
}

.question-item:nth-child(3):hover {
    background-image: url('../images/question-bg3-hover.png');
}

.question-item:nth-child(4) {
    background-image: url('../images/question-bg4.png');
    margin-bottom: 0;
}

.question-item:nth-child(4):hover {
    background-image: url('../images/question-bg4-hover.png');
}

.question-item:nth-child(5) {
    background-image: url('../images/question-bg5.png');
    margin-bottom: 0;
}

.question-item:nth-child(5):hover {
    background-image: url('../images/question-bg5-hover.png');
}

.question-item:nth-child(6) {
    background-image: url('../images/question-bg6.png');
    margin-right: 0;
    margin-bottom: 0;
}

.question-item:nth-child(6):hover {
    background-image: url('../images/question-bg6-hover.png');
}
.swiper-slide2 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;

    width: 50%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}