slide.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. .code_bg{
  2. position: fixed;
  3. top:0;
  4. left: 0;
  5. right:0;
  6. bottom:0;
  7. background-color: rgba(0,0,0,.5);
  8. z-index: 999;
  9. }
  10. .icon-login-bg{
  11. background-repeat: no-repeat;
  12. }
  13. .code-con{
  14. position: absolute;
  15. top:30%;
  16. width: 320px;
  17. left: 50%;
  18. margin-left: -160px;
  19. background-color: #fff;
  20. z-index: 1000;
  21. -moz-user-select: none;
  22. -webkit-user-select: none;
  23. }
  24. .code-img{
  25. margin: 5px 5px;
  26. padding: 5px 5px;
  27. background-color: #f5f6f7;
  28. }
  29. .code-img img{
  30. display: block;
  31. }
  32. .icon-w-25{
  33. display: inline-block;
  34. width: 25px;
  35. height: 25px;
  36. text-indent: -9999px;
  37. }
  38. .icon-push{
  39. cursor: pointer;
  40. background-position: -149px -98px;
  41. }
  42. .code-push{
  43. height: 25px;
  44. }
  45. .code-btn{
  46. position: relative;
  47. height: 30px;
  48. text-align: center;
  49. color: #999;
  50. margin: 10px 10px;
  51. box-sizing: border-box;
  52. background-color: #f5f6f7;
  53. border-radius: 15px;
  54. border: 1px solid #e1e1e1;
  55. }
  56. .code-btn-m{
  57. position: absolute;
  58. width: 40px;
  59. height: 40px;
  60. border-radius: 50%;
  61. background-color: #f5f6f7;
  62. border: 1px solid #e1e1e1;
  63. z-index: 5;
  64. top:-8px;
  65. left: 0;
  66. box-shadow: 0 0 3px #ccc;
  67. cursor: pointer;
  68. background-position: -63px 10px;
  69. }
  70. .code-btn-img{
  71. /* background-image:url(../img/icon/arrow.png); */
  72. background-repeat: no-repeat;
  73. }
  74. .code-btn-img.active{
  75. background-position: -134px 10px;
  76. }
  77. .code-span{
  78. line-height: 28px;
  79. }
  80. .code-btn-img.error{
  81. background-position: 8px 10px;
  82. }
  83. .code-img-con{
  84. position: relative;
  85. }
  86. .code-mask{
  87. position: absolute;
  88. top:0;
  89. left: 0;
  90. z-index: 10;
  91. }
  92. .code-tip{
  93. line-height: 30px;
  94. padding-left: 10px;
  95. font-size: 12px;
  96. color: #999;
  97. }
  98. .code-tip-red{
  99. color: red;
  100. }
  101. .code-tip-green{
  102. color: green;
  103. }
  104. .code-back-img {
  105. width: 100%
  106. }