mine.css 5.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. html {overflow: auto; min-width: 970px;}
  2. body {font-size: 13px;}
  3. ul {list-style: none;}
  4. .ui-grid-middle {-webkit-box-pack: center;}
  5. .btn {vertical-align: top; width: 60px; padding: 0 10px; margin: 0 10px; background-color: #0ad8c8;}
  6. .btn-hover {color: #0ad8c8;}
  7. .nav-item.active, .nav-item:hover {color: #0DBCBA; background-color: #fff;}
  8. .nav-item {height: 122px; line-height: 122px; width: auto; padding: 0 20px; margin-right: 0; color: #888;}
  9. .chahua-bg{height: 700px;}
  10. .pt70 {padding-top: 70px;}
  11. .pl70 {padding-left: 70px;}
  12. .h20 {height: 20px;}
  13. .h24 {height: 24px;}
  14. .lh24 {line-height: 24px;}
  15. .c-888 {color: #888;}
  16. .c-0ad8c8 {color: #0ad8c8;cursor: pointer;}
  17. .c-0ad8c8:active {text-decoration: underline;}
  18. .span-hover {cursor: pointer;}
  19. .span-hover:hover {color: #0ad8c8;}
  20. .span-hover:active {text-decoration: underline;}
  21. .span-active {color: #0ad8c8;}
  22. .my-count {width: 200px; padding: 20px 0 60px;}
  23. .my-count h1 {height: 36px; margin: 0; padding-left: 60px; line-height: 36px; font-size: 18px; font-weight: 600; background: url(../../../images/icon_wodezhanghu.png) no-repeat 28px 6px;}
  24. .list {padding: 0; text-indent: 60px;}
  25. .list li {height: 24px; line-height: 24px; margin: 5px 0; border-left: 3px solid #fff; font-size: 14px; color: #888; cursor: pointer;}
  26. .list .li-active, .list li:hover {border-left: 3px solid #0ad8c8; color: #0ad8c8;}
  27. .my-detail {width: calc(100% - 220px); height: 680px; font-size: 14px; margin-left: 20px;}
  28. .detail-info {width: 480px; margin: 0 auto;}
  29. .c-vam {width: 100px; height: 100px; border-radius: 50%;}
  30. input.type-hide {opacity: 0;-ms-filter: 'alpha(opacity=0)';}
  31. .img-add {background: url(../../../images/shangchuan_icon.png) no-repeat 0 0;}
  32. .form-group {height: 30px; line-height: 30px; margin-bottom: 25px;}
  33. .form-label {width: 120px; height: 30px; color: #323232; margin: 0 20px 0 0; font-weight: normal; text-align: right;}
  34. .form-control {width: 310px; height: 30px;}
  35. .btn {display: block; width: 140px; height: 30px; line-height: 28px; color: #fff; margin: 0 auto;}
  36. .btn:hover {color: #fff;}
  37. .safe-setting {padding: 100px 80px;text-indent: 0px;}
  38. .safe-setting li {height: 120px; padding: 30px 20px 30px 80px;}
  39. .set-psw {background: url(../../../images/mima_icon.png) no-repeat 12px 30px;}
  40. .safe-phone {background: url(../../../images/shouji_icon.png) no-repeat 12px 32px;}
  41. .li-txt {width: calc(100% - 140px)}
  42. .operate {width: 140px; padding-top: 14px;}
  43. .psw-form {width: 310px;margin: 0 auto;}
  44. .modify h4 {font-weight: 400;}
  45. .operate-btn {width: 400px;margin: 0 auto;}
  46. .operate-btn .btn {display: inline-block;margin: 0 25px;}
  47. .operate-btn .btn-cancel {border: 1px solid #888; background-color: #fff; color: #888;}
  48. .operate-btn .btn-cancel:hover {color: #888;}
  49. .mdiphone-form {width: 500px; margin: 0 auto;}
  50. .step p {padding-top: 24px;}
  51. .step em {width: 80px; height: 4px; background-color: #d1d7d4;}
  52. .step span {width: 52px; height: 52px; border: 2px solid #d1d7d4; border-radius: 50%; color: #909090; font-size: 16px; text-align: center; line-height: 50px;}
  53. .set-active em {background-color: #0ad9c8;}
  54. .set-active span, .btn {background-color: #0ad9c8; border-color: #0ad9c8; color: #fff;}
  55. .step label {width: 100%; color: #909090; font-size: 16px; font-weight: normal;}
  56. .set-active label {color: #0ad9c8;}
  57. .txt-center {width: 100%; text-align: center;}
  58. .txt-right {width: 100%; text-align: right;}
  59. .mdi-detail-form {height: 300px;}
  60. .send {display: inline-block; width: 75px; line-height: 32px; margin-left: -100px;}
  61. .step3 {text-align: center;}
  62. .success {padding-top: 100px; margin: 0 0 20px; font-weight: 500; font-size: 24px; background: url(../../../images/chenggong_icon.png) no-repeat center 0;}
  63. .f-w400 {font-weight: 400;}
  64. .question-li {width: 134px;}
  65. .question-li-div {height: 38px; line-height: 38px; border: 1px solid #d1d7d4; border-radius: 3px; cursor: pointer;}
  66. .select-active {border: 1px solid #0ad8c8; background: url(../../../images/icon_xuanzhong.png) no-repeat 115px 23px;background-size: 13% 38%;}
  67. textarea.form-control {width: 100%; height: 100px; border-radius: 5px; resize: none;}
  68. .limit {position: absolute; bottom: 5px; right: 5px;}
  69. .set-img {width: 100px; height: 100px; border-radius: 5px;}
  70. .delete-img {position: absolute; top: -4px; right: -4px; width: 16px; height: 16px; background: url(../../../images/guanbi_btn.png) no-repeat 0 0; cursor: pointer;}
  71. .finish-device {width: 300px; margin: 0 auto; padding-top: 100px;}
  72. .device-success {padding-top: 200px; margin: 0 0 20px; font-weight: 600; font-size: 24px; background: url(../../../images/chenggong_icon.png) no-repeat center 0; background-size: 50% 67%;}
  73. .list-record {height: 510px;}
  74. .list-tap, .list-detail, .list-status, .list-view {height: 30px;line-height: 30px;}
  75. .list-tap {width: 90px; text-align: right; background: url(../../../images/biaoqian01_img.png) 0 0;}
  76. .list-status {width: 50px; color: #ff8787;}
  77. .list-status-active {color: #909090;}
  78. .list-view {width: 50px;}
  79. .list-detail {overflow: hidden; width: calc(100% - 340px); margin-right: 80px; text-overflow: ellipsis; white-space: nowrap;}
  80. .page-btn {height: 30px; width: 30px; padding: 0; background-color: #fff; color: #888; border: 1px solid #e1e1e1; margin-left: 10px; line-height: 28px;}
  81. .page-btn:hover {color: #888;}
  82. .page-btn-active {background-color: #0ad8c8; color: #fff; border: 1px solid #0ad8c8;}
  83. .page-input { width: 30px; height: 28px; padding: 0 2px; border: 0px; text-align: right; outline: none;}
  84. .page-btn-input {width: 32px;height: 30px;margin: 0;}
  85. .page-btn-sure {width: 32px; margin: 0; border-radius: 0; text-align: center; cursor: pointer;}