@media screen and (min-width:768px) {
    .crumbs {font-size: 16px;color: #22272e}
    .userinfo {padding: 5px 20px;background: #fff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    .info {height: 56px;line-height: 56px;border-bottom: solid 1px #e2e7ef;font-size: 16px;color: #22272e;overflow: hidden}
    .comback {width: 90px;height: 36px;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;float: right;line-height: 36px;margin-top: 10px;cursor: pointer;color: #e15616;}
    .userinfo .user p {display: inline-block;color: #627386;margin: 15px 45px 15px 0px;}
    .userinfo .user p span {color: #22272e;}
    .address {margin-bottom: 15px;color: #627386;}
    .address span {color: #22272e;}
    .product-info {margin-top: 20px;}
    .price {overflow: hidden;}
    .protitle {color: #22272e;font-size: 16px;padding: 15px;}
    .product {background: #fff;padding: 10px 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    .product-title {border-bottom: solid 1px #e2e7ef;height: 54px;line-height: 54px}
    .product-title li {display: inline-block;list-style: none;color: #627386;width: 11%;text-align: center;}
    .product-title li:nth-child(1) {width: 50%;text-align: left}
    .pro-information li {list-style: none;}
    .pro-information li {width: 100%;padding: 10px 0;}
    .pro-information li div {display: inline-block;width: 11%;text-align: center;color: #627386;}
    .pro-information li div.product-img {width: 50%;text-align: left;}
    .product-img img {width: 70px;height: 70px;border: solid 1px #e2e7ef;}
    .product-img h3 {display: inline-block;width: 300px;margin-left: 10px;font-size: 16px;color: #22272e;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
    .add-logistics{height: auto;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-top: 10px;padding: 20px;color: #627386;}
    .company-number{display: flex;width: 100%;}
    .logist-right>div{margin-top: 5px;}
    .company-number>div{width: 49%;display: inline-block;margin: 2px 0;flex: 2;}
    .company{width: 210px;height: 36px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;color: #627386;padding-left: 10px;cursor: pointer;}
    input::placeholder{color: #9aa5b5;font-size: 12px;}
    textarea::placeholder {color: #9aa5b5;}
    .red{color: #f94b4b;}
    .companyBtn{position: absolute;width: 36px;height: 36px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;margin-left: 8px;cursor: pointer;}
    .mIcon.add{background: url(/img/account/add.png) no-repeat;height: 80px;display: block;background-size: 80px;}
    .add-text {font-size: 12px;color: #333330;opacity: 0.5;position: absolute;top: 60%;right: 13px;}
    .upload-file{position: relative;float: left;margin: 10px 10px 10px 0px;cursor: pointer;width: 80px;height: 80px;border-radius: 2px;}
    .input-file{width: 80px;height: 80px;opacity: 0;cursor: pointer;position: absolute;top: 0}
    #uploadGoodsImages{overflow: hidden;float: left;width: 90%}
    .release-from{overflow: hidden;}
    .red-color{float: left;height: 80px;line-height: 80px;width: 85px;}
    .upload-file img{width: 100%;height: 100%;}
    .icon.del:before {width: 20px;height: 20px;background-position: -116px -138px;position: absolute;top: -3px;right: -3px;}
    .form-upload-tips .icon-wen:before {width: 20px;height: 20px;background-position: -84px -144px;cursor: pointer; margin-top: 10px;}
    .wen-tips {width: 300px;height: 47px;background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17);color: #fff;position: absolute;left: inherit;font-size: 12px;text-align: center;line-height: 47px;top: 33px;display: none;}
    .form-upload-tips{float: left;position: relative;}
    .form-upload-tips .wen-tips:before {content: '';width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -15px;left:5px;}
    .form-upload-tips:hover .wen-tips {display: block;}
    .remarks textarea{width: 496px;height: 114px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;resize: none;padding: 10px;color: #9aa5b5;}
    .remarks{margin-top: 25px;position: relative;}
    .remarks .rema{height: 114px;line-height: 114px;display: inline-block;float: left;width: 85px;text-align: center}
    .size-num {position: absolute;right: 350px;top: 109px;color: #9aa5b5}
    .defineBtn button{width: 90px;height: 36px;line-height: 36px;text-align: center;color: #fff;background-color: #e15616;border-radius: 2px;border: solid 1px #e15616;cursor: pointer;margin-right: 15px}
    .defineBtn{overflow: hidden;padding: 20px;}
    .defineBtn>div{float: right;}
    .icon.add-company:before{width: 20px;height: 25px;background-position: -307px -511px}
    .icon.sub-company:before{width: 20px;height: 25px;background-position: -337px -511px}

}

/*移动*/
@media screen and (max-width:768px) {
    .crumbs {font-size:3.4vw;color: #22272e}
    .userinfo {padding: 1.3vw 5.3vw;background: #fff;box-shadow: 0 .8vw 1.6vw 0 rgba(0, 0, 0, 0.07);}
    .info {height: 13vw;line-height: 13vw;font-size: 3.4vw;color: #22272e;overflow: hidden}
    .comback {width: 22.4vw;height: 7.2vw;background-color: #ffe6dc;border-radius: 4.8vw;border: solid .27vw #e15616;float: right;line-height: 7.2vw;margin-top: 2.7vw;cursor: pointer;color: #e15616;}
    .userinfo .user p {display: inline-block;color: #627386;margin: 0 6.7vw 2.7vw 0;}
    .userinfo .user p:nth-child(1){width: 100%}
    .userinfo .user p span {color: #22272e;}
    .address {margin-bottom: 4vw;color: #627386;}
    .address span {color: #22272e;}
    .product-info {box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);background: #fff;margin-top: 2.7vw}
    .price {overflow: hidden;}
    .protitle {color: #22272e;font-size: 3.4vw;padding: 2.7vw 5.3vw;}
    .product {background: #fff;padding: 2.7vw 5.3vw;box-shadow: 0px .8vw 1.3vw 0px rgba(0, 0, 0, 0.07);height: 50vw}
    .product-title {height: 5.3vw;line-height: 5.3vw;position: relative;width: 100%}
    .product-title li {display: inline-block;list-style: none;color: #9aa5b5;position: relative;top: 26vw;width: 21vw}
    .product-title li:nth-child(1) {width: 100%;text-align: left;top: 0;}
    .pro-information li {list-style: none;}
    .pro-information li {width: 100%;padding: 2.7vw 0;}
    .pro-information li div {display: inline-block;color: #22272e;top: 11.6vw;width: 21vw;position: relative}
    .pro-information li div.product-img {width: 100%;text-align: left;top: 0}
    .product-img img {width: 18.7vw;height: 18.7vw;border: solid .27vw #e2e7ef;}
    .product-img h3 {display: inline-block;width: 40vw;margin-left: 2.7vw;font-size: 3.4VW;color: #22272e;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
    .add-logistics{height: auto;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-top: 2.7vw;padding: 20px;color: #627386;}
    .company-number{width: 100%;}
    .logist-right>div{margin-top: 1.3vw;}
    .company-number>div{margin: 4vw 0;}
    .logistics-order-number.company{width: 72vw}
    .company{width: 75vw;height: 11.8vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;color: #9aa5b5;padding-left: 2.7vw;margin-top: 2.7vw}
    input::placeholder,textarea::placeholder {color: #9aa5b5;font-size:3.2vw;}
    textarea::placeholder {color: #9aa5b5;}
    .red{color: #f94b4b;}
    .companyBtn{width: 11.8vw;height: 11.8vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;
    margin-left: .53vw;cursor: pointer;color: #b8bfca;position: relative;top:1.3vw}
    .mIcon.add{background: url(/img/account/add.png) no-repeat;height: 23vw;display: block;    background-size: 23vw;}
    .upload-file{position: relative;float: left;margin: 0 2.7vw 2.7vw 0px;cursor: pointer;width: 23vw;height: 23vw;border-radius: .53vw;}
    .input-file{width: 23vw;height:23vw;opacity: 0;cursor: pointer;position: absolute;top: 0;}
    #uploadGoodsImages{overflow: hidden;float: left;width: 100%;margin-top: 2.7vw}
    .release-from{overflow: hidden;}
    .upload-file img{width: 100%;height: 100%;}
    .mIcon.del:before {width: 5.3vw;height: 5.3vw;background-position: -90vw -7.5vw;position: absolute;top: -.8vw;right: -.8vw}
    .form-upload-tips .icon-wen:before {width: 5.3vw;height: 5.3vw;background-position: -76.4vw 0vw;cursor: pointer;}
    .wen-tips {width: 67.2vw;height:9vw;background-color: #1890f9;box-shadow: 0px .8vw 1.3vw 0px rgba(24, 144, 249, 0.17);color: #fff;position: absolute;left: inherit;font-size: 2.6vw;text-align: left;line-height: 9vw;top:8.8vw;display: none;}
    .form-upload-tips{float: left;position: relative;}
    .form-upload-tips .wen-tips:before {content: '';width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -3.5vw;left:1.3vw;}
    .form-upload-tips:hover .wen-tips {display: block;}
    .remarks textarea{width: 83.4vw;height: 42.4vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;resize: none;padding: 2.7vw;color: #9aa5b5;}
    .remarks{position: relative}
    .remarks .rema{line-height:10.7vw ;}
    .size-num {position: absolute;right: 2.7vw;top: 52vw;color: #9aa5b5}
    .defineBtn button{width: 100%;height: 11.2vw;line-height: 11.2vw;text-align: center;color: #fff;background-color: #e15616;border-radius: .53vw;border: solid .27vw #e15616;cursor: pointer;margin-bottom: 2.7vw}
    .defineBtn button:nth-child(2){background:#ffe6dc;color: #e15616 }
    .defineBtn{overflow: hidden;margin-top: 4vw}
    .mIcon.add-company:before{width: 5.3vw;height: 6.7vw;background-position: -33.9vw -68.8vw}
    .mIcon.sub-company:before{width: 5.3vw;height:6.7vw;background-position: -41.3vw -68vw}
}
