inquire.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. .zskk-inquire {
  2. height: calc(100vh - 367px);
  3. display: flex;
  4. align-items: center;
  5. justify-content: center;
  6. }
  7. .zskk-inquire .zskk-content {
  8. width: 360px;
  9. background: #ffffff;
  10. padding: 0px 20px;
  11. box-shadow: 0 3px 5px rgba(160, 14, 1, 0.5);
  12. border-radius: 25px;
  13. box-sizing: border-box;
  14. }
  15. .zskk-inquire .zskk-content .zskk-title {
  16. height: 75px;
  17. margin-top: 20px;
  18. color: #a00e01;
  19. font-weight: 600;
  20. font-size: 20px;
  21. display: flex;
  22. align-items: center;
  23. }
  24. .zskk-inquire .zskk-content .zskk-value {
  25. height: 45px;
  26. border-bottom: 1px solid #dadada;
  27. display: flex;
  28. align-items: center;
  29. margin-bottom: 15px;
  30. }
  31. .zskk-inquire .zskk-content .zskk-value input {
  32. border: none;
  33. outline: medium;
  34. height: 30px;
  35. margin-left: 10px;
  36. flex: 1;
  37. }
  38. .zskk-inquire .zskk-content .zskk-value input::-webkit-input-placeholder {
  39. color: #aab2bd;
  40. }
  41. .zskk-inquire .zskk-content .zskk-value button {
  42. background: #a00e01;
  43. color: #ffffff;
  44. border: #a00e01;
  45. padding: 8px 10px;
  46. cursor: pointer;
  47. border-radius: 3px;
  48. }
  49. .zskk-inquire .zskk-content .zskk-submit {
  50. height: 120px;
  51. display: flex;
  52. align-items: center;
  53. justify-content: center;
  54. }
  55. .zskk-inquire .zskk-content .zskk-submit button {
  56. background: #a00e01;
  57. color: #ffffff;
  58. border: #a00e01;
  59. padding: 8px 90px;
  60. border-radius: 3px;
  61. cursor: pointer;
  62. }