shenfangmima.css 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. *{box-sizing: border-box;}
  2. .sfwenben {
  3. background: #FFFFFF;
  4. padding: 10px;
  5. }
  6. .sfwenben>p {
  7. text-align: center;
  8. font-size: 14px;
  9. color: #333333;
  10. }
  11. .inputBoxContainer {
  12. width: calc(100% - 90px);
  13. height: 30px;
  14. margin: 10px auto;
  15. position: relative;
  16. }
  17. .inputBoxContainer .bogusInput {
  18. width: 280px;
  19. height: 30px;
  20. margin: 0 auto;
  21. }
  22. ul.bogusInput li{
  23. border: solid 1px #f1f1f1;
  24. width: 30px;
  25. height: 30px;
  26. float: left;
  27. background: #ffffff;
  28. text-align: center;
  29. line-height: 30px;
  30. margin-right: 20px;
  31. display: -webkit-box;
  32. -webkit-box-pack: center;
  33. -webkit-box-align: center;
  34. }
  35. ul.bogusInput li:last-child{
  36. margin-right: 0px;
  37. }
  38. .confirmButton {
  39. width: 240px;
  40. height: 45px;
  41. border-radius: 7px;
  42. -moz-border-radius: 7px;
  43. -webkit-border-radius: 7px;
  44. background: #f4f4f4;
  45. border: #d5d5d5 1px solid;
  46. display: block;
  47. font-size: 16px;
  48. margin: 30px auto;
  49. margin-bottom: 20px;
  50. }
  51. .showValue {
  52. width: 240px;
  53. height: 22px;
  54. line-height: 22px;
  55. font-size: 16px;
  56. text-align: center;
  57. margin: 0 auto;
  58. }
  59. .chakan {
  60. width: 290px;
  61. margin: 30px auto;
  62. height: 40px;
  63. text-align: center;
  64. line-height: 40px;
  65. color: #FFFFFF;
  66. background: #17B3EC;
  67. font-size: 16px;
  68. border-radius: 5px;
  69. }
  70. .wenzi{font-size: 14px;color: #666;}
  71. .round{display:none;width: 8px;height: 8px;border-radius: 50%;background-color: #666;}
  72. ul.bogusInput li.active .round{display: block;}
  73. ul.bogusInput li.hover{outline: 0;-webkit-box-shadow:0 0 10px rgba(102, 175, 233, 0.7); }
  74. .xufang-num{position: absolute;bottom: 0px;z-index: 9999;background-color: #fff;width: 100%;}
  75. .number-pad{border-top:solid 1px #dcdcdc; border-left: solid 1px #dcdcdc; width: 100%;}
  76. .number-pad .box{display: flex;display: -webkit-flex;display: -webkit-box;}
  77. .number-pad li{width: 33.333333%;height: 60px;text-align: center;line-height: 60px;border-bottom: solid 1px #dcdcdc;border-right: solid 1px #dcdcdc;font-size: 16px;color: #333;font-weight: bold;}
  78. .number-pad li.gray{background-color: #e4e4e4;}
  79. .number-pad li:active{background-color: #ccc;}