Domovská stránka Prehľadávať Pomoc
Prihlásiť sa
caimei365
/
caimei365-www
3
0
Fork 0
Súbory Issues 0 Pull requesty 0 Wiki
Strom: 3bbb2be5ed
Branche Tagy
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
supplier-center
/
order
/
logistics.css

logistics.css 9.5 KB
História Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111 
  1. @media screen and (min-width:768px) {
    2. 

  2.     .crumbs {font-size: 16px;color: #22272e}
    3. 

  3.     .userinfo {padding: 5px 20px;background: #fff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    4. 

  4.     .info {height: 56px;line-height: 56px;border-bottom: solid 1px #e2e7ef;font-size: 16px;color: #22272e;overflow: hidden}
    5. 

  5.     .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;}
    6. 

  6.     .userinfo .user p {display: inline-block;color: #627386;margin: 15px 45px 15px 0px;}
    7. 

  7.     .userinfo .user p span {color: #22272e;}
    8. 

  8.     .address {margin-bottom: 15px;color: #627386;}
    9. 

  9.     .address span {color: #22272e;}
    10. 

  10.     .product-info {margin-top: 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    11. 

  11.     .price {overflow: hidden;}
    12. 

  12.     .protitle {color: #22272e;font-size: 16px;padding: 15px;}
    13. 

  13.     .product {background: #fff;padding: 10px 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    14. 

  14.     .product-title {border-bottom: solid 1px #e2e7ef;height: 54px;line-height: 54px}
    15. 

  15.     .product-title li {display: inline-block;list-style: none;color: #627386;width: 11%;text-align: center;}
    16. 

  16.     .product-title li:nth-child(1) {width: 50%;text-align: left}
    17. 

  17.     .pro-information li {list-style: none;}
    18. 

  18.     .pro-information li {width: 100%;padding: 10px 0;}
    19. 

  19.     .pro-information li div {display: inline-block;width: 11%;text-align: center;color: #627386;}
    20. 

  20.     .pro-information li div.product-img {width: 50%;text-align: left;}
    21. 

  21.     .product-img img {width: 70px;height: 70px;border: solid 1px #e2e7ef;}
    22. 

  22.     .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}
    23. 

  23.     .add-logistics{height: auto;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-top: 20px;padding: 20px;color: #627386;}
    24. 

  24.     .company-number{display: flex;width: 100%;}
    25. 

  25.     .logist-right>div{margin-top: 5px;}
    26. 

  26.     .company-number>div{width: 49%;display: inline-block;margin: 2px 0;flex: 2;}
    27. 

  27.     .company{width: 210px;height: 36px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;color: #627386;padding-left: 10px;cursor: pointer;}
    28. 

  28.     input::placeholder,textarea::placeholder {color: #627386;font-size: 12px;}
    29. 

  29.     textarea::placeholder {color: #9aa5b5;}
    30. 

  30.     .red{color: #f94b4b;}
    31. 

  31.     .companyBtn{width: 36px;height: 36px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;margin-left: 8px;cursor: pointer;font-size: 18px}
    32. 

  32.     .mIcon.add{background: url(/img/account/add.png) no-repeat;height: 80px;display: block;background-size: 80px;}
    33. 

  33.     .add-text {font-size: 12px;color: #333330;opacity: 0.5;position: absolute;top: 60%;right: 13px;}
    34. 

  34.     .upload-file{position: relative;float: left;margin: 10px 10px 10px 0px;cursor: pointer;width: 80px;height: 80px;border-radius: 2px;}
    35. 

  35.     .input-file{width: 80px;height: 80px;opacity: 0;cursor: pointer;position: absolute;top: 0}
    36. 

  36.     #uploadGoodsImages{overflow: hidden;float: left;width: 90%}
    37. 

  37.     .release-from{overflow: hidden;}
    38. 

  38.     .red-color{float: left;height: 80px;line-height: 80px;width: 85px;}
    39. 

  39.     .upload-file img{width: 100%;height: 100%;}
    40. 

  40.     .icon.del:before {width: 20px;height: 20px;background-position: -116px -138px;position: absolute;top: -3px;right: -3px;}
    41. 

  41.     .form-upload-tips .icon-wen:before {width: 20px;height: 20px;background-position: -84px -144px;cursor: pointer;}
    42. 

  42.     .form-upload-tips .icon-wen:before {width: 20px;height: 20px;background-position: -84px -144px;cursor: pointer;}
    43. 

  43.     .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;}
    44. 

  44.     .form-upload-tips{float: left;position: relative;}
    45. 

  45.     .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;}
    46. 

  46.     .form-upload-tips:hover .wen-tips {display: block;}
    47. 

  47.     .remarks textarea{width: 496px;height: 114px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;resize: none;padding: 10px;color: #9aa5b5;}
    48. 

  48.     .remarks{margin-top: 25px;position: relative;}
    49. 

  49.     .remarks .rema{height: 114px;line-height: 114px;display: inline-block;float: left;width: 85px;text-align: center}
    50. 

  50.     .size-num {position: absolute;right: 350px;top: 109px;color: #9aa5b5}
    51. 

  51.     .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}
    52. 

  52.     .defineBtn{overflow: hidden;padding: 20px;}
    53. 

  53.     .defineBtn>div{float: right;}
    54. 

  54. 

  55. }
    56. 

  56. 

  57. /*移动*/
    58. 

  58. @media screen and (max-width:768px) {
    59. 

  59.     .crumbs {font-size:3.4vw;color: #22272e}
    60. 

  60.     .userinfo {padding: 1.3vw 5.3vw;background: #fff;box-shadow: 0 .8vw 1.6vw 0 rgba(0, 0, 0, 0.07);}
    61. 

  61.     .info {height: 13vw;line-height: 13vw;font-size: 3.4vw;color: #22272e;overflow: hidden}
    62. 

  62.     .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;}
    63. 

  63.     .userinfo .user p {display: inline-block;color: #627386;margin: 0 6.7vw 2.7vw 0;}
    64. 

  64.     .userinfo .user p:nth-child(1){width: 100%}
    65. 

  65.     .userinfo .user p span {color: #22272e;}
    66. 

  66.     .address {margin-bottom: 4vw;color: #627386;}
    67. 

  67.     .address span {color: #22272e;}
    68. 

  68.     .product-info {box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);background: #fff;margin-top: 2.7vw}
    69. 

  69.     .price {overflow: hidden;}
    70. 

  70.     .protitle {color: #22272e;font-size: 3.4vw;padding: 2.7vw 5.3vw;}
    71. 

  71.     .product {background: #fff;padding: 2.7vw 5.3vw;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);height: 50vw}
    72. 

  72.     .product-title {height: 5.3vw;line-height: 5.3vw;position: relative;width: 100%}
    73. 

  73.     .product-title li {display: inline-block;list-style: none;color: #9aa5b5;position: relative;top: 26vw;width: 21vw}
    74. 

  74.     .product-title li:nth-child(1) {width: 100%;text-align: left;top: 0;}
    75. 

  75.     .pro-information li {list-style: none;}
    76. 

  76.     .pro-information li {width: 100%;padding: 10px 0;}
    77. 

  77.     .pro-information li div {display: inline-block;color: #22272e;top: 11.6vw;width: 21vw;position: relative}
    78. 

  78.     .pro-information li div.product-img {width: 100%;text-align: left;top: 0}
    79. 

  79.     .product-img img {width: 18.7vw;height: 18.7vw;border: solid 1px #e2e7ef;}
    80. 

  80.     .product-img h3 {display: inline-block;width: 40vw;margin-left: 10px;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}
    81. 

  81.     .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;}
    82. 

  82.     .company-number{width: 100%;}
    83. 

  83.     .logist-right>div{margin-top: 5px;}
    84. 

  84.     .company-number>div{margin: 4vw 0;}
    85. 

  85.     .logistics-order-number.company{width: 72vw}
    86. 

  86.     .company{width: 75vw;height: 11.8vw;background-color: #ffffff;border-radius: .53vw;border: solid 1px #b8bfca;color: #9aa5b5;padding-left: 2.7vw;margin-top: 2.7vw}
    87. 

  87.     input::placeholder,textarea::placeholder {color: #9aa5b5;font-size: 12px;}
    88. 

  88.     textarea::placeholder {color: #9aa5b5;}
    89. 

  89.     .red{color: #f94b4b;}
    90. 

  90.     .companyBtn{width: 11.8vw;height: 11.8vw;background-color: #ffffff;border-radius: .53vw;border: solid 1px #b8bfca;margin-left: .53vw;cursor: pointer;font-size: 4.8vw;color: #b8bfca;}
    91. 

  91.     .mIcon.add{background: url(/img/account/add.png) no-repeat;height: 23vw;display: block;    background-size: 23vw;}
    92. 

  92.     .upload-file{position: relative;float: left;margin: 0 2.7vw 2.7vw 0px;cursor: pointer;width: 23vw;height: 23vw;border-radius: .53vw;}
    93. 

  93.     .input-file{width: 23vw;height:23vw;opacity: 0;cursor: pointer;position: absolute;top: 0;}
    94. 

  94.     #uploadGoodsImages{overflow: hidden;float: left;width: 90%;margin-top: 2.7vw}
    95. 

  95.     .release-from{overflow: hidden;}
    96. 

  96.     .upload-file img{width: 100%;height: 100%;}
    97. 

  97.     .mIcon.del:before {width: 5.3vw;height: 5.3vw;background-position: -90vw -7.5vw;position: absolute;top: -.8vw;right: -.8vw}
    98. 

  98.     .form-upload-tips .icon-wen:before {width: 20px;height: 20px;background-position: -84px -144px;cursor: pointer;}
    99. 

  99.     .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;}
    100. 

  100.     .form-upload-tips{float: left;position: relative;}
    101. 

  101.     .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;}
    102. 

  102.     .form-upload-tips:hover .wen-tips {display: block;}
    103. 

  103.     .remarks textarea{width: 83.4vw;height: 42.4vw;background-color: #ffffff;border-radius: .53vw;border: solid 1px #b8bfca;resize: none;padding: 2.7vw;color: #9aa5b5;}
    104. 

  104.     .remarks{position: relative}
    105. 

  105.     .remarks .rema{line-height:10.7vw ;}
    106. 

  106.     .size-num {position: absolute;right: 2.7vw;top: 52vw;color: #9aa5b5}
    107. 

  107.     .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}
    108. 

  108.     .defineBtn button:nth-child(2){background:#ffe6dc;color: #e15616 }
    109. 

  109.     .defineBtn{overflow: hidden;margin-top: 4vw}
    110. 

  110. 

  111. }
    112.