appeal.css 3.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. html {overflow: auto; min-width: 970px;}
  2. body {
  3. font-size: 13px;
  4. }
  5. ul {list-style: none;}
  6. .top-banner{position: relative;}
  7. .qr-container{position: absolute;right: 120px;height: 100%;display: block;top: 15%;}
  8. .return {position: absolute; right: -5px; top: 40%; width: 105px; color: #888; text-align: center; cursor: pointer;}
  9. .set-hover {cursor: pointer;}
  10. .return:hover, .set-hover:hover, .c-0ad8c8 {color: #0ad8c8}
  11. .return:active, .set-hover:active, .c-0ad8c8:active {text-decoration: underline;}
  12. .hlogo{width: 30%;height: auto;display: block;}
  13. .qr_code{
  14. height: 60%;
  15. width: auto;
  16. display: block;
  17. border: 3px solid #38D1CB;
  18. transform-origin: 100% 0;
  19. transition: all .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  20. cursor: pointer;
  21. }
  22. .qr_code:hover {
  23. transform: scale(2);
  24. position: relative;
  25. z-index: 2;
  26. box-shadow: 0 4px 8px 0 rgba(255,255,255,0.2),0 6px 20px 0 rgba(255,255,255,0.19);
  27. }
  28. .appeal-form {width: 900px; padding: 0px 0px 20px 30px; margin: 0 auto; border-radius: 5px;}
  29. .txt-center {width: 100%; text-align: center;}
  30. .txt-right {width: 100%; padding-right: 10px; text-align: right;}
  31. .c-vam {width: 100px; height: 100px; border-radius: 50%;}
  32. input.type-hide {opacity: 0;-ms-filter: 'alpha(opacity=0)';}
  33. .img-add {background: url(../../../images/shangchuan_icon.png) no-repeat 0 0;}
  34. .form-group {height: 30px; line-height: 30px; margin-bottom: 30px;}
  35. .form-label {width: 200px; height: 30px; color: #323232; margin: 0 20px 0 0; font-weight: normal; text-align: right;}
  36. .form-control {width: 310px; height: 30px;}
  37. .btn {display: block; width: 140px; border-color: #0ad9c8; margin: 0 auto; background-color: #0ad9c8; color: #fff;}
  38. .btn:hover {color: #fff;}
  39. .question-li {width: 134px;}
  40. .question-li-div {height: 38px; line-height: 38px; border: 1px solid #d1d7d4; border-radius: 3px; cursor: pointer;}
  41. .select-active {border: 1px solid #0ad8c8; background: url(../../../images/icon_xuanzhong.png) no-repeat 115px 23px;background-size: 13% 38%;}
  42. textarea.form-control {width: 100%; height: 100px; border-radius: 5px; resize: none;}
  43. .limit {position: absolute; bottom: 5px; right: 5px;}
  44. .set-img {width: 100px; height: 100px; border-radius: 5px;}
  45. .delete-img {position: absolute; top: -4px; right: -4px; width: 16px; height: 16px; background: url(../../../images/guanbi_btn.png) no-repeat 0 0; cursor: pointer;}
  46. .finish-device {width: 300px; margin: 0 auto; padding-top: 100px;}
  47. .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%;}
  48. .list-record {height: 510px;}
  49. .list-tap, .list-detail, .list-status, .list-view {height: 30px;line-height: 30px;}
  50. .list-tap {width: 120px; text-align: right; background: url(../../../images/biaoqian02_img.png) no-repeat 0 0;}
  51. .list-status {width: 50px; color: #ff8787;}
  52. .list-status-active {color: #909090;}
  53. .list-view {width: 50px;}
  54. .list-detail {overflow: hidden; width: calc(100% - 370px); margin-right: 80px; text-overflow: ellipsis; white-space: nowrap;}
  55. .page-btn {height: 30px; width: 30px; padding: 0; background-color: #fff; color: #888; border: 1px solid #e1e1e1; margin-left: 10px; line-height: 28px;}
  56. .page-btn:hover {color: #888;}
  57. .page-btn-active {background-color: #0ad8c8; color: #fff; border: 1px solid #0ad8c8;}
  58. .page-input { width: 30px; height: 28px; padding: 0 2px; border: 0px; text-align: right; outline: none;}
  59. .page-btn-input {width: 32px;height: 30px;margin: 0;}
  60. .page-btn-sure {width: 32px; margin: 0; border-radius: 0; text-align: center; cursor: pointer;}
  61. .b-r-5 {border-radius: 5px;}
  62. .c-0ad8c8 {color: #0ad8c8;cursor: pointer;}
  63. .c-0ad8c8:active {text-decoration: underline;}