/**
 *供求列表页
 */
div.front-trade {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px 5px 10px 10px;
}

.imgDetail {
    width: auto;
    height: auto;
}
.trade-title {
    display: flex;
    justify-content: space-between;
}

.trade-title > button {
    height: 40px;
    padding: 5px 20px;
    transform: translateY(60px);
    font-size: 18px;
}

.front-trade-left {
    width: 63%;
}

.front-trade-right {
    width: 300px;
    margin: 50px 35px 0 0;
    display: flex;
    flex-wrap: wrap;
    height: 415px;
}

/*title*/
.front-trade-title {
    border-bottom: 1px solid #E8E8E8;
    width: 85%;
    display: flex;
}

.front-trade-title > li {
    font-size: 24px;
    padding: 0 2px 10px 2px;
    border-bottom: 5px solid transparent;
    margin-left: 55px;
}

.front-trade-title > li + li {
    margin-left: 80px;
}

.front-trade-title > li:hover {
    cursor: pointer;
    color: #3AC778;
}

/*检索*/
.front-trade-searching {
    padding: 30px 0 20px 60px;
    text-align: left;
}

.front-trade-searching > li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.front-trade-searching > li > p {
    width: 20%;
    font-size: 20px;
}

.front-trade-searching > li > div {
    width: 70%;
}

.front-trade-searching > li > button {
    font-size: 20px;
    padding: 5px 30px;
    transform: translate(170px, 15px);
}

/*front-trade-list*/
.front-trade-list {
    padding: 40px 5px 0 65px;
    text-align: left;
    display: flex;
}

.front-trade-list > div:first-child {
    width: 78%;
}

/*banner*/
.front-trade-list > div:last-child {
    width: 22%;
}

.front-trade-list > div > ul {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
}

.front-trade-list > div > p {
    border-left: 10px solid #3AC778;
    font-size: 35px;
    padding-left: 30px;
    font-weight: bold;
}

.front-trade-list > div > ul > li {
    margin-top: 30px;
    width: 50%;
}

/*title*/

.front-trade-list-title {
    display: flex;
    align-items: flex-end;
    padding-bottom: 15px;
}

.front-trade-list-title > p {
    font-size: 22px;
}

/*img-bottom*/
.front-trade-list-classify {
    width: 100%;
    color: #222222;
    font-size: 18px;
    border-bottom: 1px solid #eeeeee;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.front-trade-list-classify > span + span {
    color: #6B6B6B;
}

.front-trade-list-detail {
    width: 100%;
    height: 80px;
    line-height: 26px;
    margin: 15px 0;
    font-size: 16px;
    color: #999CA9;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.trade-cell > div + div {
    display: flex;
    align-items: center;
}

.trade-cell > div + div > a {
    display: block;
    width: 40%;
    height: 160px;
}

.trade-cell > div + div > a > img {
    width: 100%;
    height: 100%;
}

.trade-cell > div + div > div {
    width: 60%;
    padding: 0 15px;
}

.recommend-trade-cell > div + div > a > img {
    width: 314px;
    height: 220px;
}

/*js动作*/
li.pitchColor {
    color: #3AC778;
    border-bottom: 5px solid #3AC778 !important;
    font-weight: bold;
}


/**
 ************供求详情页***********
 */
.front-trade-detail {
    padding: 0 10px 50px 30px;
    display: flex;
    justify-content: space-between;
}

.front-trade-detail > div:first-child {
    width: 75%;
    padding-right: 50px;
}

.front-trade-detail > div:last-child {
    padding-top: 20px;
    width: 25%;
}

/*title*/
.front-trade-detail-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 15px;
}

.trade-common-title {
    display: flex;
    align-items: center;
}

.trade-common-title > p {
    font-size: 22px;
}

.trade-detail-title {
    display: flex;
    align-items: flex-start;
}

.trade-detail-title > p {
    font-size: 22px;
    font-weight: bold;
    padding-left: 15px;
    text-align: left;
}

.trade-detail-title > b {
    margin-top: 3px;
}

b.iconBuy {
    white-space: nowrap;
    background-color: #feb792;
    font-size: 18px;
    padding: 1px 5px;
    color: #fff;
}

b.iconSell {
    white-space: nowrap;
    background-color: #95cbeb;
    font-size: 18px;
    padding: 1px 5px;
    color: #fff;
}

.front-trade-detail-title > button {
    height: 40px;
    padding: 5px 30px;
    font-size: 20px;
}

/*front-trade-detail-content*/
.front-trade-detail-content {
    padding: 30px 10px 30px 20px;
}

.front-trade-detail-content > li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
    font-size: 18px;
    color: #070707;
    text-align: left;
}

.front-trade-detail-content > li > p {
    width: 18%;
}

.front-trade-detail-content > li > div {
    width: 82%;
    color: #31364C;
}

.front-trade-detail-content > li > div > p {
}

p.font-color {
    color: #3AC778;
}

/*弹出框*/
.common-form-ul {
    padding: 38px 10px 10px 50px;
}

.common-form-ul > li {
    display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
}

.common-form-ul > li > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 20%;
    padding: 5px 10px 0 0;
}

.common-form-ul > li > div:last-child {
    text-align: left;
    width: 80%;
}

.common-form-ul button {
    padding: 5px 40px !important;
    font-size: 18px !important;
    transform: translateX(180px);
    margin-top: 15px;
}

.common-form-ul p {
    font-size: 14px;
    color: #4D67D2;
    padding-left: 20px;
}

.common-form-ul p > span {
    color: red;
}

.arrowLink:active {
    opacity: 0.5;
}

.serviceTitleLink {
    font-size: 22px;
    color: #4965d2;
    margin-left: 5px;
    max-width: 345px;
}

.serviceTitleLink:hover {
    color: #3AC778;
}

.companyName:hover {
    color: #3AC778;
}

/* 检索结果右侧广告栏 */
#right-banner-2 {
    width: 22%;
    margin-top: 40px;
    text-align: center;
}

/*详情列表*/
.front-trade-list > div.trade-detail {
    width: 100%;
}

.front-trade-list > div.trade-detail > ul > li {
    width: 314px;
}

.front-trade-list > div.trade-detail > ul > li + li {
    margin-left: 64px;
}

.front-trade-list > div.trade-detail > ul > li:nth-child(3n+1) {
    margin-left: 0;
}

.front-trade-list > div.trade-detail > ul > li.trade-cell > div + div > a {
    width: 100%;
    height: 300px;
}

div.productTypeText-line {
    border-bottom: 1px solid #dddddd;
    padding: 10px 0;
    font-size: 18px;
}