body{background-color: #fff;}
.quote.top{height: 186px;background: #000 url("../images/rfq-banner.jpg") no-repeat center;position: relative;}
.quote.top::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(0, 0, 0, .25);}
.quote.top .pane{position: relative;z-index: 1;color: #fff;}
.quote.top h1{font-size: 35px;font-weight: normal;float: left;margin-right: 216px;margin-top: 28px;}
.quote.top dl{float: left;margin-top: 18px;}
.quote.top dl dd{font-size: 15px;line-height: 26px;position: relative;padding-left: 20px;}
.quote.top dl dd b{color: #FF4200;}
.quote.top dl dd::before{content: '';position: absolute;left: 0;width: 6px;height: 6px;background-color: #1B5FEB;top: 50%;transform: translate(0,-50%);}

.quote form{display: flex;flex-wrap: wrap;justify-content: space-between;}
.quote .left{width: 979px;}
.quote .left h2{font-size: 22px;line-height: 24px;color: #1F1F1F;margin-top: 30px;font-weight: bold;padding-bottom: 15px;}
.quote .upload{border: 1px solid #BDBDBD;border-radius: 6px;padding: 17px 20px 19px 16px;display: flex;justify-content: space-between;margin: 18px 0;}
.quote .upload .tips dl dt{font-size: 20px;color: #1F1F1F;font-weight: bold;line-height: 24px;margin-bottom: 8px;}
.quote .upload .tips dl dd{font-size: 14px;color: #1F1F1F;line-height: 23px;}
.quote .upload .tips a{font-size: 16px;color: #5b82d2;position: relative;padding-right: 20px;border-bottom: 1px solid #5B82D2;margin-top: 24px;display: inline-block;}
.quote .upload .tips a::before{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);content: '';background: url('../images/icon-arrow.png') no-repeat center;width: 10px;height: 10px;}
.quote .upload .upload-area .icon-file{width: 439px;text-align: center;position: relative;font-size: 14px;color: #76787B;padding: 75px 0 16px 0;cursor: pointer;background-color: rgba(232, 236, 237, 0.75);border-radius: 5px;margin-bottom: 24px;}
.quote .upload .upload-area .icon-file:before {position: absolute;font-size: 39px;left: 50%;top: 17px;transform: translateX(-50%);}
.quote .upload .upload-area .icon-file s.f{position: absolute;left: 0;top: 0;}
.quote .upload .upload-area .icon-file input{width: 0;}
.quote .upload .upload-area .icon-file s.icon-remove{display: none;text-decoration: none;color: #838383;font-size: 18px;padding-top: 10px;}
.quote .upload .upload-area .icon-file s.icon-remove:hover{color: #ff4200;}
.quote .upload .upload-area .icon-file i{font-style: normal;padding: 0 10px;}
.quote .upload .upload-area .icon-file span{display: none;}
.quote .upload .upload-area .btn{text-align: center;}
.quote .upload .upload-area .btn button{border: none;outline: none;font-size: 19px;color: #1F1F1F;line-height: 20px;background: #FFFFFF;border: 1px solid #BDBDBD;border-radius: 3px 3px 3px 3px;padding: 7px 38px;cursor: pointer;}
.quote .upload .upload-area .btn button:hover{background-color: #1B5FEB;color: #fff;}

.quote .upload .upload-area.done .icon-file{color: #0059BD;}
.quote .upload .upload-area.done .icon-file i{display: none;}
.quote .upload .upload-area.done .icon-file span{display: block;}
.quote .upload .upload-area.done .icon-file s.icon-remove{display: inline-block;}

.quote table{}
.quote table tr{display: flex;flex-wrap: wrap;border: 1px solid #bdbdbd;border-radius: 5px;padding-left:  45px;padding-right: 40px;position: relative;overflow: hidden;margin-bottom: 16px;}
.quote table tr:first-child{display: none;}
.quote table td{height: 42px;line-height: 42px;width: 33.33%;display: flex;align-items: center;}
.quote table td:first-child{position: absolute;left: 0;height: 100%;background-color: #ADB1BC;width: 36px;display: flex;justify-content: center;align-items: center;font-size: 30px;line-height: 24px;font-weight: bold;font-style: italic;color: #fff;}
.quote table tr:last-child td:first-child{background-color: #1B5FEB;}
.quote table tr:last-child td i{color: #878787;}
.quote table td:nth-child(5){width: 66.66%;}
.quote table td:nth-last-child(-n+2){border-top: 1px solid #1f1f1f;}
.quote table td label{white-space: nowrap;font-size: 15px;font-weight: bold;color: #1f1f1f;}
.quote table td label.require::after{content: '*';vertical-align: middle;font-size: 15px;color: #ff4200;font-family: Tahoma;margin-left: 7px;}
.quote table td input{width: 100%;height: 100%;border: none;outline: none;padding: 0 13px;}
.quote table td i{position: absolute;right: 11px;top: 50%;transform: translate(0,-50%);height: 25px;font-size: 25px;cursor: pointer;color: #d7d7d7;line-height: 25px;}
.quote table td i:hover{color: #ff4200 !important;}

.quote .icon-plus{display: inline-block;border: 1px solid #BDBDBD;font-size: 17px;color: #1F1F1F;padding: 5px 25px 5px 53px;position: relative;cursor: pointer;border-radius: 3px;margin-left: 40px;}
.quote .icon-plus::before{position: absolute;left: 22px;font-size: 14px;top: 50%;transform: translate(0,-50%);}
.quote .icon-plus:hover{background-color: #1B5FEB;color: #fff;border-color: transparent;}

.quote .right{width: 405px;}
.quote .right h2{font-size: 22px;line-height: 24px;color: #1F1F1F;margin-top: 30px;font-weight: bold;}
.quote .global_form ul{width: 100%;margin-top: 18px;}
.quote .global_form ul li{width: 100%;}
.quote .global_form ul li.coms{height: 106px;}
.quote .form_btn{width: 100%;background-color: #1B5FEB;text-align: center;padding: 12px 0;margin-top: 26px;margin-bottom: 64px;}
.quote .form_btn button{font-size: 20px;color: #1B5FEB;font-weight: bold;padding: 7px 59px;border-radius: 3px;background-color: #fff;border: 1px solid transparent;outline: none;text-transform: uppercase;cursor: pointer;}
.quote .form_btn button:hover{background-color: #1B5FEB;color: #fff;border: 1px solid #fff;}

/*quote-success*/
.quote-success .icon-write{background-color: #1B5FEB;font-size: 20px;color: #FFFFFF;text-align: center;height: 108px;line-height: 24px;padding: 18px 300px 0 300px;position: relative;}
.quote-success .icon-write:before{display: none;}
.quote-success .icon-write a.home{height: 34px;line-height: 32px;position: absolute;border: 1px solid #FFFFFF;border-radius: 3px;padding: 0 20px;right: 14px;top: 26px;color: #FFFFFF;font-size: 14px;font-weight: bold;}
.quote-success .icon-write a.home:hover{background-color: #0059BD;}
.quote-success .quote-info{background-color: #FFFFFF;margin-top: -24px;position: relative;border-radius: 20px 20px 0 0;padding: 10px 18px 30px 18px;margin-bottom: 20px;}
.quote-success .quote-info h1{font-size: 20px;line-height: 50px;text-align: center;color: #000000;}
.quote-success .quote-info h1 + p{text-align: center;font-size: 14px;line-height: 26px;}
.quote-success .quote-info h2{font-size: 18px;line-height: 40px;color: #000000;}
.quote-success .quote-info > i{position: absolute;right: 20px;top: 15px;border: 1px solid #DDDDDD;height: 30px;line-height: 30px;padding: 0 20px;border-radius: 3px;font-style: normal;color: #1F1F1F;}
.quote-success .quote-info .list dl{padding: 5px 0;float: left;width: 50%;font-size: 13px;}
.quote-success .quote-info .list dt{float: left;width: 110px;font-size: 13px;color: #838383;}
.quote-success .quote-info .list dd{font-size: 13px;color: #000000;float: left;width: 540px;word-break: break-all;}
.quote-success .quote-info table{background-color: #F8F8F8;}
.quote-success .quote-info th,.quote-success .quote-info td{height: 42px;font-size: 14px;border-bottom: 1px solid #DDDDDD;}
.quote-success .quote-info th{color: #838383;text-align: left;font-weight: normal;}
.quote-success .quote-info td{color: #000000;}
.quote-success .quote-info td:first-child{text-align: center;width: 50px;}
.quote-success .quote-info td i{display: none;font-style: normal;font-weight: bold;margin-right: 5px;}
.quote-success .quote-info fieldset{border: 1px dashed #3462C1;padding: 20px;text-align: center;width: 800px;margin: 15px auto;}
.quote-success .quote-info legend{font-size: 20px;color: #000;font-weight: bold;}
.quote-success .quote-info fieldset .file{color: #000;display: inline-block;text-align: left;background-image: url("../images/bomFile.jpg");background-repeat: no-repeat;padding-left: 50px;min-height: 50px;font-size: 14px;}
.quote-success .quote-info fieldset .file s{color: #999;text-decoration: none;display: block;margin-top: 7px;}
.quote-success .quote-info ul.tips{padding: 16px 0;}
.quote-success .quote-info ul.tips li{float: left;width: 50%;padding: 4px 0;line-height: 16px;color: #838383;padding-left: 12px;position: relative;}
.quote-success .quote-info ul.tips li:before{content: "*";color: #3462C1;left: 0;top: 6px;position: absolute;}
.quote-success .quote-info .thank-you{text-align: center;color: #383838;padding-top: 25px;line-height: 24px;}
.quote-success .quote-info .thank-you h3{color: #3462C1;font-weight: bold;}
/*search empty*/
.search-result{background-color: #A3A9B5;color: #FFFFFF;}
.search-result .pane .crumbs,.search-result .pane .crumbs a,.search-result .pane .crumbs a:after{color: #FFFFFF;}
.search-result .pane h1{font-size: 25px;line-height: 70px;}
.search-result .pane p{padding-bottom: 20px;}
.search-result .pane p a{color: #FFFFFF;text-decoration: underline;}
.search-result + .quote{padding-top:0;}
.search-result + .quote .materials{padding-bottom:30px;}
@media screen and (max-width: 768px)
{
    .quote.top h1{font-size: 23px;margin-left: 8px;margin-top: 0;}
    .quote.top dl{margin-top: 0;margin-top: 4px;}
    .quote.top dl dd{line-height: 1.2;margin-bottom: 4px;font-size: 13px;}
    .quote.top dl dd::before{left: 8px;top: 6px;}

    .quote .left{width: 100%;}
    .quote .upload{display: none;}
    .quote form{width: 100%;padding: 0 8px;}
    .quote table tr{padding: 0 10px;justify-content: space-between;}
    .quote table td{width: 49% !important;border-bottom: 1px solid #bdbdbd;flex-wrap: wrap;height: auto;margin-bottom: 4px;}
    .quote table td:first-child{display: none;}
    .quote table td:nth-last-child(-n+2){border-top: none;}
    .quote table td:last-child{width: 100% !important;border: none;}
    .quote table td label{line-height: 25px;}
    .quote table td input{height: 25px;padding: 0;}
    .quote table td i{bottom: 10px;top: unset;transform: none;}
    .quote .icon-plus{margin: 0 auto;}

    /*quote-success*/
    .quote-success .icon-write{padding: 10px 0 20px 50px;height: auto;font-size: 14px;text-align: left;}
    .quote-success .icon-write:before{display: block;font-size: 40px;position: absolute;left: 5px;top: 20px;}
    .quote-success .icon-write a.home{display: none;}
    .quote-success .quote-info{margin: 0;padding: 10px 5px 30px 5px;}
    .quote-success .quote-info h1{text-align: left;color: #3462C1;line-height: 40px;}
    .quote-success .quote-info h2{font-size: 14px;font-weight: bold;line-height: 30px;}
    .quote-success .quote-info > i{display: inline-block;position: static;}
    .quote-success .quote-info .list dl{float: none;width: auto;}
    .quote-success .quote-info .list dl:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
    .quote-success .quote-info .list dt{width: 30%;}
    .quote-success .quote-info .list dd{width: 70%;}
    .quote-success .quote-info tr:first-child{display: none;}
    .quote-success .quote-info td{display:block;width: 100%;padding: 10px 0 10px 10px;height: auto;}
    .quote-success .quote-info td:first-child{width: auto;border-top: 3px solid #D3D3D3;}
    .quote-success .quote-info td:first-child:before{content: "#";}
    .quote-success .quote-info td i{display: inline-block;}
    .quote-success .quote-info fieldset{width: auto;}
    .quote-success .quote-info ul.tips li{float: none;width: auto;}
    /*search empty*/
    .search-result{height: 300px;background-image: linear-gradient(#A3A9B5 40%,#EFF0F4);}
    .search-result .pane h1{padding-left: 0.5rem;font-size: 14px;line-height: 30px;}
    .search-result .pane p{padding-left: 0.5rem;}
    .search-result + .quote .materials{border-radius: 20px 20px 0 0;margin: -150px 0.5rem 0 0.5rem;}

}