.global_other_mode1 *{color: #878787;}

.rfq_form_container,
.rfq_form_container *{box-sizing: border-box; transition: all .3s;}
.rfq_form_container{padding: 1.47% 1.575% 2.94%;}
.rfq_form_container .rfq_form_title{font-family: var(--font_bold); font-size: var(--fz36); line-height: 1.5;}
.rfq_form_container .rfq_form_wrapper{margin-top: 27px; padding-right: 2px;}
.rfq_form_container .rfq_form_box,
.rfq_form_container .rfq_completeness_box{background-color: #fff; border-radius: 5px;}
.rfq_form_container .rfq_form_box{float: left; width: calc(100% - 402px); padding: 0 18px 82px;}
.rfq_form_container .rfq_form_box .rfq_form_group{padding: 23px 3px 24px;}
.rfq_form_container .rfq_form_box .rfq_form_group + .rfq_form_group{border-top: 1px solid #ddd; padding-top: 28px;}
.rfq_form_container .rfq_form_box .rfq_form_group_title{font-family: var(--font_bold); font-size: var(--fz20); line-height: 1.5; margin-bottom: 33px;}
.rfq_form_container .rfq_form_box .rfq_form_row{display: flex; padding: 0 3.748% 0 2.142%;}
.rfq_form_container .rfq_form_box .rfq_form_label{min-width: 160px; font-size: var(--fz14); line-height: 42px; color: #959595; margin-right: 10px;}
.rfq_form_container .rfq_form_box .rfq_form_label span{color: #f00;}
.rfq_form_container .rfq_form_box .rfq_form_input{flex: 1; max-width: calc(100% - 170px); display: flex; font-family: 'Opensans-Regular'; font-size: var(--fz14); line-height: 40px; margin-bottom: 20px;}
.rfq_form_container .rfq_form_box .rfq_form_input input,
.rfq_form_container .rfq_form_box .rfq_form_input select,
.rfq_form_container .rfq_form_box .rfq_form_input textarea{flex: 1; max-width: 252px; height: 42px; font-family: 'Opensans-Regular'; font-size: var(--fz14); line-height: 40px; border: 1px solid #cdcdcd; border-radius: 6px; margin-right: 10px; padding: 0 8px;}
.rfq_form_container .rfq_form_box .rfq_form_input input:last-child,
.rfq_form_container .rfq_form_box .rfq_form_input select:last-child,
.rfq_form_container .rfq_form_box .rfq_form_input textarea:last-child{margin-right: 0;}
.rfq_form_container .rfq_form_box .rfq_form_input_full input,
.rfq_form_container .rfq_form_box .rfq_form_input_full select,
.rfq_form_container .rfq_form_box .rfq_form_input_full textarea{max-width: 100%;}
.rfq_form_container .rfq_form_box .rfq_form_two_thirds input{max-width: 470px;}
.rfq_form_container .rfq_form_box .rfq_form_input_text{display: block;}
.rfq_form_container .rfq_form_box .rfq_form_input_text input{max-width: 142px; margin: 0 4px !important;}
.rfq_form_container .rfq_form_box .rfq_form_input select{appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 30px; background: url(../images/rfq/icon_rfq_arrow.png) no-repeat right 15px center;}
.rfq_form_container .rfq_form_box .rfq_form_input textarea{height: 122px;}
.rfq_form_container .rfq_form_box .rfq_form_text{flex: 1; width: max-content; font-family: 'Opensans-Regular'; font-size: var(--fz14); line-height: 40px; padding: 0 8px;}
.rfq_form_container .rfq_form_box .rfq_form_file{width: 82px; height: 82px; border: 1px solid #cdcdcd; border-radius: 8px; position: relative; overflow: hidden;}
.rfq_form_container .rfq_form_box .rfq_form_file::before,
.rfq_form_container .rfq_form_box .rfq_form_file::after{content: ''; width: 25px; height: 4px; background-color: #f0f1f3; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0;}
.rfq_form_container .rfq_form_box .rfq_form_file::after{transform: translate(-50%, -50%) rotate(90deg);}
.rfq_form_container .rfq_form_box .rfq_form_file img{background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;}
.rfq_form_container .rfq_form_box .rfq_form_file input{opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; margin-bottom: 0;}
.rfq_form_container .rfq_form_box .rfq_form_submit{display: flex; justify-content: center; margin-top: 38px;}
.rfq_form_container .rfq_form_box .rfq_form_submit input{min-width: 238px; font-size: var(--fz14); line-height: 37px; color: #fff; background-color: #ffa200; border: 1px solid #ffa200; border-radius: 6px; padding: 0 10px; cursor: pointer;}
.rfq_form_container .rfq_form_box .rfq_form_submit input:hover{color: #ffa200; background-color: transparent;}
.rfq_form_container .rfq_completeness_box{float: right; display: flex; flex-direction: column; align-items: center; width: 380px; padding: 1.742% 2.903% 3.484%; position: sticky; right: 0; top: 0;}
.rfq_form_container .rfq_completeness_box .rfq_completeness_title{font-family: var(--font_bold); font-size: var(--fz20); line-height: 1.5; text-align: center;}
.rfq_form_container .rfq_completeness_box .rfq_completeness_percent{display: flex; justify-content: center; align-items: center; text-align: center; width: 117px; height: 117px; font-family: var(--font_bold); font-size: var(--fz36); line-height: 1; border-radius: 50%; box-shadow: inset 0 0 0 8px #0e448c; margin: 33px 0 9px;}
.rfq_form_container .rfq_completeness_box .rfq_completeness_tips{width: 100%; font-size: var(--fz14); line-height: 1.715; margin-top: 28px;}
.rfq_form_container .rfq_completeness_box .rfq_completeness_required{width: 100%;}
.rfq_form_container .rfq_completeness_box .rfq_completeness_required_item{font-size: var(--fz14); line-height: 1.715; padding-left: 23px; position: relative;}
.rfq_form_container .rfq_completeness_box .rfq_completeness_required_item::before{content: ''; width: 4px; height: 4px; background-color: #d20d0d; border-radius: 50%; position: absolute; left: 8px; top: 10px;}
.rfq_form_container .rfq_completeness_box .rfq_completeness_required_item.hide{display: none;}

.rfq_banner{background: url(../images/rfq/banner_rfq.png) no-repeat center / cover;}
.rfq_banner *{box-sizing: border-box; color: #fff; transition: all .3s;}
.rfq_banner .rfq_banner_info{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 39px 0 76px;}
.rfq_banner .rfq_banner_info .rfq_banner_title{font-family: var(--font_bold); font-size: var(--fz56); line-height: 1.5;}
.rfq_banner .rfq_banner_info .rfq_banner_desc{max-width: 1000px; font-size: var(--fz14); line-height: 2; margin-top: 14px;}
.rfq_banner .rfq_banner_info .rfq_banner_link{display: block; width: max-content; min-width: 280px; font-size: var(--fz18); line-height: 3.223; border: 1px solid #ffa200; background-color: #ffa200; border-radius: 8px; margin-top: 62px;}
.rfq_banner .rfq_banner_info .rfq_banner_link:hover{text-decoration: none; background-color: transparent; color: #ffa200;}

.rfq_list_container{padding: 33px 0 131px;}
.rfq_list_container *{box-sizing: border-box; transition: all .3s;}
.rfq_list_container .rfq_list_title{font-family: var(--font_bold); font-size: var(--fz28); line-height: 1.5;}
.rfq_list_container .rfq_list{margin-top: 30px;}
.rfq_list_container .rfq_list .rfq_item{display: flex; align-items: center; background-color: #fff; border-radius: 8px; padding: 1.667% 2.639% 1.737% 2.084%; margin-top: 20px;}
.rfq_list_container .rfq_list .rfq_item:hover{box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.rfq_list_container .rfq_list .rfq_item .img{display: flex; justify-content: center; align-items: center; width: 121px; min-width: 121px; height: 121px; background-color: #acacac;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_info{flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 6px 0;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_info *{font-size: var(--fz14); line-height: 1.5;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_base{padding: 0 20px;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_cate{color: #a9a9a9;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_option{display: flex; margin-top: 20px;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_option_item{padding: 0 20px;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_option_item + .rfq_item_option_item{border-left: 1px solid #dfdfdf;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_option_item *{font-size: var(--fz14);}
.rfq_list_container .rfq_list .rfq_item .rfq_item_option_key{color: #a9a9a9;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_option_value{margin-top: 5px;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_received{display: flex; align-items: center;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_received_title{width: min-content; font-size: var(--fz14); line-height: 26px; margin-right: 15px;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_received_num{display: flex; justify-content: center; align-items: center; text-align: center; width: 68px; min-width: 68px; height: 68px; font-family: var(--font_bold); font-size: var(--fz36); line-height: 1; border: 4px solid #6387e3; border-radius: 50%;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_link{display: flex; justify-content: center; align-items: center; width: max-content; max-width: 100%; min-height: 39px; font-size: var(--fz14); color: #fff; border: 1px solid #0e448c; border-radius: 8px; background-color: #0e448c; padding: 6px 12px; margin-left: 50px; text-align: center;}
.rfq_list_container .rfq_list .rfq_item .rfq_item_link:hover{text-decoration: none; background-color: transparent; color: #0e448c;}

@media screen and (max-width: 1400px){
    .rfq_form_container .rfq_form_box{width: calc(100% - 310px);}
    .rfq_form_container .rfq_form_box .rfq_form_label{min-width: 140px;}
    .rfq_form_container .rfq_form_box .rfq_form_input{max-width: calc(100% - 150px);}
    .rfq_form_container .rfq_completeness_box{width: 300px;}

    .rfq_list_container .rfq_list .rfq_item .rfq_item_base,
    .rfq_list_container .rfq_list .rfq_item .rfq_item_option_item{padding: 0 10px;}
    .rfq_list_container .rfq_list .rfq_item .rfq_item_received_title{margin-right: 7px;}
    .rfq_list_container .rfq_list .rfq_item .rfq_item_link{margin-left: 20px;}
}

@media screen and (max-width: 1000px){
    .rfq_form_container{padding: 10px 0 30px;}
    .rfq_form_container .rfq_form_wrapper{margin-top: 15px;}
    .rfq_form_container .rfq_form_box{width: 100%; padding: 15px;}
    .rfq_form_container .rfq_form_box .rfq_form_group{padding: 10px 0;}
    .rfq_form_container .rfq_form_box .rfq_form_group + .rfq_form_group{padding-top: 10px;}
    .rfq_form_container .rfq_form_box .rfq_form_group_title{margin-bottom: 15px;}
    .rfq_form_container .rfq_form_box .rfq_form_row{flex-direction: column; padding: 0;}
    .rfq_form_container .rfq_form_box .rfq_form_label{line-height: 30px; margin-right: 0;}
    .rfq_form_container .rfq_form_box .rfq_form_input{max-width: 100%; line-height: 30px; margin-bottom: 10px;}
    .rfq_form_container .rfq_form_box .rfq_form_text{line-height: 30px; padding: 0 4px;}
    .rfq_form_container .rfq_form_box .rfq_form_input input,
    .rfq_form_container .rfq_form_box .rfq_form_input select,
    .rfq_form_container .rfq_form_box .rfq_form_input textarea{height: 30px; line-height: 28px; border-radius: 3px; padding: 0 4px; margin-right: 5px;}
    .rfq_form_container .rfq_form_box .rfq_form_input select{background-position: right 10px center; padding-right: 20px;}
    .rfq_form_container .rfq_form_box .rfq_form_file{width: 60px; height: 60px; border-radius: 4px;}
    .rfq_form_container .rfq_form_box .rfq_form_file::before,
    .rfq_form_container .rfq_form_box .rfq_form_file::after{width: 20px; height: 2px;}
    .rfq_form_container .rfq_form_box .rfq_form_submit{margin-top: 20px;}
    .rfq_form_container .rfq_form_box .rfq_form_submit input{min-width: 180px; line-height: 28px; border-radius: 3px;}
    .rfq_form_container .rfq_completeness_box{width: 100%; position: static; padding: 15px; margin-top: 15px;}
    .rfq_form_container .rfq_completeness_box .rfq_completeness_percent{width: 80px; height: 80px; box-shadow: inset 0 0 0 4px #0e448c; margin: 15px 0 5px;}
    .rfq_form_container .rfq_completeness_box .rfq_completeness_tips{margin-top: 15px;}
    .rfq_form_container .rfq_completeness_box .rfq_completeness_required_item{padding-left: 15px;}
    .rfq_form_container .rfq_completeness_box .rfq_completeness_required_item::before{width: 3px; height: 3px; left: 4px; top: 8px;}

    .rfq_banner .rfq_banner_info{padding: 20px 0 40px;}
    .rfq_banner .rfq_banner_info .rfq_banner_desc{margin-top: 7px;}
    .rfq_banner .rfq_banner_info .rfq_banner_link{min-width: 200px; border-radius: 4px; margin-top: 30px;}
    
    .rfq_list_container{padding: 15px 0 65px;}
    .rfq_list_container .rfq_list{margin-top: 15px;}
    .rfq_list_container .rfq_list .rfq_item{flex-wrap: wrap; padding: 15px; margin-top: 10px;}
    .rfq_list_container .rfq_list .rfq_item .img{width: 80px; min-width: 80px; height: 80px;}
    .rfq_list_container .rfq_list .rfq_item .rfq_item_received{width: 100%; margin-top: 20px;}
    .rfq_list_container .rfq_list .rfq_item .rfq_item_received_num{width: 50px; min-width: 50px; height: 50px; border-width: 2px;}
    .rfq_list_container .rfq_list .rfq_item .rfq_item_option{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px 0; margin-top: 0;}
    .rfq_list_container .rfq_list .rfq_item .rfq_item_option_item:nth-child(4n){border-left: 0;}
    .rfq_list_container .rfq_list .rfq_item .rfq_item_link{width: 100%; margin-left: 0; margin-top: 20px; border-radius: 4px;}
}