mobileWorkDetail.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. body{
  2. font-family: "Helvetica Neue",Helvetica,STHeiTi,sans-serif;
  3. font-size: 12px;
  4. line-height: 1.5;
  5. color: #515151;
  6. background: #e1e1e1;
  7. height: 100%;
  8. }
  9. .img-box{
  10. width: 100%;
  11. height: 70%;
  12. margin: 80px auto;
  13. display: flex;
  14. justify-content: center;
  15. align-items: center;
  16. }
  17. .img-box img{
  18. max-width: 80%;
  19. max-height: 80%;
  20. }
  21. .btn-copy{
  22. display: inline-block;
  23. width: 100%;
  24. height: 40px;
  25. background-color: #54708c;
  26. color: #fff;
  27. text-align: center;
  28. line-height: 40px;
  29. font-size: 16px;
  30. position: absolute;
  31. bottom: 50px;
  32. left: 0;
  33. z-index: 2;
  34. }
  35. .my-btn-back-works-home{
  36. width: 100%;
  37. height: 40px;
  38. background-color: #54708c;
  39. color: #fff;
  40. text-align: center;
  41. line-height: 40px;
  42. font-size: 16px;
  43. position: absolute;
  44. bottom: 0;
  45. left: 0;
  46. z-index: 2;
  47. }
  48. .my-btn-back-template-home{
  49. width: 100%;
  50. height: 40px;
  51. background-color: #54708c;
  52. color: #fff;
  53. text-align: center;
  54. line-height: 40px;
  55. font-size: 16px;
  56. position: absolute;
  57. bottom: 0;
  58. left: 0;
  59. z-index: 2;
  60. }
  61. .info{
  62. width: 60px;
  63. /* left: 50%;
  64. margin-left: -30px; */
  65. margin: auto;
  66. border-radius: 10px;
  67. bottom: 50px;
  68. border-radius: 20px;
  69. background: rgba(0,0,0,.2);
  70. color: #fff;
  71. font-size: 20px;
  72. text-align: center;
  73. }