.tradingplatformsearchbox{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 24px 0 0 0;
}
.tradingplatformsearchbox .heardBanner{
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.tradingplatformsearchbox .box-conditions {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.tradingplatformsearchbox .box-conditions .box-search{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tradingplatformsearchbox .box-conditions .box-search .search-left{
    display: flex;
    align-items: center;
    height: 48px;
}

.tradingplatformsearchbox .box-conditions .box-search .search-left input{
    width: 682px;
    height: 100%;
    border: 1px solid #FF6B00;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    box-sizing: border-box;
    padding: 12px 0 12px 24px;
    border-radius: 8px 0  0 8px;
}
.tradingplatformsearchbox .box-conditions .box-search .search-left-company input{
    width: 682px;
    height: 100%;
    border:none;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    box-sizing: border-box;
    padding: 12px 0 12px 24px;
    border-radius: 8px 0  0 8px;
}
.tradingplatformsearchbox .box-conditions .box-search .search-left input::placeholder{
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #C2C5CC;
}

.tradingplatformsearchbox .box-conditions .box-search .search-left #search-icon-box{
    width: 102px;
    height: 100%;
    background: linear-gradient( 90deg, #FF6B00 0%, #FF512C 100%);
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tradingplatformsearchbox .box-conditions .box-search .search-left #search-company-icon-box{
    width: 102px;
    height: 100%;
    background: linear-gradient( 90deg, #5090FF 0%, #1464EE 100%);
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tradingplatformsearchbox .box-conditions .box-search .search-left #search-patent-icon-box{
    width: 102px;
    height: 100%;
    background: linear-gradient( 90deg, #EE525A 0%, #DF353E 100%);
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tradingplatformsearchbox .box-conditions .box-search .search-left #search-company-icon-box:hover .search-icon,
.tradingplatformsearchbox .box-conditions .box-search .search-left #search-patent-icon-box:hover .search-icon,
.tradingplatformsearchbox .box-conditions .box-search .search-left #search-icon-box:hover .search-icon,
.tradingplatformsearchbox .box-conditions .box-search .search-left #search-company-icon-box:hover .search-txt,
.tradingplatformsearchbox .box-conditions .box-search .search-left #search-patent-icon-box:hover .search-txt,
.tradingplatformsearchbox .box-conditions .box-search .search-left #search-icon-box:hover .search-txt{
    transform: translateY(-4px);
}
.tradingplatformsearchbox .box-conditions .box-search .search-left #search-company-icon-box .search-icon,
.tradingplatformsearchbox .box-conditions .box-search .search-left #search-patent-icon-box .search-icon,
.tradingplatformsearchbox .box-conditions .box-search .search-left #search-icon-box .search-icon{
    width: 16px;
    height: 16px;
    margin-right: 4px;
    transition: transform 0.4s ease;
}

.tradingplatformsearchbox .box-conditions .box-search .search-left #search-company-icon-box .search-txt,
.tradingplatformsearchbox .box-conditions .box-search .search-left #search-patent-icon-box .search-txt,
.tradingplatformsearchbox .box-conditions .box-search .search-left #search-icon-box .search-txt{
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    transition: transform 0.4s ease;
}

.tradingplatformsearchbox .box-conditions .box-search .search-right{
    display: flex;
    align-items: center;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
}
.tradingplatformsearchbox .box-conditions .box-search .search-right .entrusted{
    /*background: url("https://oss.71go.com/newsite0610/img/tradePlatform/entrusted.png") no-repeat;*/
    /*background-size: 100% 100%;*/
    background: #FFB300;
    border-radius: 8px 8px 8px 8px;
    width: 180px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    margin-right: 12px;
    cursor: pointer;
}
.tradingplatformsearchbox .box-conditions .box-search .search-right .entrusted .entrusted-txt{
    box-sizing: border-box;
    transition: transform 0.4s ease;
    color: #ffffff;
}
.tradingplatformsearchbox .box-conditions .box-search .search-right .consignment{
    /*background: url("https://oss.71go.com/newsite0610/img/tradePlatform/consignment.png") no-repeat;*/
    /*background-size: contain;*/
    background: #FFB300;
    border-radius: 8px 8px 8px 8px;
    width: 148px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
}
.tradingplatformsearchbox .box-conditions .box-search .search-right .consignment .consignment-txt{
    transition: transform 0.4s ease;
    color: #ffffff;
}
.tradingplatformsearchbox .box-conditions .box-search .search-right .entrusted:hover .entrusted-txt,
.tradingplatformsearchbox .box-conditions .box-search .search-right .consignment:hover .consignment-txt{
    display: inline-block;
    transform: translateY(-4px);
}

 .tradingplatformsearchbox .box-conditions .tradingplatformsearch {
    width: 1200px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-sizing: border-box;
    padding: 20px;
    margin: 24px 0;
}
 

 .tradingplatformsearchbox .box-conditions .tradingplatformsearch .trade-box{
     display: flex;
     align-items: flex-start;
     margin-bottom: 20px;
}

 .tradingplatformsearchbox .box-conditions .tradingplatformsearch #trade-btn{
     font-family: PingFang SC, PingFang SC;
     font-weight: 500;
     font-size: 14px;
     color: #FF6B00;
     white-space: nowrap;
     cursor: pointer;
     margin-right: 30px;
     height: 28px;
     line-height: 28px;
 }

.tradingplatformsearchbox .box-conditions .tradingplatformsearch .trade-txt{
     font-family: PingFang SC, PingFang SC;
     font-weight: bold;
     font-size: 14px;
     color: #12151B;
     width: 94px;
     text-align: left;
    height: 28px;
    line-height: 28px;
}
 .tradingplatformsearchbox .box-conditions .tradingplatformsearch .trade-search{
     box-sizing: border-box;
     padding-top: 4px;
     display: grid; /* 使用 Grid 布局 */
     grid-template-columns: repeat(10, 1fr); /* 创建四列，等宽分配 */
     gap: 20px; /* 列之间的间距 */

}
.tradingplatformsearchbox .box-conditions .tradingplatformsearch .city-search{
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    gap: 20px;
}
.tradingplatformsearchbox .box-conditions .tradingplatformsearch .flex-search{
    display: flex;
    justify-content: space-around;
}
.tradingplatformsearchbox .box-conditions .tradingplatformsearch .city-search select{
    border-color: #DEE0E8;
    color: #868A93;
    border-radius: 4px;
    outline: none; /* 移除轮廓 */
}
.tradingplatformsearchbox .box-conditions .tradingplatformsearch .city-search .price-box{
    display: flex;
    align-items: center;
    color: #868A93;
}
.tradingplatformsearchbox .box-conditions .tradingplatformsearch .city-search .price-box span{
    margin: 0 8px;
}

.tradingplatformsearchbox .box-conditions .tradingplatformsearch .city-search .price-box .price-input-box{
    position: relative;
    display: flex;
    align-items: center;
    color: #868A93;
}
.tradingplatformsearchbox .box-conditions .tradingplatformsearch .city-search .price-box .price-input-box span{
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #868A93;
}

.tradingplatformsearchbox .box-conditions .tradingplatformsearch .city-search .price-box .price-input-box .input-price{
    width: 126px;
    height: 20px;
    border: 1px solid #DEE0E8;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 4px 20px 4px 4px;;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #868A93;
}

.tradingplatformsearchbox .box-conditions .tradingplatformsearch .city-search .price-box #search-btn{
    width: 56px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    background: #FF6B00;
    border-radius: 4px 4px 4px 4px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 32px;
    cursor: pointer;
}

.tradingplatformsearchbox .box-conditions .tradingplatformsearch #trade-ul{
     display: grid; /* 使用 Grid 布局 */
     grid-template-columns: repeat(8, 1fr); /* 创建四列，等宽分配 */
     gap: 20px; /* 列之间的间距 */
}

.tradingplatformsearchbox .box-conditions .tradingplatformsearch #trade-ul .trade-li{
     display: flex;
    justify-content: center;
     align-items: center;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #FF6B00;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #FF6B00;
    box-sizing: border-box;
    padding: 3px 8px;
    white-space: nowrap;
}
.tradingplatformsearchbox .box-conditions .tradingplatformsearch #trade-ul .trade-li .remove-icon{
    width: 14px;
    height: 14px;
    cursor: pointer;
}

 .tradingplatformsearchbox .box-conditions .tradingplatformsearch .trade-search .trade-item{
     cursor: pointer;
     font-family: PingFang SC, PingFang SC;
     font-weight: 500;
     font-size: 14px;
     color: #464A55;
}

.tradingplatformsearchbox .box-conditions .tradingplatformsearch .trade-search .city-item{
     cursor: pointer;
     font-family: PingFang SC, PingFang SC;
     font-weight: 500;
     font-size: 14px;
     color: #464A55;
}
.tradingplatformsearchbox .box-conditions .tradingplatformsearch .trade-search .trade-item:hover,
.tradingplatformsearchbox .box-conditions .tradingplatformsearch .trade-search .city-item:hover{
    color: #FF6B00;
}

.tradingplatformsearchbox .box-conditions .tradingplatformsearch .trade-search .highlight {
    color: #FF6B00;
    font-weight: 700;
}