.bom_banner{
	width: 100%;
	min-width: 1400px;
	height: 360px;
	background:url('../../images/mall/bom_banner.png') no-repeat center top;
}
.bomTool_box{
	width: 1400px;
	margin: 0 auto;
}
.bomTool_upload{
	width: 900px;
	height: 432px;
	box-shadow: 0px 4px 10px 0px rgba(27, 62, 137, 0.1);
	background: rgba(255, 255, 255, 0.95);
	border-radius: 8px;
	margin: 0 auto;
	margin-top: -80px;
}

.upload_operate{
	height: 50px;
	border-radius: 8px 8px 0 0;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 40px;
}
.operate_btn{
	display: flex;
	align-items: center;
	justify-content: center;
}
.operate_btn label{
	font-size: 16px;
	line-height: 50px;
	margin: 0 30px;
	position: relative;
	cursor: pointer;
}
.operate_btn label.on{
	font-weight: bold;
	color: #003E8E;
}
.operate_btn label.on::after{
	content:'';
	display: inline-block;
	width:100%;
	height:3px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color:#003E8E;
}

.upload_hint{
	width: 800px;
	height:240px;
	border: 1px dashed #E0E0E0;
	text-align:center;
	background-color: #F7F7F7;
	margin:0 auto;
	border-radius: 8px;
	padding-top: 40px;
}
.bomContDiv1{
	display: flex;
	justify-content: center;
	align-items: center;
}
.bomContDiv1 .fileBtn{
	width: 100px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	background-color: #30A06B;
	border-radius: 5px;
	color: #fff;
	margin-left: 20px;
	cursor: pointer;
	font-size: 14px;
}
.upload_hint .text{
	font-size: 14px;
	color: #ccc;
	line-height: 30px;
}
.upload_hint .uploadBtn{
	width: 160px;
    height: 52px;
    margin-top: 50px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    line-height: 52px;
    text-align: center;
    border-radius: 8px;
}
.upload_content{
	width: 800px;
	display: flex;
	justify-content: space-between;
	margin: 15px auto 0;
	align-items: flex-start;
}
.upload_content .text{
	font-size: 14px;
	color: #AFAFAF;
	line-height: 20px;
}
.operate_download{
	color: #003E8E;
	font-size: 14px;
	cursor: pointer;
}
.operate_download .iconfont{
	font-size: 14px;
	color: #003E8E;
	margin-right: 5px;
}
.batchUpload_main{
	text-align: center;
}
.batchUpload_main textarea{
	width: 800px;
	height: 240px;
	background-color: #f7f7f7;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	padding: 10px;
	line-height: 22px;
	font-size: 14px;
	font-family: Arial, 'PingFangSC-Regular', 'Roboto', 'Helvetica Neue', Helvetica, Tahoma, 'PingFang SC-Light', 'Microsoft YaHei';
}
.batchUpload_main .uploadBtn{
	width: 160px;
	height: 52px;
	font-size: 16px;
	margin-top: 20px;
}
/* 上传中操作 */
.bomTool_upload_loading{
	background:#ccc;
	border: 1px dashed #000;
}
.bomTool_upload_loading .operate_file{
	border:1px solid rgba(230, 0, 18, 1);
}
.bomTool_upload_loading .operate_download{
	border:1px solid rgba(57, 49, 207, 1);
}
.bomTool_upload_loading .operate_download{
	border:1px solid rgba(57, 49, 207, 1);
}
.bomTool_upload_loading .upload_hint{
	border-bottom:1px dashed #000;
}
.bomTool_upload_loading .bomContDiv1{
	color:#000;
}
.bomTool_upload_loading .upload_content{
	color:#000;
}


.bomPage_bg{
	width: 100%;
	background-color: #F2F8FF;
}
.bomContent_box{
	width: 1400px;
	margin: 0 auto;
	padding: 60px 0;
	background-color: #F2F8FF;
}
.bomContent_box .contentList{
	padding: 33px 75px;
	background-color: #fff;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
}
.bomContent_box .contentImg{
	width: 570px;
	height: 284px;
}
.content_text{
	width: 600px;
}
.content_text .tit{
	font-size: 25px;
	line-height: 40px;
	font-weight: bold;
	color: #333;
	margin: 15px 0;
}
.content_text .text{
	font-size: 16px;
	line-height: 32px;
	color: #333;
}
.bom_bottom{
	width: 100%;
	min-width: 1400px;
	height: 400px;
	padding: 50px 0;
	background:url('../../images/mall/bom_bottom.png?v=1') no-repeat center 50px #fff;
}
.bom_bottomCon{
	width: 1365px;
	height: 300px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding-top: 135px;
}
.bom_bottomCon .title{
	font-size: 26px;
	font-weight: bold;
	color: #333;
	margin-bottom: 50px;
}
.bom_bottomCon .textList{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bom_bottomCon .tit{
	color: #333;
	font-size: 30px;
	font-weight: bold;
}
.bom_bottomCon .text{
	color: #666;
	font-size: 16px;
	text-align: center;
}

.bomDetail_topTit{
	height: 100px;
	padding: 10px 20px 20px;
	border-radius: 8px 8px 0 0;
	border-bottom: 1px solid #E5E5E5;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bomDetail_topTit .tit{
	font-size: 20px;
	line-height: 44px;
	font-weight: bold;
}
.bomDtop1{
	line-height: 36px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	margin-right: 40px;
}
.bomDtop{
	height: 50px;
	margin-bottom: 30px;
}
.bomDInput{
	width: 126px;
	height: 48px;
	border-radius: 6px;
	color: #ccc;
	background-color: rgba(40, 138, 237, 1);
	font-size: 18px;
}
.bomDInput1{
	width: 130px;
	height: 44px;
	margin-left: 30px;
	font-size: 14px;
}
.bomDInput1e{
	background-color: #fff;
}
.bomDDiv{
    width: 1360px;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    margin: 20px 20px 0;
}
/* .bomDTable{
	width: 2000px;
} */
.bomDTable{
	border-top:1px solid #EAEBED;
	border-right:1px solid #EAEBED;
}
.bomDTable th{
	height: 46px;
    font-size: 14px;
    color: #333;
    background: #F2F8FF;
    padding: 0 15px;
    font-weight: bold;
	text-align: left;
}
.bomDTable input[type="checkbox"]{
	width: 18px;
	height: 18px;
	border: 1px solid #ddd;
	border-radius: 2px;
	margin-right: 5px;
	opacity: 1;
	line-height: 18px;
}
.bomDTable input[type="checkbox"]:checked{
	opacity: 1;
}
.bomDTable input[type="checkbox"]:disabled{
    background-color: #f1f1f1;
    opacity: 0.8;
}
.bomDTable td{
	min-height: 66px;
	font-size: 14px;
	color: #333;
	text-align: left;
	padding:0 15px;
}
.bomDTable td,.bomDTable th{
	border-bottom:1px solid #EAEBED;
	border-left:1px solid #EAEBED;
	white-space: pre-wrap;
	word-break: break-word;
}
.bottom_bomDp_box{
    display: flex;
    justify-content: space-between;
    margin: 0 20px;
    border: 1px solid #EAEBED;
    border-top: 0;
	padding: 20px;
}
.bomDp{
	font-size: 14px;
	line-height: 24px;
}
.bomDpNumP{
	box-sizing: content-box;
	font-size: 14px;
	text-align:right;
	color: #545454;
	line-height: 30px;
}
.bomDpNumspl{
	display: inline-block;
	width: 130px;
	font-weight: bold;
}
.bomDpNumsplPrice{
	display: inline-block;
	width: 180px;
	text-align: right;
	color: #E73F3F;
	font-weight: bold;
}

.layerScjd{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	z-index:99;
	left: 0;
	top: 0;
}
.layerScjdDiv{
	width: 150px;
	height: 150px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	overflow: hidden;
}
.yuannei{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 20px solid #fff;
}
.yuannei1{
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background-color: #eee;
	position: absolute;
	z-index: 999;
	top: 20px;
	left: 20px;
	line-height: 110px;
	text-align: center;
	font-size: 18px;
}
.yuanzhuan{
	position: absolute;
	width: 75px;
	height: 75px;
	/*border-radius: 50%;*/
	/*background-color:   forestgreen;#228b22  #449344*/
	background-image: linear-gradient(to right, rgba(34,139,34,0.5 ), rgba(34,139,34,1));
	z-index: 999;
	top: 0;
	left:0px;
}
.yuan{
	animation: myMove1 0.8s ease infinite ;
	transform: rotate(10deg);
	transform-origin:100% 100% 0;

}
@keyframes myMove1 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

.layerScjdDay{
	width: 610px;
}
.layerScjdDayInput{
	width: 530px;
	border: 1px solid #E0E0E0 ;
	height: 44px;
	border-radius: 8px;
	text-indent: 10px;
	outline: none;
}
.layerScjdDayD1{
	margin-bottom: 30px;
	position: relative;
}
.layerScjdDayD1 .icon-date{
	position: absolute;
	right: 0;
	top: 18px;
	color: #999;
}
.layerScjdDay .btnDiv .btn{
	width: 106px;
	height: 44px;
	margin: 0 10px;
}
.layerScjdSucess{
	width: 640px;
	text-align: center;
	font-size: 16px;
	padding: 50px 0;
}
.layerScjdSucess_p1{
	font-size: 24px;
	padding: 20px;
}
.layerScjdSucess_p1 strong{
	font-size: 20px;
	margin-left: 15px;
}
.layerScjdSucess_p2{
	font-size: 16px;
}
.layerScjdSucess_p2 .iconfont{
	color: #FC9623;
	font-size: 20px;
	margin-right: 5px;
}
.layerScjdSucess .icon-chenggong{
	font-size: 40px;
	color: #30A06B;
}
.layerScjdSucess .layerScjdSucess_p1{
    font-size: 22px;
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.layerScjdSucess_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}
.layerScjdSucess_btn .sucess_btn{
    height: 44px;
    padding: 0 27px;
    border-radius: 8px;
    margin: 0 15px;
    line-height: 44px;
    font-size: 14px;
}
.layerScjdSucess_btn .redBtn{
	background-color:#fff;
	color:#E73F3F;
	text-align: center;
	border:1px solid #E73F3F;
	font-size: 14px;
}
.layerScjfail_trip{
	display: inline-block;
	width: 26px;
	height: 22px;
	background:url(../../images/mall/icon_trip.png) no-repeat left center;
}
.layerScjfail{
	width: 500px;
	text-align: center;
	font-size: 20px;
	padding: 50px 0;
}
.layerScjfail .icon-shibai{
	font-size: 54px;
	color: #f00;
}
.failbutton_Failed{
	height: 36px;
	border-radius:8px;
	font-size:16px;
	cursor: pointer;
	margin-top:30px;
}
.bomForbidden{
	background-color: #ddd;
}


.bom_Index_left {
    width: 900px;
    height: 432px;
    box-shadow: 0px 4px 10px 0px rgba(27, 62, 137, 0.1);
    background: rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    margin: 0 auto;
    margin-top: -80px;
	margin-bottom: 60px;
}
.bom_Index_left .bom_Index_left_tab{
    height: 50px;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bom_Index_left .bom_Index_left_tab li{
    font-size: 16px;
    line-height: 50px;
    margin: 0 30px;
    cursor: pointer;
    list-style:none;
    box-sizing: border-box;
    height: 50px;
    border-bottom: 3px solid #fff;
    position: relative;
    top: -1px;
}
.bom_Index_left .bom_Index_left_tab li.active{
    font-weight: bold;
    color: #003E8E;
    border-bottom: 3px solid #003E8E;
    /* position: relative; */
    /* top: 3px; */
    /* box-sizing: border-box; */
}
.bom_Index_left .bom_Index_left_tab li:last-child{
    margin-right: 0;
}
.bom_Index_left_upload{
    border-radius: 10px;
    display: inline-block;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    display:block;
}
.bom_Index_left_upload:last-child{
    margin-right: 0;
}
.bom_Index_left_upload .bom_download {
    color: #1F6BDE;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    margin-top: 25px;
    margin-bottom: 12px;
    /* width: 100%; */
    display: inline-block;
    /* text-decoration: underline; */
}
.bom_Index_left_upload .bom_download:hover{
    color: rgba(53,90,239);
}
.online_signature .question-mark-tip{
    left: 60px;
}
.bom_Index_left_upload span.blueBtn{
    width: 160px;
    height: 52px;
    margin-top: 30px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    line-height: 52px;
    text-align: center;
    border-radius: 8px;
    background-color: #003E8E!important;
}
.bom_Index_left_upload .history_bom{
    font-size: 12px;
    color: #1F6BDE;
}
.bom_upload_btn {
    width: 800px;
    height: 240px;
    border: 1px dashed #E0E0E0;
    text-align: center;
    background-color: #F7F7F7;
    margin: 0 auto;
    border-radius: 8px;
    padding-top: 40px;
    position: relative;
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.box_uploading {
    font-size: 14px;
    color: #444;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 14px;
    color: #ccc;
    /* line-height: 30px; */
}
.bom_Index_left_upload .uploadText{
	font-size: 14px;
	color: #AFAFAF;
	line-height: 20px;
	text-align: left;
	margin-left: 50px;
	margin-top: 15px;
}

#importView {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}
.bom_right_upload {
    opacity: 0;
    width: 100%;
    height: 100%
}
.bom_left_input {
width: 800px;
    height: 240px;
    background-color: #f7f7f7;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 10px;
    line-height: 22px;
    font-size: 14px;
    font-family: Arial, 'PingFangSC-Regular', 'Roboto', 'Helvetica Neue', Helvetica, Tahoma, 'PingFang SC-Light', 'Microsoft YaHei';
}
.bom_left_input::-webkit-input-placeholder {
    color: #B2BBD1
}
.bom_btnBox {
    margin: 13px auto;
    font-size: 16px;
    color: #fff
}

.bom_btnBox div {
    cursor: pointer
}

.bom_btnBox a {
    color: #fff
}

.bom_btn {
    width: 160px;
    height: 52px;
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    text-align: center;
    line-height: 52px;
    margin: 0 auto;
}