chanpin_details.css 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. #item2 img{width:100%;}
  2. #item1,#item2{margin-top:52px;}
  3. #item2{margin-bottom:65px;}
  4. #tabbar-chanpin-details{position: fixed;top: 0;left: 0;z-index: 99;}
  5. .cart_fixed{position: fixed;right: 30px;bottom:135px;background: rgba(0,0,0,.2);padding: 12px;border-radius: 50%;text-align: center;opacity: .5;}
  6. .cart_fixed .mui-badge{position: absolute;right:0;top:0;font-size: 12px;}
  7. .price-box{padding: 0 10px;background: #fff;}
  8. .chanpin-ditails-dic img{width:100%;}.return{position: fixed;right: 30px;bottom: 80px;background: rgba(0,0,0,.2);padding: 12px;border-radius: 50%;text-align: center;opacity: .9;color: #333;display: none;width: 48px;height: 48px;}
  9. .cart_fixed {position: fixed;right: 30px;bottom: 135px;background: rgba(0,0,0,.2);padding: 12px;border-radius: 50%;text-align: center;opacity: .5;width: 48px;height: 48px;}
  10. .buy-footer>div:first-child img {width: 55%;padding-top: 3px;}
  11. .mui-bar-tab .my-grid-view-no {height: 100%;}
  12. .mui-bar-tab .mui-table-view-cell {height: 100%;padding: 0;}
  13. .mui-bar-tab .mui-table-view-cell.mui-active{background: #fff;}
  14. .mui-bar-tab .mui-table {height: 100%;text-align: center;}
  15. .cart {line-height: 1.1;}
  16. .cart div {font-size: 12px;}
  17. .cart .my-badge-danger {position: absolute;top: 3px;display: none;background: #63ccde;color: #fff;-webkit-transform: scale(.7);transform: scale(.7);}
  18. .go-home{border-top: 1px solid rgba(0,0,0,.1)}
  19. .go-home img{width: 65%;display: block;margin: 0 auto;}
  20. .yishou{font-size: 12px;color: #5ecddf;position: absolute;right: 10px;}
  21. .chanpin-ditails-dic{position: relative;}
  22. .chanpin-ditails-dic:after{content: '';position: absolute;left: 10px;top: 0; right: 10px;height: 1px;background: #ccc;-webkit-transform: scaleY(.5);}
  23. .div-btn-buy-cart {background-color: #bfe2e8;color: #fff;font-size: 16px;}
  24. .div-btn-buy-know {background-color: #63ccde;color: #fff;font-size: 16px;}
  25. .div-btn-buy{background-color: #eca75d;color: #fff;font-size: 16px;}
  26. .div-btn-ping{background-color: #ec6276;color: #fff;font-size: 16px;}
  27. .table-middle {vertical-align: middle;}
  28. .my-picker{position: fixed;bottom: 0;padding-top: 0;max-height: 500px; left: 0;width: 100%;z-index: 999; background-color: #fff; -webkit-transform: translateY(100%);transform: translateY(100%); -webkit-transition: .5s;transition: .5s;}
  29. .my-picker.active{-webkit-transform: translateY(0%);transform: translateY(0%);}
  30. .my-picker .icon-guanbi{position: absolute;right:0;top:0;color: #999;font-size: 16px;padding: 10px;}
  31. .my-picker .mui-numbox{border-radius: 25px;}
  32. .my-picker .mui-table-view-cell.mui-active{background: #fff;}
  33. .pro-select-color{padding: 3px 0;background: #f8f8f8;color: #999;border-radius: 15px;margin-right: 8px;margin-bottom: 15px; display: inline-block;width: 22.4%;text-align: center;}
  34. .pro-select-color.active{background: #ec6276;color: #fff;}
  35. .my-btn-add-cart{background: #eca75d;border: 0;border-radius: 0;color: #fff;}
  36. .my-btn-add-cart:active{background-color: #eca75d !important;}
  37. .my-btn-block{font-size: 16px;display: block;width: 100%;margin-bottom:0;padding: 15px 0;border-radius: 0 !important;}
  38. .my-btn-buy-know{border: 0;background-color: #ec6276;color: #fff;}
  39. .dalog-proPrice{color: #ec6276;}
  40. .my-btn-buy-know:active{background-color: #f16071 !important;color: #fff;}
  41. .my-btn-ping-know {background-color: #ec6276;color: #fff;font-size: 16px;border: 0;}
  42. .my-btn-ping-know:active{background-color: #ec6276 !important;color: #fff;}
  43. .share-dalog{background: rgba(0,0,0,.7);position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 99;display: none;}
  44. .share-dalog img{width: 100%;}
  45. .my-picker .mui-numbox input:disabled{-webkit-text-fill-color: #333;-webkit-opacity: 1;color: #333;}
  46. .btn-ping{border-radius: 25px;background: #ec6276;border: 0;color: #fff;}
  47. .friend-ping{display: none;}
  48. .userHeader{width: 100%;border-radius: 50%;}