jump.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. .jump-interface {
  2. width: 100%;
  3. height: 100%;
  4. background: #fff;
  5. position: fixed;
  6. left: 0;
  7. right: 0;
  8. top: 0;
  9. bottom: 0;
  10. margin: auto;
  11. /*display: none;*/
  12. transition: all .2s linear;
  13. font-size: 16px;
  14. /*transform: scale(2);*/
  15. /*-webkit-overflow-scroll: touch!important;*/
  16. }
  17. .jump-interface ul {
  18. list-style: none;
  19. margin: 0;
  20. padding: 0;
  21. }
  22. .jump-interface li {
  23. text-align: center;
  24. background: transparent;
  25. }
  26. .jump-box {
  27. width: 80%;
  28. height: 100%;
  29. margin: 10px auto;
  30. }
  31. .jump-box li {
  32. margin-bottom: 10px;
  33. height: 30px;
  34. }
  35. .jump-box .tip {
  36. font-weight: bold;
  37. font-size: 20px;
  38. }
  39. .jump-box .jumpNumber{
  40. width: 100px;
  41. height: 30px;
  42. font-size: 16px;
  43. border: 1px solid #000;
  44. border-radius: 5px;
  45. }
  46. .jump-save-box{
  47. width: 60%;
  48. height: 40px;
  49. font-size: 16px;
  50. margin-top: 100px;
  51. margin-left: 20%;
  52. display: flex;
  53. display: -webkit-flex;
  54. justify-content: space-between;
  55. -webkit-justify-content: space-between;
  56. }
  57. .jump-save-box .jump{
  58. width: 30%;
  59. height: 40px;
  60. font-size: 16px;
  61. background: #fff;
  62. color: #558df3;
  63. outline: none;
  64. border: 1px solid #F1F1F2;
  65. }
  66. .jump-save-box .cancel{
  67. width: 30%;
  68. height: 40px;
  69. font-size: 16px;
  70. background: #fff;
  71. outline: none;
  72. border: 1px solid #F1F1F2;
  73. }
  74. #coolInputPanel {
  75. background: #fff !important;
  76. }
  77. .page {
  78. position: fixed;
  79. left: 50%;
  80. margin-left: -130px;
  81. width: 260px;
  82. bottom: 20px;
  83. /*transform: scale(1);*/
  84. }
  85. .page ul {
  86. display: flex;
  87. justify-content: space-between;
  88. list-style: none;
  89. margin: 0;
  90. padding: 0;
  91. }
  92. .page li {
  93. float: left;
  94. background: transparent;
  95. }
  96. .page img{
  97. opacity: .7;
  98. }
  99. #prev_btn, #next_btn {
  100. background: transparent;
  101. margin: 0;
  102. }
  103. /*#coolInputPanel {*/
  104. /* height: 400px !important;*/
  105. /* background: #fff !important;*/
  106. /*}*/
  107. /*#coolInputPanel > div {*/
  108. /* height: 80px !important;*/
  109. /* line-height: 80px !important;*/
  110. /* font-size: 40px !important;*/
  111. /*}*/