feedback.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .feedbackPanel {
  2. width: 100%;
  3. height: 100%;
  4. position: absolute;
  5. z-index: 100;
  6. }
  7. .feedbackPanel .bg {
  8. width: 100%;
  9. height: 100%;
  10. background: rgba(45, 53, 68, 0.8);
  11. }
  12. .feedbackPanel .content {
  13. position: fixed;
  14. top: calc(50% - 350px);
  15. left: calc(50% - 500px);
  16. width: 900px;
  17. height: 640px;
  18. background: #ffffff;
  19. padding: 30px 50px;
  20. border-radius: 7px;
  21. }
  22. .feedbackPanel .content .close {
  23. position: absolute;
  24. top: -5px;
  25. right: 15px;
  26. font-size: 50px;
  27. font-weight: 100;
  28. color: #aaaaaa;
  29. cursor: pointer;
  30. }
  31. .feedbackPanel .content .title {
  32. text-align: center;
  33. font-size: 25px;
  34. color: #000;
  35. margin: 20px 0 0 0;
  36. letter-spacing: 2px;
  37. }
  38. .feedbackPanel .content .tips {
  39. color: #aaaaaa;
  40. font-size: 14px;
  41. margin: 10px 0 40px 0;
  42. }
  43. .feedbackPanel .content table,
  44. .feedbackPanel .content table tr {
  45. width: 100%;
  46. }
  47. .feedbackPanel .content table tr td {
  48. width: 46%;
  49. height: 50px;
  50. padding: 0 4% 0 0;
  51. }
  52. .feedbackPanel .content table tr td:last-child {
  53. padding: 0;
  54. }
  55. .feedbackPanel .content table tr td p {
  56. margin: 0 0 10px 0;
  57. }
  58. .feedbackPanel .content table tr td input {
  59. width: calc(97% - 10px);
  60. height: 40px;
  61. padding: 0 10px 0 10px;
  62. margin: 0 0 15px 0;
  63. border: 1px solid #aaaaaa;
  64. }
  65. .feedbackPanel .content table tr textarea {
  66. width: 100%;
  67. padding: 5px;
  68. }
  69. .feedbackPanel .content .red {
  70. color: red;
  71. }
  72. .feedbackPanel .content .submit {
  73. width: 120px;
  74. height: 36px;
  75. background: transparent;
  76. border: 1px solid #aaaaaa;
  77. border-radius: 4px;
  78. margin: 15px calc(50% - 60px);
  79. cursor: pointer;
  80. }