@charset "utf-8";
.tableInput,input.tableInput{ width: 75px; }
#stockIn-form .row-item-inner,#stockOut-form .row-item-inner{ line-height: 40px;}
#stockIn-form .row-item-inner .row-item-delete,#stockOut-form .row-item-inner{ top: 5px;}

#edit-form .detail-left{ float: left }
#edit-form .order-detail{ float: right ;}
.stockSearch{    min-width: 110px;
    display: inline-block;
    position: relative;}
.stockSearch-list{ position: absolute; left: 0px; top:35px; width: 100%; background: #fefefe; line-height: 26px;z-index: 1;color: #666; display: none; border: 1px solid #d1d1d1; font-size: 12px; max-height: 150px; overflow-y: auto;}
.stockSearch.open .stockSearch-list{ display: block;}
.stockSearch-listItem{ width: 100%; box-sizing: border-box; padding: 0 5px; height: 26px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}

.detail1 table,.detail2 table{ width: 100%; border-collapse: collapse; font-size: .938em;}
.detail1 table td { padding: .5em .5em; border-bottom: solid 1px #ccc; position: relative;}
.detail1 table,.detail2 table,.detail1 table tr th,.detail2 table tr th, .detail1 table tr td , .detail2 table tr td { border:1px solid #d7e2ea; }/*设置边框的*/
.detail2{ margin: 10px auto; text-align: center;}
.detail2 table td, .detail2 table th { padding: .5em .5em; border-bottom: solid 1px #ccc; }
.red{ color: red;}

.tableProduct{ text-align: center; border-bottom: 1px solid #c2c2c2; position: relative}
.tableProduct2{ height: 100%; }
.tableProduct .choice-icon{width: 22px;height:22px;display:inline-block;vertical-align: text-bottom;border-radius: 3px;border: 2px solid #0088d0; cursor: pointer;}
.tableProduct .choice-icon2{width: 22px;height:22px;display:inline-block;vertical-align: text-bottom;border-radius: 3px;border: 2px solid #fff; cursor: pointer;}
.tableProduct .tableItem.choice .choice-icon{background: #0088d0 url(../../img/checkbox.png) no-repeat center;background-size: 16px auto;}
.tableProduct .choice-icon2.choice{background: url(../../img/checkbox.png) no-repeat center;background-size: 16px auto;}

.tableProduct th{ height: 30px; background: #1b779f; color: #fff; border-right: 1px solid #fff; padding: 5px 0; box-sizing: border-box;}
.tableProduct th.first{ }
.tableProduct td{ height: 30px; border-right: 1px solid #c2c2c2;color: #333; box-sizing: border-box;}
.tableProduct td.first{ text-align: center; }
.tableProduct tbody tr:nth-child(2n) td{ background: #EFEFEF;}
.tableProduct2 tbody tr:nth-child(2n) td{ background: none}
.tableProduct .item-left.isChange{}
.tableProduct .item-left.isSave{ }
.tableProduct .item-left.isSave .tableSelect2{ border: 1px solid #7bcec4;background-color: #7bcec4;color: #fff;}
.tableProduct .item-left.isChange .tableSelect2{ border: 1px solid red; background-color: red; color: #fff;}

.tableProduct tbody tr{     border-bottom: 1px solid #c2c2c2}
.tableProduct2 tbody tr{ border-bottom: 0px;}
.tableProduct2 td:last-child,.tableProduct2 th:last-child{ border-right: 0px;}
.tableProduct2 td.specItem,.tableProduct2 th.specItem{ width: 25px; padding-left: 0;}
.tableProduct2 td{ border-bottom: 1px solid #c2c2c2;text-align: center;  padding: 5px 0;}
.tableProduct2 tr:last-child td{ border-bottom:0}
.tableProduct td:last-child,.tableProduct th:last-child{ border-right:0}
.tableProduct .normal{padding: 0;}
.tableProduct .center{ text-align: center;}
.tableProduct .tableInput{ width: 50px;text-align: center;border: 1px solid #c2c2c2;}
.tableProduct .btn-item{   background: #324057;  color: #FFF;  padding: 4px 8px;  border-radius: 5px;  cursor: pointer; display: inline-block; margin:3px;}
.tableProduct .btn-item.hidden{display: none;}
.tableProduct .reserve .btn-item{background: #fc7b62;}
.tableScroll{overflow: hidden; overflow-y: auto; display: block;}
.tableScroll2{overflow: hidden; overflow-x: auto; display: block;}
.tableProduct .tableSelect{ width: 80px; padding-right: 20px; background-size: 25px; height: 26px;}
.tableProduct .tableSelect2{ width: 180px; padding-right: 20px; background-size: 25px; height: 26px;}
.tableProduct .tableImg{ width: 50px; height: 50px; display: inline-block;}
.tableProduct .tabItem{ position: absolute; left: 0; top: 0; min-width: 40px; height: 20px; line-height: 20px; text-align:center; display: inline-block; padding: 0 5px; color: #fff; background: red;}
.tableProduct .tabItem.hidden{display: none;}
.tableProduct .relationItem{border: 1px solid #c2c2c2; display: block; float: left; min-width: 80px; height: 30px; line-height: 30px; padding: 0 5px; margin-right: 5px;}
.carPop{ position: fixed; right: 0; bottom: 0; background: #fff; width: 420px;z-index: 9;border-left: 1px solid #373942;}
.carTitle{  height: 36px;  line-height: 36px;  background: #373942;  color: #fff;  box-sizing: border-box;  padding: 0 45px 0 5px;  position: relative;  cursor: pointer;}
.carBottom{ position: relative; color: #fff;}
.carBottom .count{ width:100%;box-sizing: border-box; padding-left: 5px; background: #373942; height: 50px; line-height: 50px;font-size: 18px;}
.carBottom .go-order{ cursor: pointer; position: absolute; width: 120px; height: 50px; line-height: 50px; background: #cc0000; text-align: center; right: 0px; top: 0px;font-size: 18px;}
.carBottom .go-order.waiting{ background: #c2c2c2;}
.carPop .edit-row{ min-height: 40px;    background: #efefef;  border-bottom: 1px solid #cccccc; line-height: 30px; padding-top: 5px; font-size: 14px;}
.carPop .edit-row .row-left{ top: 0; font-size: 14px;}
.carPop .edit-row:last-child{ margin-bottom: 0px;}
.carPop.close .carList{ display: none;}
.car-list-item{ height:30px; line-height: 30px; border-bottom: 1px solid #cccccc;}
.car-list-item .one{ float: left;width: 200px; position: relative; height: 30px; box-sizing: border-box; padding: 0 5px;}
.car-list-item .one-top{ width: 100%; height: 30px;overflow: hidden;}
.car-list-item .two{ float: right; width: 90px;}
.car-list-item .three{ float: right; width: 65px; line-height: 30px; text-align: right;padding-right: 5px;}
.car-list-item .list-btn{width: 30px;  height: 30px;  display: inline-block;  text-align: center;  cursor: pointer;  background: #fff;  color: #323232;  float: left;  line-height: 30px; border: 0;}
.car-list-item .btn-reduce{background: url("../../img/delivery/reduce-icon-block.png") no-repeat center,#efefef; background-size: 15px}
.car-list-item .btn-add{background: url("../../img/delivery/add-icon-block.png") no-repeat center,#efefef;background-size: 15px}
.car-list-item .close-btn{width:30px;height:30px; display: block; background: url("../../img/delivery/delete-icon.png") no-repeat center;background-size:24px;cursor: pointer; float: right}
.carTitle .icon{ width:36px; height:36px;display: block; position: absolute; right: 0px; top: 0; background: url("../../img/delivery/arrow-dowm-icon-white.png") no-repeat center; background-size: 20px;}
.carPop .edit-row .edit-text {  line-height: 30px;  height: 30px;  font-size: 14px;  }
.buyBox{ display: inline-block;}
.buyBox .list-btn{width: 40px;  height: 40px;  display: inline-block;  text-align: center;  cursor: pointer;  background: #fff;  color: #323232;  float: left;  line-height: 40px; border: 0;}
.buyBox .btn-reduce{background: url("../../img/delivery/reduce-icon-block.png") no-repeat center,#efefef; background-size: 15px}
.buyBox .btn-add{background: url("../../img/delivery/add-icon-block.png") no-repeat center,#efefef;background-size: 15px}
.buyBox .btn-buy{background: #324057;  color: #FFF;  padding: 0px 8px;  border-radius: 5px;  cursor: pointer;  display: inline-block; }
.buyBox .buyWrap{ display: none; border: 1px solid #324057;}
.product-item.choice .buyWrap{ display: block;}
.product-item.choice .btn-buy{ display: none;}

.new-table-tr:hover{
    background: #f5f7fa;
}
.new-table-tr.cancel{
    color: #999;
}
/*.btn-default:hover{*/
    /*background: #f5f7fa;*/
/*}*/
.new-table-item.text-center{
    text-align: center;
}
.new-table-item.normal-item{
    font-size: 13px;
    /*padding:6px 0 ;*/
    border: 1px solid #eee;
    position: relative;
}
.new-table td{
    white-space: normal;
    box-sizing: border-box;
}
.new-table  th{
    background-color: rgba(242, 247, 255, 1);
}
.new-table th p{
    margin:8px 0;
    height:24px;
    line-height: 26px;
    box-sizing: border-box;
    border-right:1px dashed #ccc;
}

.client_block{
    position: absolute;
    width:250px;
    z-index: 1000;
    /*overflow:hidden;*/
    text-overflow:ellipsis;
    white-space:nowrap;
    background: #fff;
    padding: 16px 20px;
    box-shadow: 0 0 6px #ccc;
}

.client_block input{
    width: 100%;
    height: 35px;
}
.client_block ul{
    max-height: 350px;
    overflow-y: auto;
    box-sizing: border-box;
}

.client_block li{
    padding-left: 8px;
    max-height: 35px;
    line-height: 35px;
    border: 1px solid #f0f2f5;
}
.t-input{
    box-sizing: border-box;
    height:26px;
    border:1px solid #7d91a7;
    padding-left:10px;

}

.recordRow{ border-bottom: 1px solid rgba(0,0,0,0.1)}
.recordRow-title{ background: #c2c2c2; color: #e6e6e6;float: left;line-height: 30px;text-align: center; box-sizing: border-box; height: 30px;width: 25%;}
.recordRow-item{ float: left;line-height: 30px;text-align: center; box-sizing: border-box; height: 30px;width: 25%;}
.recordRow .one{width: 40%; text-align: left; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.recordRow .two{width: 20%;}
.recordRow .three{width: 40%;}