.index1,
.index2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
    margin-top: 2vh;

}

.section_index1 {
    width: 90%;
    max-width: 1200px;
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.section_index1 .Indexleft {
    width: 860px;
}

.section_index1 .Indexleft .navimg {
    width: 100%;
    display: none;
    /* display: flex; */
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
}

.section_index1 .Indexleft .navimg a {
    width: 24%;
}

.section_index1 .IndexRight {
    width: 320px;
}

.section_index1 .IndexRight .IndexRightTop {
    width: 100%;
    height: 158px;
    background-color: #f7f7f7;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
}

.section_index1 .IndexRight .IndexRightTop .smtel {
    display: flex;
    align-items: center;
    width: 95%;
    margin: 20px auto;
    flex-wrap: wrap;
    justify-content: space-between;
}

.IndexRight .IndexRightTop .smtel a {
    width: 55px;
}

.IndexRight .IndexRightTop .smtel .IndexRightTel {
    display: inline-flex;
    align-items: center;
}

.IndexRight .IndexRightTop .smtel .IndexRightTel .icontel {
    width: 26px;
    margin-right: 16px;
}

.IndexRightTop .smtel .IndexRightTel .icontel .teldh {}

.smtel .IndexRightTel .teldh .teldh1 {
    display: block;
    font-size: 12px;
    letter-spacing: 0px;
    color: #333333;
}

.smtel .IndexRightTel .teldh .teldh2 {
    display: block;
    font-size: 14px;
    letter-spacing: 0px;
    color: #333333;
    font-weight: bold;
}

.IndexRightTop .loginzc {
    width: 95%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px auto;
}

.IndexRightTop .loginzc .login {
    width: 174px;
}

.IndexRightTop .loginzc .register {
    width: 110px;
}
.IndexRightTop .loginzc .userName{
    font-size: 14px;

    color: #000;
}
.IndexRightTop .loginzc .edit{
    width: 110px;
    height: 30px;
    line-height: 30px;
    background-color: #c30e23;
    text-align: center;
    color: #fff;
    border-radius: 15px;
}

.IndexRight .Notice {
    width: 95%;
    padding: 20px 2.5%;

    background-color: #f7f7f7;
    border: solid 1px #dbdbdb;
    margin-top: 20px;
    display: none;
}

.IndexRight .Notice dt {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 20px;
    letter-spacing: 0px;
    color: #c30e23;
}

.IndexRight .Notice dt img {
    width: 22px;
    margin-right: 5px;
}

.IndexRight .Notice dt .Noticeleft {
    display: inline-flex;
    align-items: center;
}

.IndexRight .Notice dt .more {
    font-size: 14px;
    letter-spacing: 0px;
    color: #666666;
}

.swiper-pagination-bullet-active {
    color: #c30e23;
    background-color: #c30e23;
}

.IndexRight .Notice dd {
    width: 100%;
    display: block;
    margin-top: 28px;
}

.IndexRight .Notice dd a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px;
    color: #666666;
    justify-content: space-between;
}

.IndexRight .Notice dd span {
    width: 80%;
    overflow: hidden;
    /*超出部分隐藏*/
    white-space: nowrap;
    /*不换行*/
    text-overflow: ellipsis;
    /*超出部分文字以...显示*/
}

/* 拍卖会 */
.section_index2 {
    width: 90%;
    max-width: 1200px;
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.section_index2 .title1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.section_index2 .title1 .title1Img {
    width: 215px;
}

.section_index2 .title1 .more {
    font-size: 16px;
    letter-spacing: 1px;
    color: #c30e23;
    font-weight: bold;
}

.auction {
    width: 860px;

}

.auction .auctionList {
    width: 100%;
    height: 200px;
    background-color: #f7f7f7;
    margin-top: 20px;
}

.auction .auctionList:hover {
    box-shadow: 2px 2px 7px #999;
}

.auction .auctionList a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
}

.auction .auctionList .auctionListImg {
    width: 550px;
    height: 200px;
}

.auction .auctionList .auctionListImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.auction .auctionList .auctionListInfo {
    width: calc(100% - 550px);
    position: relative;

}

.auction .auctionList .auctionListInfo .auctionTitle {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #333333;
    width: 90%;
    margin: 20px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.auction .auctionList .auctionListInfo .time {
    color: #333;
    font-size: 16px;
    width: 90%;
    margin: 10px auto;
}

.auction .auctionList .auctionListInfo .mulu {
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    background: #d6363b;
    color: #fff;
    display: inline-block;
    margin: 20px 0 0 5%;
    text-align: center;
}

.auction .auctionList .auctionListInfo .people-lot {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e7e7e7;
    color: #666;
    width: 90%;
    padding: 0 5%;
    /* display: flex;
    justify-content: space-between; */
}


.procedure {
    width: 320px;
    height: 857px;
    background-color: #f7f7f7;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    background: #f7f7f7 url(../imagesx/lcImg.png) right bottom/100% 349px;
    background-repeat: no-repeat;
}

.procedure .procedureTitle {
    width: 202px;
    margin: 20px auto;
}

.procedure .procedureImg {
    width: 150px;
    margin: 0 auto;
    padding-bottom: 75px;
    position: relative;
}
.procedure .procedureImg.procedureImg3{
    width: 180px;
}
.procedureImg::after {
    position: absolute;
    content: "";
    width: 23px;
    height: 27px;
    background: url(../imagesx/zhidao.png) center center/100% 100%;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.procedureImg:last-child:after {
    display: none;
}

/* 拍卖标的 */
.section_index3 {
    width: 90%;
    max-width: 1200px;
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.section_index3 .title1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.section_index3 .title1 .title1Img {
    width: 343px;
}

.section_index3 .title1 .more {
    font-size: 16px;
    letter-spacing: 1px;
    color: #c30e23;
    font-weight: bold;
}

.auctionBd {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.auctionBd .auctionBdList {
    width: 24%;
    height: 347px;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
    margin-top:20px;
    margin-right: calc(4%/3);
}
.auctionBd .auctionBdList:hover{
    transform: scale(1.05 );
}
.auctionBd .auctionBdList:nth-of-type(4n){
    margin-right: 0;
}
.auctionBd .auctionBdList .auctionBdListImg {
    width: 100%;
    height: 191px;
    background-color: #f7f7f7;
}

.auctionBd .auctionBdList .auctionBdListImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.auctionBd .auctionBdList .auctionBdListCon {
    width: 90%;
    height: calc(100% - 240px);
    padding: 0 5%;
}

.auctionBdList .auctionBdListCon .auctionBdListTitle {

    color: #333;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    text-align: left;
    margin: 10px 0;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.auctionBdList .auctionBdListCon .money {
    margin-bottom: 6px;
    height: 21px;
    line-height: 21px;
}

.auctionBdList .auctionBdListCon .moneyNum {
    padding-left: 6px;
    font-size: 18px;
    color: #d6363b;
}

.auctionBdList .auctionBdListCon .Time {
    line-height: 20px;
    height: 20px;
}

.auctionBd .auctionBdList .lot-state-div {

    border-top: 1px solid #eee;
    width: 90%;
    padding:0 5%;
    height: 38px;
    line-height: 38px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.lot-state-div .num-apply {
    float: left;
    font-size: 12px;

}

.lot-state-div .num-apply em,
.lot-state-div .num-auction em {
    padding: 0 0 0 20px;
    overflow: hidden;
    text-align: right;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    word-wrap: normal;
}
.lot-state-div .num-auction{
    width: 80px;
    height: 20px;
    font-size: 12px;
    padding: 0 10px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background: #d6363b;

}


@media only screen and (max-width:1400px) {
    .section_index1 .Indexleft,.auction{
        width: 70%;
    }
    .section_index1 .IndexRight,.procedure{
        width: 28%;
    }

}
@media only screen and (max-width:1200px) {
    .auction .auctionList .auctionListImg{
        width:  60%;
    }
    .auction .auctionList .auctionListInfo{
        width: 40%;
    }
    .auctionBd .auctionBdList{
        width: 30%;
        margin-right: calc(10%/3);
    }
    .auctionBd .auctionBdList:nth-of-type(4n){
        margin-right: calc(10%/3);
    }
    .auctionBd .auctionBdList:nth-of-type(3n){
        margin-right: 0;
    }
}
@media only screen and (max-width:1100px) {
    .section_index1 .Indexleft, .auction{
        width: 100%;
    }
    .section_index1 .IndexRight, .procedure{
        width: 100%;
        margin-top: 20px;
        height: auto;
    }
    .procedure{
        display: flex;
        flex-wrap: wrap;
    }
    .procedure .procedureTitle{
        width: 100%;
    }
    .procedure .procedureTitle img{
        width: 200px;
        margin: 10px auto;
    }

    .procedureImg::after{
        display: none;
    }
    .procedure .procedureImg{

    }
}
@media only screen and (max-width:900px) {
    .auction .auctionList{
        height: auto;
        padding-bottom: 45px;
    }
    .auction .auctionList .auctionListImg{
        width: 100%;
    }
    .auction .auctionList .auctionListInfo{
        width: 100%;
    }
    .auction .auctionList .auctionListInfo .people-lot{
        bottom: -45px;
    }
    .auctionBd .auctionBdList{
        width: 48%;
        margin-right: 2%;
    }
    .auctionBd .auctionBdList:nth-of-type(3n){
        margin-right: 2%;
    }
    .auctionBd .auctionBdList:nth-of-type(2n){
        margin-right: 0%;
    }
}
@media only screen and (max-width:414px) {
    .auctionBd .auctionBdList{
        width: 100%;
        margin-right: 0;

    }
    .auctionBd .auctionBdList:nth-of-type(3n){
        margin-right: 0;
    }
    .section_index1 .Indexleft .navimg a{
        width: 48%;
        margin-top: 10px;
    }
}