/* 2024 quote */
.biaopinbox {
    padding: 5px;
    margin-bottom: 15px;
    background-image: linear-gradient(110deg, #ffffff 0%, #c6dbef 55%, #c6dbef 100%);
    border-radius:6px;
}

    .biaopinbox .rightcontenttable.tabletitle {
        background: #f8f7f4 !important
    }

#rightcontent {
    padding: 5px;
    background: #f5f5f5
}

    #rightcontent .noorderlist {
        background: #fff
    }

.newquotelist {
    padding: 0
}

    .newquotelist li, .newquotelist2 li {
        margin-bottom: 0;
        background: none !important
    }

.youpinbox {
    background-image: linear-gradient(110deg, #ffffff 0%, #fcd3ae 55%, #fcd3ae 100%);
    border-radius: 6px;
    padding: 5px;
    width: 410px
}

    .youpinbox .smtlist {
        padding: 0
    }
.newquotelist2newquotelist{padding-top:8px}
.newquotelist2 li{border:none; padding:0 5px; background-color:#f7f8f9; margin-bottom:5px;}
.newquotelist2 li:hover{background-color:#fffaf2}
.newquotelist2 .panelleft{line-height:32px; border:none}
.newquotelist2 .panelleft>*{margin-right:5px;}
.newquotelist2 .panelleft .yqicon{height:20px; line-height:20px; font-size:12px; padding:0 5px; background-color:#feede6; color:#e10707;}
.newquotelist2 .radiob,.newquoteladder .radiob, .newquotesmt .radiob{display: none}
.newquotelist2 li,.newquotelist2 .panelleft{width: auto}
.quotelistdetail .listdatacheck,.newquotelist2 .quotelistdetail > div:last-child{border:1px solid #e6e6e6; border-radius:5px; background-color:#fff; padding:0 0 0 10px; margin-bottom:5px; position: relative; overflow: hidden}
.newquotelist2 .quotelistdetail > div:last-child:hover,.quotelistdetail .listdatacheck:hover{border-color:#f90}
.quotelistdetail .listdatacheck:after{content:''; position:absolute; bottom:0; right:0; background:  no-repeat -203px -362px; width:16px; height:16px; opacity:0}
.quotelistdetail .listdatacheck.active:after{opacity:1}
.newquotelist2 .quotelistdetail > div.active:last-child,.quotelistdetail .listdatacheck.active{border:1px solid #f90;}
.newquotelist2 .quotelistdetail > div.active,.newquotelist2 li .listdatacheck:hover{background-color:#fff}
.newquotelist2 .quotelistdetail span{line-height:36px;display:inline-block}
.active .zyicon,.active .xyicon{font-weight: normal}
.newquotelist2 .xyicon{line-height:16px; font-weight: normal}
.rightcontenttable li span:nth-of-type(2){text-indent:24px; width:85px}
.rightcontenttable li span:nth-of-type(3){width:44px; text-align: left}
.rightcontenttable li span:nth-of-type(4){width:80px}
.rightcontenttable li span:nth-of-type(5){width:50px; text-align: left; padding-left:5px;}
.rightcontenttable li span:nth-of-type(6){text-align: left}
.newquotelist2 .quotelistdetail{cursor:pointer}
.newquotelist2 .quotelistdetail span:nth-of-type(1){width:52px}
.newquotelist2 .quotelistdetail span:nth-of-type(2){width:52px}
.newquotelist2 .quotelistdetail span:nth-of-type(3){width:70px}
.newquotelist2 .quotelistdetail span:nth-of-type(4){width:54px}
.newquotelist2 .quotelistdetail span:nth-of-type(5){width:58px; color:#333; text-align:center}
.newquotelist2 .quotelistdetail span:nth-of-type(6){width: auto; font-size:12px}
.newquotelist2 .quotelistdetail span:nth-of-type(6) b{padding:1px 3px}
.newquotelist2 .quotelistdetail span.isrecommendhtml{font-size:12px;}
.ypbox,.bpbox{left:-122px; top:30px}


.newquotelist2{
    max-height:135px;
    overflow:auto
}

.pricecarbox {
    background: #fff;
    margin-top: 5px;
    width: 410px
}
.newquotelist .quotelistdetail > div.active, .newquotelist li .listdatacheck:hover, 
.newquotelist2 .quotelistdetail > div.active, .newquotelist2 li .listdatacheck:hover {
    background: #fffaf2
}



.youpinbox{
    position:relative
}
.ypbox {
    width: 1180px;
    background-image: linear-gradient(110deg, #fff3e8 0%, #fcd3ae 55%, #fcd3ae 100%);
    padding: 15px 20px;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    left: -770px;
    top: -380px;
    z-index: 99;
    display: none;
    border: 2px solid #fff;
    border-radius: 8px
}

    .ypbox .contenbox {
        background: #fff;
        padding: 5px;
        border-radius: 8px
    }

    .ypbox table {
        table-layout: fixed;
        width: 100%
    }

        .ypbox table th {
            background: #f9f7f5;
            width: 50%;
            padding: 5px 0 5px 10px;
        }

            .ypbox table th:nth-of-type(1) {
                width: 75px;
            }

            .ypbox table th:nth-of-type(2) {
                width: 70px;
            }
            .ypbox table th:nth-of-type(3) {
                width: 180px;
            }
            .ypbox table th:nth-of-type(4) {
                width: 290px;
            }
            .ypbox table th:nth-of-type(5) {
                width: 205px;
            }



        .ypbox table td {
            border: 1px solid #eee;
            padding: 5px 0 5px 5px;
        }


.bpbox {
    width: 720px;
    background-image: linear-gradient(110deg, #e8f1f9 0%, #c6dbef 55%, #c6dbef 100%);
    padding: 15px 20px;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    left: -306px;
    top: 40px;
    z-index: 99;
    display: none;
    border: 2px solid #fff;
    border-radius: 8px
}

    .bpbox .contenbox {
        background: #fff;
        padding: 5px;
        border-radius: 8px
    }

    .bpbox table {
        table-layout: fixed;
        width: 100%
    }

        .bpbox table th {
            background: #f5f7fc;
            padding: 5px 0 5px 10px;
        }

            .bpbox table th:nth-of-type(1) {
                width: 105px;
            }

            .bpbox table th:nth-of-type(2) {
                width: 105px;
            }


        .bpbox table td {
            border: 1px solid #eee;
            padding: 5px 0 5px 10px;
        }


.newquotesmt {
    z-index: 9;
    position: relative;
}

.price{
    color:#f90
}