/*交易项目列表导航样式*/

.sub-page-r {
    width: 100%;
}

.sub-page-content {
    padding: 20px 26px 44px;
    background: #ffffff;
    border: 1px solid #E4E4E4;
}

.transaction-nav {
    border: 1px solid #E4E4E4;
    padding: 16px;
    margin-bottom: 20px;
}

.transaction-nav>li {
    padding-bottom: 12px;
    width: 100%;
    align-items: flex-start
}

.transaction-nav>li:last-child {
    padding: 0;
}

.transaction-nav>li p {
    /*font-family: PingFangSC-Regular;*/
    font-size: 14px;
    color: #333333;
    padding-right: 4px;
    width: 80px;
    display: block
}

.transaction-nav li ul li {
    /*font-family: PingFangSC-Regular;*/
    font-size: 14px;
    color: #151515;
    cursor: pointer;
}

.transaction-nav li ul li:hover {
    color: #4AB0E1;
}

.transaction-nav li ul li.active {
    color: #4AB0E1;
    border: none;
}

.transaction-nav li ul li:nth-child(2n) {
    width: 1px;
    height: 14px;
    margin: 0 20px;
    background: #999;
}

/*交易项目图片列表样式*/

.auction-list>ul>li {
    width: 272px;
    /*height: 280px;*/
    margin: 26px 12.5px 0 0;
    float: left;
    border: 1px solid #EDEDED;
}

.auction-list>ul>li:nth-child(1),
.auction-list>ul>li:nth-child(2),
.auction-list>ul>li:nth-child(3),
.auction-list>ul>li:nth-child(4) {
    margin-top: 0;
}

.auction-list>ul>li:nth-child(4n) {
    margin-right: 0;
}

.auction-single-img {
    width: 270px;
    height: 146px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    cursor: pointer;
}

.auction-single-img:hover {
    opacity: 0.8;
}

.auction-single-img span {
    /*font-family: PingFangSC-Regular;*/
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 6px 18px;
    background: rgba(51, 51, 51, 0.32);
    border-radius: 20px;
}

.auction-single-img span.tag-join {
    background: #4AB0E1;
    cursor: pointer;
}

.auction-single-img span.tag-join:hover {
    opacity: 0.8;
}

.auction-single-info {
    width: 272px;
    height: 184px !important;
    position: relative;
}

.auction-single-title {
    width: 100%;
    /*font-family: PingFangSC-Semibold;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    cursor: pointer;
    padding: 10px 15px 16px;
}

.auction-single-title:hover {
    color: #4AB0E1;
}

.auction-single-info ul {
    padding: 0 15px;
}

.auction-single-info ul li {
    padding-bottom: 6px;
}

.auction-single-info ul li>span {
    /*font-family: PingFangSC-Medium;*/
    font-size: 12px;
    color: #999999;
    margin-right: 10px;
    line-height: 17px;
}

.auction-single-info ul li p {
    /*font-family: PingFangSC-Medium;*/
    font-size: 12px;
    color: #999999;
}

.auction-single-info li.auction-single-price p {
    /*font-family: PingFangSC-Semibold;*/
    font-size: 18px;
    color: #D91715;
}

.auction-single-info li.auction-single-price p span {
    /*font-family: PingFangSC-Regular;*/
    font-size: 12px;
    color: #D91715;
}

.auction-single-foot {
    height: 36px;
    padding: 0 15px;
}

.auction-single-foot p {
    /*font-family: PingFangSC-Medium;*/
    font-size: 12px;
    line-height: 12px;
    color: #999999;
}

.auction-single-foot p.bidding {
    flex: 2;
    text-align: right;
    padding-right: 16px;
    margin-right: 16px;
    border-right: 1px solid #E4E4E4;
}

.auction-single-foot p span {
    font-size: 12px;
    color: #D9D9D9;
    margin-right: 6px;
    margin-top: 4px;
}


/*交易项目文字列表样式*/

.auction-text-list {
    /*文字列表隐藏*/
    display: none;
}

.auction-text-list-header {
    background: #4AB0E1;
    height: 50px;
    width: 100%;
    padding: 0 20px;
}

.auction-text-list-header ul li {
    /*font-family: PingFangSC-Medium;*/
    line-height: 50px;
    text-align: center;
    flex: 1;
    font-size: 16px;
    color: #FFFFFF;
}

.auction-text-single {
    padding: 0 20px;
    cursor: pointer;
}

.auction-text-single:hover {
    background: #F6F6F6;
}

.auction-text-single:hover li,
.auction-text-single:hover li a {
    color: #4AB0E1;
}

.auction-text-single ul li {
    /*font-family: PingFangSC-Medium;*/
    line-height: 50px;
    text-align: center;
    flex: 1;
    font-size: 14px;
    color: #333333;
    border-bottom: 1px solid #E4E4E4;
}

.auction-text-single ul li button {
    font-size: 14px;
    color: #FB3232;
    border: 1px solid #FB3232;
    border-radius: 23px;
    background: #FFFFFF;
    outline: none;
    padding: 4px;
    width: 94px;
    cursor: pointer;
}

.auction-text-single ul li button:hover {
    opacity: 0.7;
}

/*报名中*/

.ongoing ul li {
    color: #FB3232;
}

/* 竞价中 */

.bidding ul li {
    color: #FA9B33;
}

.bidding ul li button {
    color: #FA9B33;
    border: 1px solid #FA9B33;
}

/*已结束*/
/* 报名已截止 */
/*预告中*/

.complete ul li,
.end ul li,
.noticeing ul li {
    color: #B2B2B2;
}

.complete ul li button,
.end ul li button,
.noticeing ul li button {
    color: #B2B2B2;
    border: 1px solid #B2B2B2;
    cursor: not-allowed;
}

.up-center-ul {
    flex-wrap: wrap;
}

/* 围观 */
.watch-span {
    width: 87%;
    height: 35px;
    border-top: 1px solid #EDEDED;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    bottom: 0;
}

.watch-span span:nth-child(1) {
    color: #999;
    font-size: 12px;
    margin-right: 3px;
}