/* 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,#FFF3E8 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:#E1F8FA}
.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:#008C95}
.quoteListDetail .listDataCheck:after{content:''; position:absolute; bottom:0; right:0; background: url('/Content/img/icons.png') 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 #008C95;}
.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: #E1F8FA
}



.youpinBox{
    position:relative
}
.ypbox {
    width: 1180px;
    background-image: linear-gradient(110deg, #E1F8FA 0%, #E1F8FA 55%, #E1F8FA 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: #E1F8FA;
            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:#008C95
}