/* quote */
.quote{padding-bottom: 43px;}
.quote .banner{height: 162px;background: linear-gradient(to right, #191d2d, #4c5786);}
.quote .banner .mianbaoxue{color: #fff;}
.quote .banner .mianbaoxue a, .quote .banner .mianbaoxue span{color: #fff;}
.quote .banner h1{font-size: 30px;color: #ffffff;float: left;margin-top: 18px;}
.quote .banner button{font-size: 15px;font-family: "Ebrima";color: #ffffff;background-color: transparent;border: 1px solid #747c9c;float: right;height: 38px;line-height: 38px;padding-left: 60px;padding-right: 22px;position: relative;cursor: pointer;margin-top: 20px;display: none;}
.quote .banner button::before{position: absolute;left: 18px;top: 50%;transform: translateY(-50%);font-size: 24px;}
.quote .banner button:hover{background-color: #fff;color: #c90000;}

.quote .part1{position: relative;}
.quote .part1 .icon-plus{position: absolute;right: -29px;height: 86px;color: #fff;z-index: 8;line-height: 86px;bottom: 8px;width: 29px;text-align: center;font-size: 28px;background-color: #cacaca;border-radius: 0 5px 5px 0;cursor: pointer;}
.quote .part1 .icon-plus:hover{background-color: #c90000;}
.quote form{padding-top: 42px;}
.quote form h2{font-size: 23px;font-weight: bold;padding-bottom: 15px;}

#quoteList{width: 100%;border-collapse: collapse;}
#quoteList tr{background-color: #f7f7f7;padding: 13px 17px;display: flex;margin-bottom: 8px;padding-right: 50px;}
#quoteList tr:first-child{display: none;}
#quoteList td{border: 1px solid #dddddd;height: 60px;position: relative;width: calc(100% / 5 - 11px);margin-right: 11px;display: flex;flex-direction: column;justify-content: flex-end;background-color: #fbfbfb;}
#quoteList td:last-child{margin-right: 0;}
#quoteList td b{position: absolute;padding-left: 11px;top: 50%;transform: translateY(-50%);color: #7f7f7f;font-weight: normal;transition: all .3s;}
#quoteList td input{width: 100%;height: 60px;outline: none;border: none;padding: 20px 11px 0;background-color: transparent;position: relative;z-index: 1;}
#quoteList td .icon-del{position: absolute;right: -40px;top: 50%;transform: translateY(-50%);font-size: 24px;color: #adadad;cursor: pointer;}
#quoteList td .icon-del:hover{color: #c90000;}
#quoteList td.valuable{background-color: #fff;}
#quoteList td.valuable b{top: 30%;}

.quote .part2{padding-top: 32px;}
.quote .part2 .left{width: calc(50% - 41px);float: left;position: relative;padding-top: 48px;}
.quote .part2 .left::after{content: '';width: 0;height: 0;position: absolute;left: 12px;top: 11px;border: 10px solid transparent;border-bottom: 10px solid #d6d6d6;}
.quote .part2 .left::before{content: '';width: 0;height: 0;position: absolute;right: 0;top: 129px;border: 10px solid transparent;border-left: 10px solid #d6d6d6;}
.quote .part2 .left dl{}
.quote .part2 .left dt{font-size: 17px;font-weight: bold;color: #333333;font-family: "Ebrima";padding-bottom: 17px;position: relative;}
.quote .part2 .left dd{color: #6b6b6b;line-height: 22px;margin-bottom: 10px;}
.quote .part2 .left dd span{color: #333333;}
.quote .part2 .left dd a{color: #6b6b6b;}
.quote .part2 .left dd a:hover{text-decoration: underline;}
.quote .part2 .left dl:nth-child(2){padding-top: 80px;}
.quote .part2 .left dl:nth-child(2) dt{margin-bottom: 18px;}
.quote .part2 .left dl:nth-child(2) dt::before{content: '';position: absolute;left: 0;top: 37px;width: 57px;height: 4px;background-color: #b1b1b1;}
.quote .part2 .right{width: 50%;float: right;background-color: #f7f7f7;padding: 41px 20px 38px;}


/* success */
.success{padding-bottom: 78px;}

.success .left{width: calc(100% - 809px - 35px);;float: left;padding-top: 67px;}
.success .left h1{font-size: 30px;color: #c90000;padding-bottom: 18px;}
.success .left s{font-size: 15px;line-height: 22px;color: #333333;display: block;}
.success .left dl{padding-top: 56px;position: relative;}
.success .left dl::before{content: '';position: absolute;left: 0;top: 26px;width: 57px;height: 4px;background-color: #b1b1b1;}
.success .left dd{padding-left: 10px;position: relative;color: #6b6b6b;line-height: 20px;margin-bottom: 25px;}
.success .left dd::before{content: '';position: absolute;left: 0;top: 5px;width: 5px;height: 5px;border-radius: 50%;background-color: #2d3041;}
.success .left h2{font-size: 15px;text-shadow: 0 0 0.5px;}
.success .left h2 + .btns{padding-top: 62px;}
.success .left .btns{padding-top: 118px;}
.success .left .btns a{display: inline-block;font-size: 15px;color: #6b6b6b;border-bottom: 1px dashed transparent;padding-bottom: 2px;margin-right: 53px;}
.success .left .btns a:last-of-type{margin-right: 0;}
.success .left .btns a:hover{color: #323333;border-color: #323333;}
.success .right{width: 809px;float: right;padding-top: 80px;}
.success .right h2{font-size: 17px;font-weight: bold;padding-bottom: 12px;}
.success .right ul{background-color: #f7f7f7;padding: 24px 11px 9px;justify-content: space-between;flex-wrap: wrap;display: flex;margin-bottom: 11px;}
.success .right ul li{width: 49%;margin-bottom: 24px;}
.success .right ul li.w33{width: 33%;}
.success .right ul li.w67{width: 66.6%;}
.success .right ul li.w100{width: 100%;}
.success .right ul li label{color: #898989;line-height: 34px;display: block;}
.success .right ul li span{color: #898989;margin: 0 16px;display: inline-block;}
.success .right ul li s{display: block;margin-bottom: 10px;}
.success .right ul li s:last-of-type{margin-bottom: 0;}

/* search-empty */
.no-result{}
.no-result .part1{background-color: #f7f7f7;padding-bottom: 17px;}
.no-result .part1 h1{font-size: 21px;font-weight: normal;color: #191d2d;padding-bottom: 10px;padding-top: 20px;}
.no-result .part1 h1 span{font-size: 24px;}
.no-result .part1 h2{font-size: 15px;color: #6b6b6b;}
.no-result .part1 h2 a{font-size: 15px;text-shadow: 0 0 black;display: inline-block;border-bottom: 1px dashed #191d2d;}
.no-result .part1 h3{font-size: 18px;font-weight: bold;color: #1d1d1b;padding-top: 30px;padding-bottom: 13px;}
.no-result .part1 #quoteList tr{padding: 0;}
.no-result .part1 #quoteList .icon-del{display: none;}

.no-result .part2{padding-top: 40px;padding-bottom: 49px;}
.no-result .part2 .left{float: left;width: 49%;}
.no-result .part2 .left dl{padding-top: 7px;}
.no-result .part2 .left dt{font-family: "Ebrima";font-size: 20px;font-weight: bold;color: #232323;padding-bottom: 30px;}
.no-result .part2 .left dd{position: relative;padding-left: 10px;color: #6b6b6b;line-height: 21px;margin-bottom: 22px;}
.no-result .part2 .left dd::before{content: '';position: absolute;left: 0;top: 5px;width: 5px;height: 5px;border-radius: 50%;background-color: #2d3041;}
.no-result .part2 .left dd span{color: #1d1d1b;text-shadow: 0 0 black;}
.no-result .part2 .left dd a{color: #1d1d1b;text-shadow: 0 0 black;}
.no-result .part2 .left dd a:hover{color: #c90000;}
.no-result .part2 .right{float: right;width: 49%;}
@media screen and (max-width: 768px) 
{
    .quote .banner{padding: 0 2%;}
    .quote form{padding: 20px 2%;}

    #quoteList tr{flex-wrap: wrap;padding: 2%;justify-content: space-between;}
    #quoteList td{width: 49%;margin-right: 0;margin-bottom: 2px;}
    #quoteList td:nth-child(5){width: calc(100% - 50px);}

    .quote .part1{padding-bottom: 29px;}
    .quote .part1 .icon-plus{bottom: 0;height: 29px;width: 86px;line-height: 29px;left: 0;border-radius: 0;}
    .quote .part2 .left{width: 100%;float: unset;}
    .quote .part2 .right{float: unset;width: 100%;}

    .success{padding: 20px 2%;}
    .success .left{width: 100%;padding-top: 10px;}
    .success .left .btns{padding-top: 50px;}
    .success .left .btns a{margin-bottom: 18px;}
    .success .right{width: 100%;padding-top: 20px;}
    .success .right ul li{width: 100% !important;}

    .no-result .part1{padding: 20px 2%;}
    .no-result #quoteList td:last-child{width: 100%;}
    .no-result .part2{padding: 20px 2%;}
    .no-result .part2 .left{float: unset;width: 100%;}
    .no-result .part2 .right{float: unset;width: 100%;}
}