@media screen and (min-width:768px) {
    table, td, th{border: none;}
    .crumbs {font-size: 16px;color: #22272e;padding-left: 216px;}
    .order-title{ box-sizing: border-box;padding: 10px 0; }
    .order-title p{ font-size: 16px;color: #22272E; }
    .order-address-form{ width: 100%;height: auto;padding: 16px 16px 10px 16px;box-sizing: border-box;background: #FFFFFF; }
    .order-product-form { width: 100%;height: auto;padding:0 16px 16px 16px;box-sizing: border-box;background: #FFFFFF;}
    .order-product-form .cartTit{height:50px;line-height:50px;border-bottom: 1px solid #E2E7EF;text-align: center;}
    .order-product-form .c1{float:left;width:300px;height:100%;position:relative;}
    .order-product-form .c2{float:left;width:150px}
    .order-product-form .c3{float:left;width:200px}
    .order-product-form .c4{float:left;width:80px}
    .order-product-form .c5{float:left;width:200px;position:relative}
    .order-product-none { text-align: center;width: 100%;height: 122px;padding: 25px 0;box-sizing: border-box;}
    .order-product-none p{ line-height: 36px;font-size: 14px;color: #9AA5B5;}
    .order-product-main{width: 100%;height: auto;box-sizing: border-box;padding: 10px 0; }
    .order-product-item{width: 100%;height: 80px;text-align: center;line-height: 80px;position: relative;padding: 10px 0;}
    .order-product-item .item-delete{width: 80px;height: 80px;text-align: center;line-height: 80px;position: absolute;right: -20px;}
    .order-product-item .item-delete .el-icon-close{font-size: 16px;color: #333333;cursor: pointer;}
    .order-product-item .product-img{width: 80px;height: 80px;float: left;box-sizing: border-box;border: 1px solid #e1e1e1;}
    .order-product-item .product-img img{width: 80px;height: 80px;}
    .order-product-item .product-name{width: 220px;height: 80px;float: left;box-sizing: border-box;padding: 20px 0}
    .order-product-item .product-name p{line-height: 20px; font-size: 12px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    .order-product-total{width: 100%;height: 58px;box-sizing: border-box;padding-top: 16px;border-top: 1px solid #E1E1E1; }
    .order-product-total .order-product-note{float: left;width: 70%;height: 100%;line-height: 42px;font-size: 16px;color: #22272E;}
    .order-product-total .order-product-note .el-input{width: 480px !important; }
    .order-product-total .order-product-price{float: right;width: 30%;height: 100%;line-height: 42px;}
    .order-product-total .order-totalPrice{float: right;font-size: 16px;color: #22272E;margin-right: 20px;}
    .order-product-total .freight{float: left;}
    .order-product-total .order-totalPrice .red{color: #F94B4B;}
    .freight-radio{ width: 100%;height: 28px;line-height: 28px;float: left;margin-bottom: 10px;}
    .order-product-bsn { width: 100%;height: auto;padding:0 16px 16px 16px;box-sizing: border-box;background: #FFFFFF;margin-top: 16px;}
    .order-product-add { text-align: center;width: 100%;height: 60px;padding: 20px 0 0 0;box-sizing: border-box;}
    .order-product-add span{ margin: 0 5px;}
    .order-invoice-form{ width: 100%;height: auto;padding: 16px;box-sizing: border-box;background: #FFFFFF; }
    .order-invoice-radio{ width: 100%;height: 36px;line-height: 36px;margin: 5px 0;}
    .order-el-confirm{width: 100%;text-align: right;box-sizing: border-box;padding: 20px;background: #FFFFFF;float: left;margin-top: 20px;}
    .order-el-confirm.fiexd {position: fixed;bottom: 0;right: 0;}
    .order-el-confirm.fiexd .inner {width: 1184px;margin: 0 auto;z-index: 9999;}
    /*  el-dialog 样式  */
    .filter-container { padding-bottom: 10px; }
    .filter-item { display: inline-block;vertical-align: middle; margin-bottom: 10px;}
    .filter-control {display: inline-block;margin-bottom: 10px;margin-right: 10px;}
    .filter-control>span,.filter-control>.el-input{ display: inline-block;vertical-align: middle;}
    .filter-control>span { margin-right: 10px; font-size: 14px;color: #606266;}
    .filter-control>.el-input{  width: 200px;}
    .filter-control>.el-select{  width: 200px;}
}


/*移动*/
@media screen and (max-width:768px) {
    table, td, th{border: none;}
    .right{padding-bottom: 20vw;}
    .crumbs {font-size: 16px;color: #22272e;padding-left: 216px;}
    .order-title{ box-sizing: border-box;padding: 2vw; }
    .order-title p{ font-size: 16px;color: #22272E; }
    .order-address-form{ width: 100%;height: auto;padding: 16px 16px 10px 16px;box-sizing: border-box;background: #FFFFFF; }
    .order-product-form { width: 100%;height: auto;padding:0 16px 16px 16px;box-sizing: border-box;background: #FFFFFF;}
    .order-product-form .cartTit{height:50px;line-height:50px;border-bottom: 1px solid #E2E7EF;text-align: center;}
    .order-product-form .c1{float:left;width:100%;height:100%;position:relative;}
    .order-product-form .c2{float:left;width:25%;line-height: 10vw;text-align: left;}
    .order-product-form .c3{float:left;width:25%;line-height: 10vw;color: #F94B4B;text-align: left;}
    .order-product-form .c4{float:left;width:25%;line-height: 10vw;text-align: left;}
    .order-product-form .c5{float:left;width:25%;line-height: 10vw;position:relative;color: #F94B4B;text-align: left;}
    .order-product-item .tit{color: #22272E;line-height: 6vw;}
    .order-product-none { text-align: center;width: 100%;height: 122px;padding: 25px 0;box-sizing: border-box;}
    .order-product-none p{ line-height: 36px;font-size: 14px;color: #9AA5B5;}
    .order-product-main{width: 100%;height: auto;box-sizing: border-box;padding: 10px 0;float: left; }
    .order-product-item{width: 100%;height: auto;text-align: center;position: relative;padding: 3vw 0 0 0;float: left;border-bottom: 1px solid #e1e1e1;}
    .order-product-item:last-child{border-bottom: none;}
    .order-product-item .item-delete{width: 8vw;height: 8vw;text-align: center;line-height: 8vw;position: absolute;right: 0;top: 0;}
    .order-product-item .item-delete .el-icon-close{font-size: 16px;color: #F94B4B;cursor: pointer;}
    .order-product-item .product-img{width: 18vw;height: 18vw;float: left;box-sizing: border-box;border: 1px solid #e1e1e1;}
    .order-product-item .product-img img{width:17vw;height: 17vw;}
    .order-product-item .product-name{width: 220px;height: 80px;float: left;box-sizing: border-box;padding: 20px 0;padding-left: 5vw;}
    .order-product-item .product-name p{line-height: 20px; font-size: 3.4vw;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-align: left;}
    .order-product-total{width: 100%;height: auto;box-sizing: border-box;padding-top: 0vw;border-top: 1px solid #E1E1E1;float: left; }
    .order-product-total .order-product-note{float: left;width:100%;height: 16vw;line-height:16vw;font-size: 3.4vw;color: #22272E;}
    .order-product-total .order-product-note .el-input{width: 80vw !important; }
    .order-product-total .order-product-price{float: left;width: 100%;height: 100%;line-height: 42px;}
    .order-product-total .order-product-price .freight{float: left;}
    .order-product-total .order-totalPrice{float: right;font-size: 16px;color: #22272E;}
    .order-product-total .order-totalPrice .red{color: #F94B4B;}
    .freight-radio{ width: 100%;height: 28px;line-height: 28px;float: left;margin-bottom: 10px;}
    .order-product-bsn { width: 100%;height: auto;padding:0 16px 16px 16px;box-sizing: border-box;background: #FFFFFF;margin-top: 16px;}
    .order-product-add { text-align: center;width: 100%;height: 60px;padding: 20px 0 0 0;box-sizing: border-box;}
    .order-product-add span{ margin: 0 5px;}
    .order-invoice-form{ width: 100%;height: auto;padding: 16px;box-sizing: border-box;background: #FFFFFF; }
    .order-invoice-radio{ width: 100%;height: 36px;line-height: 36px;margin: 5px 0;}
    .order-el-confirm{width: 100%;text-align: right;box-sizing: border-box;padding: 2vw;background: #FFFFFF;float: left;margin-top: 0;}
    .order-el-confirm {position: fixed;bottom: 0;right: 0;}
    .order-el-confirm .inner {width: 100%;margin: 0 auto;z-index: 9999;}
    /*  el-dialog 样式  */
    .filter-container { padding-bottom: 10px; }
    .filter-item { display: inline-block;vertical-align: middle; margin-bottom: 10px;}
    .filter-control {display: inline-block;margin-bottom: 10px;margin-right: 10px;}
    .filter-control>span,.filter-control>.el-input{ display: inline-block;vertical-align: middle;}
    .filter-control>span { margin-right: 10px; font-size: 14px;color: #606266;}
    .filter-control>.el-input{  width: 200px;}
    .filter-control>.el-select{  width: 200px;}
    footer{display: none;}

}