/*abouts (生产商关于我们) 的页面样式*/
#abouts{margin-top: 50px;}
.tx_content{width: 1200px;height:auto;margin: 0 auto;}
.abouts_div{width: 100%;border-bottom:1px solid #E2E2E2;padding: 40px 0;}
.abouts_title{text-transform:Uppercase;/*英文拼音字母全大写*/text-align: left;color: #fbd711;font-size: 22px;margin-bottom: 20px;}
.abouts_content{text-align: left;}
/*尾部第二种状态样式*/
.f_foot{background-color:#575757;}
.f_div{overflow: hidden;padding: 20px 0 10px;}
.f_div>ul{float: left;width: 33%;}
.f_div>ul>li{margin: 15px 0;text-align:left;}
.f_div>ul>li>a{color:#FFFFFF !important;}
.f_div>ul>li:first-child{text-transform:Uppercase;font-size: 20px;font-weight: bold;}
.f_footer_div{margin-top: 100px !important;}

/*procedure (生产商流程介绍)的页面样式*/
#procedure{margin: 30px 0;}
.proc{overflow: hidden;}
.proc_left{float: left;}
.proc_left_ul{border:1px solid #E2E2E2;}
.proc_left_ul>li{color: #707070;border-bottom: 1px solid #E2E2E2;font-size: 15px;width: 200px;height: 50px;line-height: 50px;}
.proc_left_ul>li:first-child{border-bottom:2px solid #E2E2E2;}
.proc_left_ul>li.active{background-color: #fdc811;color: #FFFFFF;}
.proc_right{float:right;overflow: hidden;width: 80%;}
.proc_title{border-bottom:1px solid #E2E2E2;padding-bottom: 15px;}
.proc_content{line-height: 35px;}
.proc_img>img{float: left;margin-top: 40px;}
#procedure .proc{margin-top: 30px;}
/*quotation (生产商报价库)的页面样式*/

/*头部样式*/
.nav_div{width: 100%;height: 70px;background: #fdc811;;}
.nav_div_const{width: 1200px;margin: 0 auto;}
.nav_ul{float: right;}
.nav_ul li{float: left;color: #606060;font-size: 15px;margin: 0 5px;line-height: 70px;}
.nav_ul li:hover{background-color: #fbd711;}
.nav_ul li.active {
    background-color: #fbd711;
}
.nav_ul li ul li:hover{background-color: #fdc811;}
.nav_ul li a{padding: 0 10px;text-decoration: none;}
.nav_ul li ul{display:none;z-index:2;width: 195px;position: absolute;text-align:left;background-color: #fbd711;}
.nav_ul li ul li{ line-height: 35px;float: initial; margin: 0;}

/*中间内容部分*/
/*中间左边部分*/
#quotation .quo_left{background-color: #f4f4f4;}
.quo{overflow: hidden;margin: 50px auto;}
.quo_left{float: left;overflow: hidden;width: 15%;}
.quo_left_title{padding: 15px 0;background-color:#fdc811;color:#FFFFFF;text-transform:Uppercase;}
.quo_ul{border: 1px solid #d9d9d9;}
.quo_ul>li{position: relative;padding: 0 10px 10px;overflow: hidden;}
.quo_ul>li>span{display:inherit;text-align: left;padding: 10px 0;}
.quo_ul>li>select{width:100%;border-radius: 3px;border:1px solid #ededed;padding: 5px;}
.quo_ul>li>.inputName{width:100%;border-radius: 3px;border:1px solid #ededed;padding: 5px;}
.quo_ul>li>.pv>.pv_sel{width: 100%;border-radius: 3px;border:1px solid #ededed;padding: 5px;}
.quo_ul>li>.pv>.pv_sel:last-child{margin-top: 32px;}
.quo_ul>li>.pv>.pv_sel:first-child{float: left;}
.quo_ul>li>.pv>.pv_sel:last-child{float: right;}
.quo_ul>li .xian{width: 2px;height:17px;background-color: #000;display: inherit; position: absolute;left: 44%;top:80px;}
.quo_ul>li .pf{overflow: hidden;}
.quo_ul>li .pf div{width: 55px;margin-left: 10px;position: relative;}
.quo_ul>li .pf div .inputName{width: 100%;border-radius: 3px;border:1px solid #ededed;padding: 5px;}
.quo_ul>li .pf div:first-child{float: left;}
.quo_ul>li .pf div:last-child{float: right;}
.quo_ul>li .pf div:first-child .operator,.quo_ul>li .pf div:last-child .operator{position: absolute; left:-10px;top:5px}
.quo_ul>li .quo_btn{width: 90%;border-radius: 3px;background-color: #fdc811; color: #FFFFFF;border:none;padding: 5px 0; margin:10px 0;}
.quo_ul>li:nth-last-child(2){margin-top: 30px;}

/*中间右边部分*/
.quo_right{float:right;overflow: hidden;width: 80%;}
.quo_right_top{border-bottom:1.5px dashed #E2E2E2;overflow: hidden;padding-bottom: 5px;}
.quo_right_top_title{font-size:20px;float: left;display: inherit;text-transform: uppercase;}
.quo_right_top_div{float: right; color:#8e8e8e;}
.quo_right_top_div>span{color: #8e8e8e;}

.quo_right_ul{width: 100%; overflow: hidden;}
.quo_right_ul>li{float: left;border:1px solid #E2E2E2;margin-top: 30px;border-radius: 5px;padding: 5px 15px 10px;margin-right: 71px;}
.quo_right_ul>li:hover{border-color: #FDC811;cursor: pointer;}
.quo_right_ul>li>a>div:first-child{overflow: hidden;}
#quotation .quo_right_ul>li:nth-child(3n){margin-right: 0 !important;}
.quo_right_ul>li>div{overflow: hidden;}
.quo_right_ul li div input[type='checkbox']{float:right;}
.quo_img{width:230px;height:230px;padding: 10px;margin-top:5px; border:1px solid #E2E2E2;border-radius: 5px;
    display: inline-block;line-height: 230px;overflow: hidden;}
.quo_imgs{
    width: 100%;
}
.quo_title{text-transform: uppercase;color:#606060;font-size:18px; margin: 15px 0;width: 230px;height: 25px;overflow: hidden;}
.quo_offer{font-size: 15px;}
.quo_offer::first-letter {color:#fdc811;}/*更改第一个字的颜色*/
.quo_modify{text-transform: uppercase;background-color:#fdc811;border-radius: 5px;font-size:15px;padding: 5px; color: #FFFFFF;margin: 15px 0;}
#quotation .quo_modify>a{color: #fff !important;}
.quo_edit{text-decoration: underline;}/*文字下面加黑线*/



/*classify (生厂商子分类分类页)的页面样式*/
#classify .quo_left{background-color: #f4f4f4;font-size:16px;}
.class_right>div.class_right_area{margin-top: 50px;}
.class_right>div.class_right_area:first-child{margin-top: 0 !important;}
#classify .class_right_ul>li{padding: 5px 5px 0 !important;}
#classify .class_right_ul>li{margin-right:20px!important;}
#classify .class_right_ul>li:nth-child(3n){margin-right:0 !important;}
.class_title{text-align: left;}
.class_right_divUl>p{text-align: left;margin-top: 5px;}
.class_right_divUl>p>span:first-child{color: #949494;}
.class_right_divUl>p>span:last-child{display:initial;color:#717171;font-size: 15px;margin-left: 5px;}
.class_ellipsis{overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;white-space:nowrap;width: 105px;line-height: 12px;display: inline-block !important;margin-bottom: -2px;}
.class_right_price{color: #e00000 !important;}
.class__right_more{font-size:15px;margin-top:30px;color: #fdc811;text-decoration: underline;text-underline-color:#fdc811;}/*text-underline-color 改变下划线的颜色*/


/* copyOffer (复制现有报价) 的页面样式*/
.copy_mg{margin-left: 30px;}
.copy_search_div {overflow: hidden;}
.copy_search_divLeft{float: left;}
.copy_content_div>div.copy_right_area:first-child{margin-top:50px !important;}
.copy_search_divLeft>span{text-transform: uppercase;}
.copy_right_top{border-bottom: none;position: relative;}
.copy_right_top>span{text-transform: uppercase;color: #FDC811;padding-bottom: 5px;margin-left: 30px;}
.copy_right_top_xian{position: absolute;bottom:0;left:5%;width: 85%;height:1px;background-color:#E2E2E2;}
.copy_search_input{width:500px;border-radius: 3px;border:1px solid #ededed;padding: 5px 10px;margin-left: 15px;}
.copy_content_div{width: 100% !important;margin-left: 0 !important;}
.copy_ul>li{margin-right: 3.1% !important;}
#copyOffer .copy_ul>li:nth-child(4n){margin-right:0 !important;}
.copy_page{padding: 0 !important; margin-top: 50px;}
.copy_border{border-top:1px solid #E2E2E2;}
.copy_page ul li:first-child a{margin-left: 0;}


/*quoteList (子类别报价列表)的页面样式*/
.ql_right{float: right;font-size: 15px; background-color: #606060;color: #FDC811;border-radius: 5px;text-transform: uppercase;padding: 5px 10px;}
#quoteList .copy_right_top_xian{left: 0!important;width: 100%!important;}
#quoteList .quo_right_ul{padding: 0 20px;}
#quoteList .copy_ul>li{margin-right: 2% !important; }
#quoteList .copy_ul>li:nth-child(4n){margin-right: 0 !important;}
.ql_right a{color: #FDC811 !important;text-decoration: none;}

/*resetPass (重置密码)的页面样式*/
#resetPass{margin-top: 50px;}
.rp_reset{overflow: hidden;}
.rp_reset>div{float: left;}
.rp_reset>div>span{color:#FDC811;}
.rp_reset>div>img{margin-bottom:10px;margin-right: 10px;}
.rp_inputName{width:100%;border-radius: 3px;border:1px solid #ededed;padding: 5px 15px;}
.rp_right{width: 80%;}
.rp_right_ul>li{overflow: hidden;padding: 10px 0;position: relative;}
.rp_right_ul>li>span{float: left; width: 25%; text-align: left; font-size: 15px;line-height: 30px;}
.rp_right_ul>li>input{float:right;width: 75%; font-size: 15px;}
.rp_right_ul>li .rp_Code{position: absolute;width: auto; right: 20px;top: 14px;line-height: 25px;padding: 0 25px;border-radius: 5px;color: #FFFFFF;background-color: #FDC811;}
.rp_right_ul>li>input::-webkit-input-placeholder {color: #8e8e8e;}
.rp_submit{float: right;width: auto; right: 20px;top: 14px;line-height: 30px;padding: 0 25px;border-radius: 5px;color: #FFFFFF;background-color: #8a8a8a;border:none;}
.rp_right_ul>li:first-child>span{text-transform: uppercase;color: #FDC811;}
.rp_right_ul>li:first-child>p{float:right;width: 75%;height: 15px;border-bottom:1.5px dashed #175d77;}


/*myProcedure  (我的报价库)的页面样式*/
#myProcedure .copy_right_top_xian{left: 0!important;width: 100%!important;}
#myProcedure .quo_right_ul{padding: 0 20px;}
#myProcedure .copy_ul>li{margin-right: 3.2% !important; }
#myProcedure .copy_ul>li:nth-child(4n){margin-right: 0 !important;}
.mP_content_div{overflow: hidden;}
.mp_ul{overflow:hidden;margin:25px 0 35px;padding: 0 20px; border: none;}
.mp_ul>li{float: left;padding:0; width: 25%;margin-right: 12.5%;margin-top: 10px !important;}
.mp_ul>li:nth-child(3n){margin-right: 0!important;}
.mp_ul>li>select{width: 100%;float: left;}
#myProcedure .copy_content_div>div.copy_right_area:first-child{margin-top: 0 !important;}
#myProcedure .quo_right_ul>li{padding: 5px 15px 10px !important;}


/*editClassify (编辑分类)的页面样式*/

#editClassify .copy_right_top_xian{left: 0!important;width: 100%!important;}
#editClassify .quo_right_ul{padding: 0 20px;}
#editClassify .copy_ul>li{margin-right: 3.2% !important; }
#editClassify .copy_ul>li:nth-child(4n){margin-right: 0 !important;}
#editClassify .quo_right_ul>li{padding: 5px 15px 10px !important;}

/*模态框样式*/
#editClassify{position: relative;overflow: hidden;}
.edit-title{text-transform: uppercase;border-bottom:none;text-align: center;}
.edit-body .quo_right_ul{width: auto;display: flex;justify-content: center;}
.edit-body .copy_ul>li{border: none;margin-top: 15px !important;}
.edit-body .copy_ul>li p{text-align: center;}
.eidt_sel{width:100%;border-radius: 3px;border:1px solid #ededed;padding: 5px;text-transform: uppercase;}
.edit_del{text-transform: uppercase;color: #8b8b8b;}
.eidt_qpc{color: #8b8b8b;}
.edit-body .copy_ul>li div{padding: 10px 0;}
.edit-body .copy_ul>li .quo_modify{margin-bottom: 20px !important;}
.edit-Modal .modal-dialog{margin:250px auto 0 !important;}
.modal-backdrop{position: absolute;display: none;}
.edit_footer{margin-top: 0 !important;}

/*orderClassify (报价订单分类 子类别)的页面样式*/
.order_right_div{overflow: hidden;/*padding-left: 30px;*/ width: 80%;float: right;}
#orderClassify .copy_right_top>span{margin-left: 0!important;}
#orderClassify .copy_right_top_xian{width: 100% !important;left: 0 !important;}
#orderClassify .class_right_ul>li{margin-right: 7.4%!important;}
#orderClassify .class_right_ul>li:nth-child(3n){margin-right: 0!important;}
.order_more{color: #686868;}
#orderClassify .quo_page_ul>li{overflow: hidden;}
.order_right_top{display: flex;justify-content: center;}
.order_right_div .mp_ul{padding: 0!important;}
#orderClassify .proc_left{margin-top: 50px;}
#orderClassify .mp_ul{margin-bottom: 0 !important;}
#orderClassify .tx_content{margin-top: 50px;}
#orderClassify .quo_right{overflow: hidden;padding-right: 0 !important;}

/*offerList (报价清单)的页面样式*/
#offerList .copy_right_top>span{margin-left: 0!important;}
#offerList .copy_right_top_xian{width: 100% !important;left: 0 !important;}
#offerList .class_right_ul>li{margin-right: 7.8%!important;}
#offerList .quo_right_ul>li{margin-right: 8.1% !important;}
#offerList .quo_right_ul>li:nth-child(3n){margin-right: 0 !important;}
#offerList .rp_right_ul>li:first-child>p{height: 10px;}
#offerList .rp_right_ul>li:first-child>span{line-height: 60px;}
#offerList .tx_content{margin-top: 50px;}
#offerList .copy_content_div>div.copy_right_area{margin-top:0 !important;}

/*模态框样式*/
#offerList,#quotation{position: relative;overflow: hidden;padding-bottom: 150px;}

/*productList (被零售选中为产品列表)的页面样式*/
#productList .copy_right_top>span{margin-left: 0!important;}
#productList .copy_right_top_xian{width: 100% !important;left: 0 !important;}
#productList .quo_right_ul>li{margin-right: 6.5%!important;}
#productList .quo_right_ul>li:nth-child(3n){margin-right: 0!important;}
#productList .tx_content{margin-top: 50px;}
#productList .proc_left_ul{margin-top: 65px;}
.pl__right_ul{margin: 0;}


/*subMember	(产品库 子会员查看)的页面样式*/
.sm_right_div{overflow: hidden;}
.sm_right_divContent>span{float: left;line-height: 35px;}
.sm_right_divContent>.sm_inputName{float: left;margin-left: 20px;width:25%;}
.sm_right_divContent>select{float: right;width: 18%;text-transform: uppercase;}
.sm_inputName,.sm_right_divContent>select{border-radius: 3px;border:1px solid #ededed;padding: 5px;}
.sm_right_text{padding: 0;margin-top:30px;}
.sm_xian{height: 15px;border-bottom: 1.5px dashed #E2E2E2;}
.sm_email{color: #838383;}
.sm_right_top{overflow:hidden;text-align:left;border-bottom: 1.5px dashed #266880;padding-bottom: 10px;}
.sm_right_top>p{text-align: left;line-height: 20px;}
.sm_right_top .class_ellipsis{width: 270px;}
#subMember .quo_right{padding-right: 0;}
#subMember .quo_right_ul>li:nth-child(3){margin-right: 0;}


/*uploadOffer (上传新报价)的页面样式*/
.immediate,.uploadOffer{margin-top:50px ;}
.immediate dl dd input,.immediate dl dd textarea{width: 949px !important;}
.immediate .table tbody tr td .input-name{width: 100% !important;}
.input-name{text-align: center;}
.uo_content{width: 100% !important;margin-left: 0!important;padding-right: 0!important;}
.uo_packing{padding: 0 !important;}
.uo_content .file{padding: 0 !important;}
.uo_dt_span{line-height: 25px !important;}
.uo_dt_span span{font-weight: 100;}
.immediate dl dd .uploadImg label{position: relative;width: 130px; height: 130px;}
.immediate dl dd .uploadImg label img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.immediate dl dd .uploadImg label input{position: absolute;width: 100% !important;height: 100%;opacity: 0;}

/*demandRecord (需求记录)的页面样式*/
#demandRecord .sm_right_text{margin-top: 0;}
#demandRecord .quo_right_top_title{font-size: 14px;color: #7a7a7a;}
#demandRecord .quo_right{padding-right: 0;}
#demandRecord .quo_right_ul li{margin-right: 71px;}
#demandRecord .quo_right_ul li:nth-child(3n){margin-right: 0;}



/*sonUser (子用户 报价列表查看)的页面样式*/
.su_right_info{float: left;}
#sonUser .sm_right_top{position: relative;}
#sonUser .quo_right_top_div{position: absolute;right: 0;bottom: 10px;}
#sonUser .quo_right_top_div img{margin-left: 10px;}
#sonUser .class__right_more{color: #7A7A7A;}
#sonUser .quo_right{padding-right: 0;}
#sonUser .quo_right_ul li{margin-right: 71px;}
#sonUser .quo_right_ul li:nth-child(3n){margin-right: 0;}



/*retailerUpdateOffer   (生产商 查看零售商修改报价)的页面样式*/
.ruo .info .release div{overflow: hidden;display: inline-block;}
.ruo .info .release a{padding:0 80px !important;height: 60px;text-align: center;line-height: 60px;border: none;font-size: 18px;float: left;margin-right: 40px;background: #fdc811 ;}
.ruo_dl dd{font-size: 16px;}
.ruo_dl dd span{font-size: 18px;}



/*my_account_2 (我的账户)的页面样式*/
.m{ width: 682px; margin-left: auto; margin-right: auto; }
#my_account_2 #my .panel-heading{ height: auto; background: #f5f5f5; padding: 0 0 5px 5px; overflow:initial; }
#my_account_2 #my .panel-heading div{height: auto;}
#my_account_2 #my .panel-heading div{/*float: left;*/}
#my_account_2 #my .panel-heading div:nth-child(1){width: auto;}
#my_account_2 #my .panel-heading div{width: auto;}
#my_account_2 #my .panel-body{padding: 10px;text-align: left;}
#my_account_2 blockquote{padding: 10px 20px;margin: 0 0 20px;}
#my_account_2 .show-tick button{background-color: inherit;color: #555555;border-color:#ccc ;}

/*requirementView  (需求查看详情)的页面样式*/
#required #my .quo_right{float: initial;}
.title{font-size: 23px; border-bottom:1px solid #CCCCCC ;padding-bottom: 10px; margin-bottom: 30px;}
.title_yellow{font-size: 23px;color: #FDC811;}
.upload_file dd img{float: left;}
.upload_file dd div{ float: left;overflow:hidden;display: inline-grid;text-align: left;margin-left: 20px;padding-top: 10px;}
.upload_file dd div span{display: inline-block;}

/*上传图片*/
.header {float: left;}
.imgAll {float: left;}
.imgAll ul li {float: left;width: 210px;height: 210px;position: relative;margin-right: 15px;}
.imgAll ul li img {width: 100%;height: 100%;}
.imgAll ul li .delImg{position: absolute;top: -10px;background-color: #000000;color: #FFFFFF;right: -5px;width: 22px;height: 22px;border-radius: 50%;text-align: center;line-height: 22px;}
.imgFileUploade .header span.imgClick {width: 210px;height: 210px;cursor: pointer;display: inherit;background: url('../img/upload_img.png') no-repeat center center;background-size: cover;}


/**/
.quo_right_top_div span img{margin-left: 10px;}
.uploadOffer .quo_right .info_a dl dd input,.uploadOffer .quo_right .info_a dl dd textarea{width: 949px !important;}
.uploadNewOffer .quo_right .info_a dl dd input,.uploadNewOffer .quo_right .info_a dl dd textarea{width: 949px !important;}


.quo_left ul li:hover{background-color: #E0E0E0;}
.tab_pane{overflow: hidden;}
.proc_right .tab_pane{display: none;}
.proc_right .tab_pane.active{display: block;}
.feedback a{display: block;margin-top: 10px;margin-bottom: 15px;text-align: center;line-height: 50px;width: 350px;height: 50px;background: #fdc811;color: white !important;font-size: 18px;text-decoration: none;border-radius: 5px;margin-left: 15px;}
.my_active a{color: #FFFFFF!important; }

#edui1{width: 682px;}
#my_account_2 .box{float: left;}
#my_account_2 .box2{float: right;}
#my_account_2 .box,#my_account_2 .box2{position: relative;width: 335px;height:32px;}
#my_account_2 .minbox2,#my_account_2 .minbox{position:absolute;width: 100%;height:100%; border:1px solid #ccc;border-radius: 4px;}
#my_account_2 #multiselect2, #my_account_2 #multiselect{position:absolute;top:35px;width: 100%;height: 500px; display: none;}
#my_account_2 #multiselect2 option,#my_account_2 #multiselect option{font-size: 15px;padding: 5px;}
#my_account_2 .selected{background-color: #eee;}