/* 报价下单 */
.yu_offer{
    width: 100%;
    align-items: flex-start;
    padding: 0px 0px 50px 0px;
}
.yu_offer .offer_left{
    width: 240px;
    margin-right: 30px;
}
.yu_offer .offer_left a{
    width: 100%;
    height: 104px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*background-image: linear-gradient(#DCDDE2, #ffffff);*/
    color: #333;
    background-color: rgb(255 255 255 / 94%);
    border-top: 1px solid #eee;
}
.yu_offer .offer_left a .title{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 4px;
}
.yu_offer .offer_left a .text{
    font-size: 12px;
    color: #005BAC;
}
.yu_offer .offer_left a:hover,
.yu_offer .offer_left .left_active{
    background-image: linear-gradient(#005BAC, #005BAC);
    color: #ffffff;
}
.yu_offer .offer_left a:hover .text,
.yu_offer .offer_left .left_active .text{
    color: #ffffff;
}
.yu_offer .offer_middle{
    width: calc(100% - 270px);
    padding-top: 1rem;
}
.yu_offer .offer_middle .title{
    width: 100%;
    font-size: 22px;
    color: #333;
    font-weight: bold;
    margin-bottom: 25px;
}
.yu_offer .offer_middle form.postorder{
    width: 100%;
}
.yu_offer .offer_middle form.postorder .form_div{
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.yu_offer .offer_middle form.postorder .form_div .div_span{
    font-size: 14px;
    color: #333;
    margin-right: 24px;
}
.yu_offer .offer_middle form.postorder .form_div select{
    width: 250px;
    height: 26px;
    border: 1px solid #333;
    outline: none;
    background-color: #ffffff;
    border-radius: 5px;
}
.yu_offer .offer_middle form.postorder .form_div input{
    width: 48px;
    height: 26px;
    border: 1px solid #333;
    outline: none;
    background-color: #ffffff;
    margin-right: 20px;
    border-radius: 5px;
}
.yu_offer .offer_middle form.postorder .form_div label{
    width: 160px;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.yu_offer .offer_middle form.postorder .form_div label input{
    width: 22px;
    margin: 0 6px 0 0;
}
.yu_offer .offer_middle form.postorder .form_div .form_ul{
    width: auto;
}
.yu_offer .offer_middle form.postorder .form_div li{
    width: 70px;
    margin-right: 10px;
    overflow: hidden;
    /*border-radius: 5px;*/
    /*border: 1px solid #ddd;*/
}
.yu_offer .offer_middle form.postorder .form_div li p{
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 0 0 5px 0;
}
.yu_offer .offer_middle form.postorder .form_div li .nums{
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #ddd;
}
/*.yu_offer .offer_middle form.postorder .form_div .form_li_active{*/
/*    border: 1px solid #EB3B08;*/
/*}*/
.yu_offer .offer_middle form.postorder .form_div .form_li_active p{
    color: #EB3B08;
}
.yu_offer .offer_middle form.postorder .form_div .form_li_active .nums{
    color: #fff;
    background-color: #EB3B08;
}
.yu_offer .offer_middle form.postorder .form_div .beizhu{
    line-height: 26px;
    font-size: 14px;
    color: #EB3B08;
    margin-left: 10px;
}
.yu_offer .offer_middle form.postorder button{
    width: 200px;
    height: 50px;
    margin: 30px auto;
    background-color: #EB3B08;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 12px;
}


.yu_offer .offer_right{
    width: 248px;
    height: 370px;
    border: 2px solid #ddd;
    border-radius: 15px;
}
.yu_offer .offer_right .guanggao{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.yu_offer .offer_right .guanggao img{
    width: 100%;
}


/* 订单查询 */
.yu_center{
    width: 100%;
    padding: 50px 30px;
    align-items: flex-start;
    border-top: 1px solid #ddd;
}
.yu_center .center_left{
    width: 230px;
    height: 600px;
    background-color: #2f4050;
}
.yu_center .center_left li{
    width: 100%;
    height: 40px;
    position: relative;
}
.yu_center .center_left li a{
    width: 100%;
    height: 100%;
    padding-left: 32px;
    font-size: 15px;
    color: #a7b1c2;
    display: flex;
    align-items: center;
}
.yu_center .center_left .center_left_active::after{
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0 10px 10px 0;
    background-color: #EB3B08;
}
.yu_center .center_left .center_left_active a{
    color: #EB3B08;
}
.yu_center .center_right{
    width: 87.4%;
    height: 600px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.yu_center .center_right .right_top{
    width: 100%;
    margin-bottom: 30px;
    padding: 10px 14px;
}
.yu_center .center_right .right_top img{
    width: 50px;
    margin-right: 14px;
}
.yu_center .center_right .right_top .right_coms{
    display: flex;
    flex-direction: column;
}
.yu_center .center_right .right_top .right_coms p{
    font-size: 14px;
    color: #3b3b3b;
}
.yu_center .center_right .right_top .right_coms span{
    font-size: 12px;
    color: #a7a7a7;
    margin-top: 5px;
}
.yu_center .center_right form{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 14px 20px;
}
.yu_center .center_right form input{
    width: 200px;
    height: 32px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    outline: none;
    margin-right: 12px;
}
.yu_center .center_right form button{
    width: 64px;
    height: 32px;
    background-color: #EB3B08;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
}
.yu_center .center_right .center_tap{
    width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.yu_center .center_right .center_tap li{
    height: 36px;
    border: 1px solid #dddddd;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    margin-bottom: -1px;
    margin-right: 15px;
}
.yu_center .center_right .center_tap .center_tap_active{
    border: 1px solid #333;
    border-bottom: 1px solid #fff;
}
.yu_center .center_right .center_tap .center_tap_active a{
    color: #333;
}
.yu_center .center_right .center_tap li a{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 14px;
    font-size: 14px;
    color: #999;
}
.yu_center .center_right .center_list{
    width: 100%;
    padding: 0 20px;
}
.yu_center .center_right .center_list li{
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding: 14px 0;
    border-bottom: 1px solid #d9d9d9;
}
.yu_center .center_right .center_list li .center_div{
    width: 13%;
    font-size: 14px;
    color: #999;
    margin-right: 20px;
}
.yu_center .center_right .center_list li .center_div_coms{
    width: 13%;
    margin-right: 20px;
    font-size: 14px;
    color: #666;
}
.yu_center .center_right .center_list li .center_div_coms a{
    padding: 4px 10px;
    border: 1px solid #b9b9b9;
    font-size: 14px;
    color: #333;
    margin-right: 10px;
    border-radius: 5px;
}
.personal_coms{
    width: 100%;
}
.personal_coms .title{
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
    padding: 0 20px;
}
.personal_coms form{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.personal_coms form .data_div{
    width: 49%;
    height: 52px;
    margin-right: 2%;
    margin-bottom: 15px;
    border: 1px solid #e8e8e8;
    display: flex;
}
.personal_coms form .data_div:nth-child(2n){
    margin-right: 0;
}
.personal_coms form .data_div p{
    width: 40%;
    height: 100%;
    background-color: #fafafa;
    padding: 0 24px;
    display: flex;
    align-items: center;
}
.personal_coms form .data_div input{
    width: 60%;
    height: 100%;
    background-color: #fff;
    padding: 0 24px;
    border: none;
    margin-right: 0;
}


.yu_view{
    width: 100%;
}
.yu_view img{
    max-width: 100%;
}

.sign_inA{
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 99;
    position: absolute;
    top: 30px;
}
.sign_inA a{
    width: auto;
}
.sign_inA a img{
    width: auto;
}
.form_div_flex{
	display: flex;
	position: relative;
	flex-wrap: wrap;
}
.yu_offer .offer_middle form.postorder .form_div_position{
	width: 200px;
	position: absolute;
	left: 210px;top: 0px;
}

.yu_offer .offer_middle form.postorder .form_div .yu_tips_warp{
	position:absolute;left: 191px;width: 358px;top: 2px;
}
.yu_offer .offer_middle form.postorder .form_div130{
	width：130%;
}
.yu_offer .offer_middle form.postorder .form_div70{
	width: 70%;
}
.yu_offer .offer_middle form.postorder .form_div70 .form_div70flex{
	width: 200px;display: flex;align-items: center;
}
.yu_xdxz{background: #eee;padding: 10px;margin-top: 1rem;}
.yu_intellectual_property_right_warp{
	width: 100%;
}
#wm_order_notice_warp .yu_intellectual_property_right_warp pre{width: 100%;}
#wm_order_notice_warp .yu_intellectual_property_right_warp pre img{width: 100%;}
#wm_order_notice_warp .yu_intellectual_property_right_warp blockquote{width: 100%;}
#wm_order_notice_warp .yu_intellectual_property_right_warp blockquote img{width: 100%;}
#wm_order_notice_warp .yu_intellectual_property_right_warp section img{width: 100%;}
#wm_intellectual_property_right_warp .yu_intellectual_property_right_warp p{width: 100%;}
#wm_intellectual_property_right_warp .yu_intellectual_property_right_warp p img{width: 100%;}
#wm_copyright_notice_warp .yu_intellectual_property_right_warp p{width: 100%;}
#wm_copyright_notice_warp .yu_intellectual_property_right_warp p img{width: 100%;}
.form_div .wm_value_warp textarea{width: 100%;}
.yu_offer .offer_middle form.postorder .form_div130 .yu_value_warp2{width: 100%;}

@media (max-width:767px){
    .yu_offer .offer_left{display: none;}
    .yu_offer .offer_middle{width: 100%;padding: 1rem 15px;}
    .yu_offer .offer_middle form.postorder .form_div{flex-wrap: wrap;}
    .yu_offer .offer_middle form.postorder .form_div{flex-wrap: wrap;}
    .yu_offer .offer_middle form.postorder .form_div .div_span{width: 100%;text-align: left;margin-bottom: 5px !important;}
    .form_div_flex{height: 150px;align-content: flex-start;}
    .yu_offer .offer_middle form.postorder .form_div_position{left: 0;top: 60px;position: initial;}
    .yu_offer .offer_middle form.postorder .form_div .yu_tips_warp{left: 0;top: 56px;padding-left: 0;}
    .form_div .yuwm_value_warp{overflow-x: auto;}
    .yu_offer .offer_middle form.postorder .form_div130{width: 100%;}
    .yu_offer .offer_middle form.postorder .form_div70{width: 100%;}
    .yu_offer .offer_middle form.postorder .form_div70 .form_div70flex .div_span{width: 50px;padding-right: 0;}
    #wm_order_notice_warp{width: 100%;overflow: hidden;}
    #wm_order_notice_warp img{width: 100%;max-width: 100%;}
	.yu_xdxz{width: 100%;}
	.yu_offer .offer_middle form.postorder .form_div70 .form_div70flex{width: 100%;}
	.yu_offer .offer_middle form.postorder .form_div li{margin-bottom: 15px;}
	
	.yu_center{flex-direction: column;padding: 0 15px;}
	.yu_center .center_left{width: 100%;height: auto;}
	.yu_center .center_right .right_top,
	.yu_center .center_right form,
	.yu_center .center_right .center_tap,
	.yu_center .center_right .center_list{width: 930px;}
	#wm_copyright_notice_warp .yu_intellectual_property_right_warp p img{max-width: 100%;}
}

@media (min-width:768px) and (max-width:819px){
    
}

@media (min-width:820px) and (max-width:1023px){
    .yu_offer .offer_left a .title{font-size: 20px;}
}


@media (min-width:1024px) and (max-width:1279px){
    .yu_offer .offer_left a .title{font-size: 22px;}
}

@media (min-width:1280px) and (max-width:1360px){
    
}