index.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .product-details-section .container .section-title .close{
  2. cursor: pointer;
  3. width: 36px;
  4. height: 36px;
  5. line-height: 30px;
  6. box-shadow: 0px 2px 17px 4px rgba(158, 158, 158, 0.15);
  7. background: #FFFFFF;
  8. border: 1px solid #F2F2F2;
  9. border-radius: 4px;
  10. }
  11. .product-details-section .tab-pane{
  12. padding: 30px;
  13. box-shadow: 0px 2px 17px 4px rgba(158, 158, 158, 0.15);
  14. }
  15. .product-details-section .tab-pane .productContent{
  16. display: flex;
  17. }
  18. .product-details-section .tab-pane .productContent>div:nth-child(1){
  19. width: 40%;
  20. text-align: center;
  21. }
  22. .product-details-section .tab-pane .productContent>div:nth-child(2){
  23. width: 60%;
  24. }
  25. .product-details-section .tab-pane .close{
  26. cursor: pointer;
  27. }
  28. .product-details-section .tab-pane .productText{
  29. font-size: 20px;
  30. font-family: Microsoft YaHei;
  31. font-weight: bold;
  32. color: #333333;
  33. text-align: center;
  34. margin-bottom: 20px;
  35. }
  36. .product-details-section .tab-pane .productContent .paneConText .title{
  37. font-size: 16px;
  38. font-family: Microsoft YaHei;
  39. font-weight: bold;
  40. color: #333333;
  41. margin-bottom: 15px;
  42. }
  43. .product-details-section .tab-pane .productContent .paneConText .content{
  44. font-size: 13px;
  45. font-family: Microsoft YaHei;
  46. color: #333333;
  47. margin-bottom: 15px;
  48. line-height: 28px;
  49. }
  50. @media (max-width: 991px){
  51. .product-details-section .tab-pane .productContent{
  52. display: inline;
  53. }
  54. .product-details-section .tab-pane .productContent>div:nth-child(1){
  55. width: 100%;
  56. text-align: center;
  57. }
  58. .product-details-section .tab-pane .productContent>div:nth-child(2){
  59. width: 100%;
  60. }
  61. }