chanpin_details.css 2.6 KB

12345678910111213141516171819202122232425262728293031
  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:-7px;top:-5px;font-size: 12px;}
  7. .price-box{padding: 0 10px;background: #fff;}
  8. .chanpin-ditails-dic img{width:100%;height: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. .div-btn-buy-cart {background-color: #bfe2e8;color: #fff;font-size: 16px;}
  19. .div-btn-buy-know {background-color: #63ccde;color: #fff;font-size: 16px;}
  20. .table-middle {vertical-align: middle;}
  21. .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;}
  22. .my-picker.active{-webkit-transform: translateY(0%);transform: translateY(0%);}
  23. .my-picker .icon-guanbi{position: absolute;right:0;top:0;color: #999;font-size: 16px;padding: 10px;}
  24. .my-picker .mui-numbox{border-radius: 25px;}
  25. .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;}
  26. .pro-select-color.active{background: #63ccde;color: #fff;}
  27. .my-btn-block{font-size: 16px;display: block;width: 100%;margin-bottom:0;padding: 15px 0;border-radius: 0;}
  28. .my-btn-buy-know{border: 0;background-color: #63ccde;color: #fff;}
  29. .my-btn-buy-know:active{background-color: #f16071 !important;color: #fff;}
  30. .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;}
  31. .share-dalog img{width: 100%;}