@media screen and (min-width:768px) {
    .sales-list {width: 1056px;margin: 0 auto;}
    #saleslist {background: #fff;height: 980px}
    .sales-list > .sales-list-title {width: 100%;height: 120px;line-height: 120px;text-align: center;font-size: 32px;color: #22272e;}
    .sales-list > .sales-list-cantent {width: 96%;background: #fff;margin: 0 auto;border-left: 1px solid #b8bfca;border-top: 1px solid #b8bfca;border-bottom: 1px solid #b8bfca;}
    .sales-list > .sales-list-cantent > .number-time,
    .sales-list > .sales-list-cantent > .buyer-supplier,
    .sales-list > .sales-list-cantent > .delivery-info {width: 100%;height: 48px;display: flex;flex: 4;}
    .sales-list > .sales-list-cantent > .number-time > div,
    .sales-list > .sales-list-cantent > .buyer-supplier > div,
    .sales-list > .sales-list-cantent > .delivery-info > div {width: 10%;height: 100%;border-right: 1px solid #b8bfca;border-bottom: 1px solid #b8bfca;text-align: left;text-indent: 10px;line-height: 48px;}
    .sales-list > .sales-list-cantent > .number-time > div:nth-child(2),
    .sales-list > .sales-list-cantent > .number-time > div:nth-child(4),
    .sales-list > .sales-list-cantent > .buyer-supplier > div:nth-child(2),
    .sales-list > .sales-list-cantent > .buyer-supplier > div:nth-child(4) {width: 40%;}
    .sales-list > .sales-list-cantent > .delivery-info > div:nth-child(2) {width: 90%;}
    .sales-list > .sales-list-cantent > .goods-info {width: 100%;display: flex;flex: 2;line-height: 10px;}
    .sales-list > .sales-list-cantent > .goods-info > div {width: 10%;border-right: 1px solid #b8bfca;border-bottom: 1px solid #b8bfca;text-indent: 10px;line-height: 35px;}
    .sales-list > .sales-list-cantent > .goods-info > .goods-info-conent {width: 90%;}
    .sales-list > .sales-list-cantent > .total-amount {width: 100%;height: 40px;border-right: 1px solid #b8bfca;box-sizing: border-box;}
    .sales-list > .sales-list-cantent > .total-amount > .print-time-1 {float: left;text-indent: 10px;}
    .sales-list > .sales-list-cantent > .total-amount > p {float: right;margin-top: 10px;margin-right: 10px;}
    .print-time {width: 100%;height: 150px;position: relative;}
    .print {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);outline: none;cursor: pointer;width: 232px;height: 50px;background-color: #e15616;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;border: 0;color: #fff;font-size: 18px}
    .colour {color: #627386;}
}
@media print {
    .sales-list {width: 1056px;margin: 0 auto;}
    #saleslist {background: #fff;height: 980px}
    .sales-list > .sales-list-title {width: 100%;height: 120px;line-height: 120px;text-align: center;font-size: 32px;color: #22272e;}
    .sales-list > .sales-list-cantent {width: 96%;background: #fff;margin: 0 auto;border-left: 1px solid #b8bfca;border-top: 1px solid #b8bfca;border-bottom: 1px solid #b8bfca;}
    .sales-list > .sales-list-cantent > .number-time,
    .sales-list > .sales-list-cantent > .buyer-supplier,
    .sales-list > .sales-list-cantent > .delivery-info {width: 100%;height: 48px;display: flex;flex: 4;}
    .sales-list > .sales-list-cantent > .number-time > div,
    .sales-list > .sales-list-cantent > .buyer-supplier > div,
    .sales-list > .sales-list-cantent > .delivery-info > div {width: 10%;height: 100%;border-right: 1px solid #b8bfca;border-bottom: 1px solid #b8bfca;text-align: left;text-indent: 10px;line-height: 48px;}
    .sales-list > .sales-list-cantent > .number-time > div:nth-child(2),
    .sales-list > .sales-list-cantent > .number-time > div:nth-child(4),
    .sales-list > .sales-list-cantent > .buyer-supplier > div:nth-child(2),
    .sales-list > .sales-list-cantent > .buyer-supplier > div:nth-child(4) {width: 40%;}
    .sales-list > .sales-list-cantent > .delivery-info > div:nth-child(2) {width: 90%;}
    .sales-list > .sales-list-cantent > .goods-info {width: 100%;display: flex;flex: 2;line-height: 10px;}
    .sales-list > .sales-list-cantent > .goods-info > div {width: 10%;border-right: 1px solid #b8bfca;border-bottom: 1px solid #b8bfca;text-indent: 10px;line-height: 35px;}
    .sales-list > .sales-list-cantent > .goods-info > .goods-info-conent {width: 90%;}
    .sales-list > .sales-list-cantent > .total-amount {width: 100%;height: 40px;border-right: 1px solid #b8bfca;box-sizing: border-box;}
    .sales-list > .sales-list-cantent > .total-amount > .print-time-1 {float: left;text-indent: 10px;}
    .sales-list > .sales-list-cantent > .total-amount > p {float: right;margin-top: 10px;margin-right: 10px;}
    .print-time {width: 100%;height: 150px;position: relative;}
    .print {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);outline: none;cursor: pointer;width: 232px;height: 50px;background-color: #e15616;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;border: 0;color: #fff;font-size: 18px}
    .colour {color: #627386;}
}

/*移动*/
@media screen and (max-width:768px) {
    body{background: #fff;}
    #saleslist {background: #fff;}
    .sales-list > .sales-list-title {width: 100%;height:18.3vw;line-height: 18.3vw;text-align: center;font-size: 4.2vw;color: #22272e;}
    .sales-list > .sales-list-cantent {width: 92%;background: #fff;margin: 0 auto;border-left: 1px solid #b8bfca;border-top: 1px solid #b8bfca;font-size: 3.2vw;}
    .sales-list > .sales-list-cantent > .number-time,
    .sales-list > .sales-list-cantent > .buyer-supplier,
    .sales-list > .sales-list-cantent > .delivery-info ,.goods-info{width: 100%;overflow: hidden;}
    .delivery-info {    height: 18.8vw;border-bottom: .27vw solid #b8bfca}
    .delivery-info > div.colour,.goods-info > div.colour{line-height: 18.8vw !important;}
    .sales-list > .sales-list-cantent > .number-time > div,
    .sales-list > .sales-list-cantent > .buyer-supplier > div,
    .sales-list > .sales-list-cantent > .delivery-info > div,.goods-info > div {width: 21.6vw;height: 100%;border-right: .27vw solid #b8bfca;text-indent: 10px; line-height: 10.6vw;float: left;;border-bottom: .27vw solid #b8bfca}
    .sales-list > .sales-list-cantent > .number-time > div:nth-child(2),
    .sales-list > .sales-list-cantent > .number-time > div:nth-child(4),
    .sales-list > .sales-list-cantent > .buyer-supplier > div:nth-child(2),
    .sales-list > .sales-list-cantent > .buyer-supplier > div:nth-child(4) {width: 75.7%;}
    .sales-list > .sales-list-cantent > .delivery-info > div:nth-child(2) {width: 75.7%;    line-height: 6.4vw;padding-top: 2.7vw}
    .sales-list > .sales-list-cantent > .goods-info > div {width: 21.6vw;border-right: .27vw solid #b8bfca;border-bottom: 1px solid #b8bfca;text-indent: 2.7vw;height: 18.8vw}
    .sales-list > .sales-list-cantent > .goods-info > .goods-info-conent {width: 75.7%;line-height: 6.4vw}
    .sales-list > .sales-list-cantent > .total-amount {width: 99.9%;border-right: .27vw solid #b8bfca;box-sizing: border-box;}
    .sales-list > .sales-list-cantent > .total-amount > p {height: 10.6vw;line-height: 10.6vw;border-bottom: .27vw solid #b8bfca}
    .print-time {width: 100%;height: 40vw;position: relative;}
    .print {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);outline: none;cursor: pointer;width: 92%;height: 11.2vw;background-color: #e15616;border-radius:.53vw;color: #fff;font-size: 3.5vw}
    .colour {color: #627386;}
    .goods-info-conent p:nth-child(1){text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 92%}
    .sales-list > .sales-list-cantent > .total-amount > p label{text-indent: 2.7vw;width: 21.6vw;
    display: inline-block;border-right: .27vw solid #b8bfca}
     .sales-list > .sales-list-cantent > .total-amount > p span{display: inline-block;text-indent: 2.7vw}
    }

