/*Global properties*/
html { font-size: 62.5%; /* 10÷16=62.5% */ }
body { margin: 0; padding: 0px; font: normal 100% Helvetica, Arial, sans-serif; background: #f2f2f2; -webkit-text-size-adjust: none; color: #646464; font-size: 15px; font-size: 1.5rem; }
a { cursor: pointer; color: #646464; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
ul, li { list-style-type: none; margin: 0; padding: 0; display: block; }
.clear { clear: both; height: 0; overflow: hidden; margin-top: 0px; }
.page { line-height: 30px; height: 30px; clear: both; }
table { border-collapse: collapse; }
table td { empty-cells: show; }
ul li { border-collapse: collapse; }
div, span { word-wrap: break-word; }
a, img { border: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
dl { margin-top: 0; margin-bottom: 20px; }
dd { margin-left: 0;}

/*login*/
.mt20px { margin-top: 20px !important; }
.mb20px { margin-bottom: 20px !important; }
.mt30px { margin-top: 30px !important; }
.mb30px { margin-bottom: 30px !important; }
.pt20px { padding-top: 20px !important; }
.pt50px { padding-top: 50px !important; }
.pt60px { padding-top: 60px !important; }
.pl20px { padding-left: 20px !important; }
.pr20px { padding-right: 20px !important; }
.pr30px { padding-right: 30px !important; }
.icon { position: relative; display: inline-block; font-style: normal; width: 100%; height: 100%; overflow: hidden; }
.icon-sao { background: url("/Resource/images/WMS_02.png") center center no-repeat; background-size: 25px; }
.icon-left { background: url("/Resource/images/left_arrow.png") center center no-repeat; background-size: 27px; }
.icon-home { background: url("/Resource/images/shouye.png") center center no-repeat; background-size: 29px; }
.icon-loginout { background: url("/Resource/images/logout.png") center center no-repeat; background-size: 29px; }

.header { background-color: #fe0002; position: fixed; left: 0; top: 0; width: 100%; z-index: 99; height:50px; font-size: 18px; }
.header .title { text-align: center; color: #FFF; width: 80%; margin-left: 10%; line-height: 50px; height: 50px; }
.header .left-button, .header .right-button { position: absolute; width: 15%; height:30px; cursor: pointer;}
.header .left-button { left: 0; top: 10px; }
.header .right-button { right: 0; top: 10px; }

.page { width: 100%; height: auto; overflow: hidden; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left !important; }
.content{width:100%; height:auto; overflow:hidden;}
.list-block{ width:92%; margin:0px auto; height:auto; overflow:hidden;}
.list-block ul { width: 100%; height: auto; overflow: hidden; }
.list-block ul li{ float:left; width:100%; position:relative; margin-bottom:15px;}
.list-block ul li .item-content { width: 100%; line-height: 50px; border: 1px solid #efefef; border-radius: 10px; background: #fff; position: relative; }
.list-block ul li .item-inner { width: 100%; height:100%; overflow:hidden;}
.list-block ul li .item-title { width: 100px; float: left; background:url("/Resource/images/WMS_01.png") center right no-repeat; background-size:1px 35px;}
.list-block ul li .item-input { width: calc(100% - 110px); float: left; margin-left:10px; display:inline-block; }
.list-block ul li .item-input .item-input-text{ width:96%; height:30px; line-height:30px; border:0px; font-size:15px;}
.list-block ul li .item-input .item-input-label { width: 96%; height: 30px; line-height: 30px; font-size: 15px; }
.list-block ul li .item-input .item-input-select { width: 96%; height: 30px; line-height: 30px; font-size: 15px; text-align:right; border:0px; }
.list-block ul li .item-media { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; z-index: 10; overflow: hidden; }
.login-img{ width:100px; height:100px; border-radius:50px;}
.button { position: relative; display: block; height: 40px; line-height: 40px; border-radius: 10px; box-sizing: border-box; padding: 0 10px; margin: 0; font-size: 18px; color: #ffffff; background: #fe0002; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; -moz-appearance: none; -ms-appearance: none; appearance: none; }
.button-hui { color: #ffffff; background: #e8e8e8; }
.button-huang { color: #ffffff; background: #fad369; }
.button-lan { color: #ffffff; background:#bafef3; }

/*index*/
.index-list { width:98%; position: relative; padding: 20px 0px 7px 0px; margin: 0 auto; }
.index-list li { width: 33.3%; float: left; text-align: center; margin-bottom: 40px; line-height:25px; }
.index-list li img { width: 70px; border: none; border-radius: 50%; }

/*IncomingExamine*/
.list-info { width: 90%; margin: 0px auto; height: auto; overflow: hidden; }
.list-info ul { width: 100%; height: auto; overflow: hidden; border: 1px solid #efefef; border-radius: 10px; background: #fff; }
.list-info ul li { float: left; width: 100%; position: relative; border-bottom: 1px solid #efefef; }
.list-info ul li .item-content { width: 100%; line-height: 50px; position: relative; }
.list-info ul li .item-inner { width: 100%; height: 100%; overflow: hidden; }
.list-info ul li .item-title { width: 100px; float: left; background: url("/Resource/images/WMS_01.png") center right no-repeat; background-size: 1px 35px; font-size:1.3rem; }
.list-info ul li .item-input { width: calc(100% - 110px); float: left; margin-left: 10px; display: inline-block; }
.list-info ul li .item-input .item-input-text { width: 96%; height: 30px; line-height: 30px; border: 0px; font-size: 15px; }
.list-info ul li .item-input .item-input-label { width: 96%; height: 30px; line-height: 30px; font-size: 15px; }
.prompt-p { font-size: 11px; color: #ccc; padding: 0px 0px; line-height: 20px; margin: 0px; position: absolute; bottom: 0px; left: 20px; height: 20px; text-align: left; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80px; }

.table-info { width: 90%; margin: 0px auto; height: auto; overflow: hidden; }
.table-info table { width: 100%; height: auto; overflow: hidden; border: 1px solid #efefef; border-radius: 10px; background: #fff; text-align:center; }
.table-info thead tr td { line-height: 40px; border-bottom: 1px solid #efefef ;}
.table-info tbody tr td { line-height: 30px; padding:5px 0px; border-bottom: 1px dotted #efefef ;}
.table-info tbody tr td:first-child{width:50%;}
.table-info tbody tr td .select{width:80%; text-align:center;}

/*PickingOperation*/
.pro-info { width: 90%; height: auto; overflow: hidden; margin:0px auto; border-radius: 10px; }
.pro-table-info { position:relative; width: 100%; height: auto; overflow: hidden; border: 1px solid #efefef; text-align: center; background: #fff; border-radius: 10px; font-size:13px; }
.pro-table-info thead tr td, .pro-table-info tfoot tr td { position: relative; border-bottom: 1px solid #efefef; line-height: 22px; padding: 10px 0px; border-bottom: 1px dotted #efefef; TABLE-LAYOUT: fixed; WORD-BREAK: break-all; }
.pro-table-info tbody tr td { position: relative; line-height: 20px; padding: 10px 5px; border-bottom: 1px dotted #efefef; TABLE-LAYOUT: fixed; WORD-BREAK: break-all; }
.pro-table-info tbody tr td:first-child { width: 40%;}
.pro-table-info tbody tr td:nth-child(2) { width: 40%; }
.pro-table-info tbody tr td:nth-child(3) { width: 20%; }
.pro-table-info tbody tr td .select { width: 80%; text-align: center; }
.pro-table-info tfoot tr td .button-choose{ position:absolute; top:9px; right:5px; width:70px; height:24px; line-height:24px; font-size:13px;}
.pro-table-info1 { width: 100%; height: auto; overflow: hidden; border: 1px solid #efefef; }
.pro-table-info1 tr td{padding-left:5px !important; padding-right:5px !important;}
.pro-table-info1 tr td:first-child { width: 60%; }
.pro-table-info1 tr td:nth-child(2) { text-align:right; }

/*BatchSelection*/
.selectpro-table-info tbody tr td:first-child { width: 50%; }
.selectpro-table-info tbody tr td:nth-child(2) { width: 25%; }
.selectpro-table-info tbody tr td:nth-child(3) { width: 25%; }
.selectpro-table-info tfoot tr td .realnum-text { width:110px; height:24px; line-height:24px; }

/*CuttingOperation*/
.table-info-cp { width: 90%; margin: 0px auto; height: auto; overflow: hidden; }
.table-info-cp1 { width: 100%; height: auto; overflow-x: scroll; padding-bottom: 20px; border-radius: 10px; }
.table-info-cp table { width: 100%; min-width: 500px; height: auto; overflow: hidden; border: 1px solid #efefef; border-radius: 10px; background: #fff; text-align: center; }
.table-info-cp thead tr td { line-height: 40px; border-bottom: 1px solid #efefef; }
.table-info-cp tbody tr td { line-height: 30px; padding: 5px 0px; border-bottom: 1px dotted #efefef; }
.table-info-cp tbody tr td:nth-child(1) { width: 15%; }
.table-info-cp tbody tr td:nth-child(2) { width: 15%; }
.table-info-cp tbody tr td:nth-child(3) { width: 20%; }
.table-info-cp tbody tr td:nth-child(4) { width: 20%; }
.table-info-cp tbody tr td:nth-child(5) { width: 15%; }
.table-info-cp tbody tr td:nth-child(6) { width: 15%; }
.table-info-cp tbody tr td .select { width: 80%; text-align: center; }

.realnum-text1{width:60px;}
.realnum-text { width: 180px; }
.IsOrNoPro-select { width: 100px; }
.a-del{ color:#2457ff;}

.dede_pages { clear: both; height: 50px;  width:98%; margin:3px auto;}
.dede_pages ul { float: right; display: table; }
.dede_pages ul li { float: left; margin-right: 4px; height: 26px; font-size: 13px; line-height: 26px; cursor: pointer; }
.dede_pages ul li.nohref { color: rgb(153, 153, 153); padding: 0px 10px; height: 24px; border: 1px solid rgb(221, 221, 221); line-height: 24px; }
.dede_pages ul li.thisclass { color: rgb(255, 255, 255); padding: 0px 10px; border: 1px solid #fc4f08; background: #fc4f08; font-weight: bold; }
.dede_pages ul li a { float: left; padding: 0px 10px; color: #fc4f08; font-size: 13px; font-weight: bold; border: 1px solid #fc4f08; text-decoration: none; line-height: 24px; }
.dede_pages ul li a:hover { color: rgb(255, 255, 255); padding: 0px 10px; text-decoration: none; border: 1px solid #fc4f08; background: #fc4f08; }
.dede_pages ul li.fenyejacky span { float: left; padding: 0px 10px; color: #fc4f08; font-weight: bold; border: 1px solid #fc4f08; text-decoration: none; }
.dede_pages ul li.fenyejacky span:hover { color: #fff; padding: 0px 10px; text-decoration: none; border: 1px solid #fc4f08; background: #fc4f08; }
.dede_pages ul li.fenyeandy span { color: #fff; padding: 0px 10px; border: 1px solid #fc4f08; background: #fc4f08; font-weight: bold; display: block; text-decoration: none; }
.dede_pages .page_select1 { float: left; padding-left: 5px; }
.dede_pages .page_select { clear: both; border: 1px solid #c4c4c4; height: 28px; line-height: 28px; }
.dede_pages .page_text { clear: both; border: 1px solid #fc4f08; width: 50px; height: 24px; line-height: 24px; }
.dede_pages .page_btn { border: 1px solid #fc4f08; width: 50px; height: 28px; line-height: 28px; cursor: pointer; background: #fff; color: #fc4f08; text-align: center; font-weight: bold; }
.dede_pages .page_btn:hover { color: #ffffff; border: 1px solid #fc4f08; background: #fc4f08; }
.skin-1 .dede_pages ul li.thisclass { border: 1px solid #554596; background: #554596; }
.skin-1 .dede_pages ul li a { color: #554596; border: 1px solid #554596; }
.skin-1 .dede_pages ul li a:hover { border: 1px solid #554596; background: #554596; }
.skin-1 .dede_pages ul li.fenyejacky span { color: #554596; border: 1px solid #554596; }
.skin-1 .dede_pages ul li.fenyejacky span:hover { border: 1px solid #554596; background: #554596; color: #fff; }
.skin-1 .dede_pages ul li.fenyeandy span { border: 1px solid #554596; background: #554596; }
.skin-1 .dede_pages .page_text { border: 1px solid #554596; }
.skin-1 .dede_pages .page_btn { border: 1px solid #554596; color: #554596; }
.skin-1 .dede_pages .page_btn:hover { border: 1px solid #554596; background: #554596; }