style.css 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. .image-default {
  2. background-image: url('../img/photo_default_turquoise.jpg');
  3. }
  4. .user-box { background: url(../img/u_pic1.jpg) top center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; color: #FFF; padding-top: 20px; text-align: center; padding-bottom: 50px; position: relative }
  5. .user-photo { width: 68px; height: 68px; border-radius: 100%; display: inline-block; padding: 2px; background-color: #FFF }
  6. .user-photo img { width: 64px; height: 64px; border-radius: 100%; }
  7. .user-info { line-height: 28px; font-size: 1.2em; padding-bottom: 10px; }
  8. .clearfix:after { content: ' '; visibility: hidden; display: block; height: 0; clear: both; }
  9. .fl { float: left; }
  10. .fr { float: right }
  11. .color-red a, .color-red { color: #F10 }
  12. .color-red a:hover { color: #F10 }
  13. .green, .green a, .color-green { color: rgba(45,183,29,1.00) }
  14. .row-border { border: 1px solid #EEE; border-width: 1px 0 1px 0; background-color: #FFF; padding: 0; }
  15. .row-border .button{margin: 0; padding: 5px 0;font-size: 14px;}
  16. .user-info a { color: #FFF; }
  17. .user-info span { padding-right: 10px; }
  18. .user-info span em { opacity: 0.7 }
  19. .userinfo-detail { float: left; padding-top: 5px; }
  20. .user-num { background-color: rgba(0,0,0,0.5); padding: 10px 10px; }
  21. .msg-user { background: rgba(0,0,0,0.40); color: #FFF; height: 50px; position: absolute; bottom: 0; width: 100%; }
  22. .msg-user .msg-item { width: 25%; float: left; }
  23. .msg-user .msg-item span { display: block; height: 20px; line-height: 20px; text-align: center; opacity: 0.7 }
  24. .msg-user .msg-item b { display: block; height: 25px; position: relative; line-height: 25px; font-size: 16px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif }
  25. .msg-user .msg-item b em { width: 9px; height: 9px; border-radius: 5px; background-color: rgba(252,101,34,1.00); position: absolute; z-index: 2; right: 30px; top: 0; }
  26. .msg-user a.msg-item { color: #FFF; }
  27. .list-set-arrow .item, .item.item-set-arrow { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%2060%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%3E%3Cpath%20d%3D\'m60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z\'%20fill%3D\'%23c7c7cc\'%2F%3E%3C%2Fsvg%3E"); background-position: -webkit-calc(100% - 15px) center; background-position: calc(100% - 15px) center; background-repeat: no-repeat; background-size: 10px 20px; padding-right: 30px; }
  28. .list-set-arrow .item-arrow-no, .item-arrow-no { background-image: none; padding-right: 15px; }
  29. .item-arrow-no .badge { right: 15px; }
  30. .list-user-set .item.item-icon-left { padding: 22px 16px 22px 54px; border-color: #EEE; }
  31. .list-user-set .item.item-icon-left i img { margin-top: 6px; }
  32. .list-user-set.list-set-arrow .item, .list-user-set .item.item-set-arrow { padding-right: 30px; }
  33. .i-user-phone, .i-user-info, .i-user-message, .i-user-order, .i-user-passsword, .i-user-set,.i-user-car { background: no-repeat center/32px auto; width: 32px; height:32px; position: absolute; left: 11px; top: 15px; vertical-align: middle; }
  34. .item-icon-left i img { width: 32px; height: 32px; margin-top: 10px; }
  35. .i-user-info { background-image: url(../img/icon/i_user_info.png) }
  36. .i-user-car { background-image: url(../img/icon/i_user_car.png) }
  37. .i-user-set { background-image: url(../img/icon/i_user_set.png) }
  38. .i-user-order { background-image: url(../img/icon/i_user_wallet.png) }
  39. .i-user-passsword{ background-image: url(../img/icon/i_user_pass.png) }
  40. .i-user-message{ background-image: url(../img/icon/i_user_message.png) }
  41. .casehistory-item { background-color: #FFF; border-radius: 3px; margin: 10px; box-shadow: 0 0 4px rgba(0,0,0,0.2); position: relative }
  42. .casehistory-item-photo { width: 84px; position: absolute; left: 0; top: 0; float: left; padding: 10px; height: 90px; background-color: #F7F7F7; border-radius: 3px 0 0 0; text-align: center; }
  43. .selftest-item-photo { background-size: 100% 100%; padding: 0; width: 80px; -webkit-background-size: 100% 100%; background-repeat: no-repeat; background-position: center; height: 80px; }
  44. .selftest-item-photo img { width: 80px; height: 90px; }
  45. .casehistory-item-info { float: left; width: 100%; height: 90px }
  46. .casehistory-item-info span.badge { font-size: 12px; font-weight: normal }
  47. .casehistory-item-info span.badge-position { position: absolute; width: auto; right: 0; top: 0; border-radius: 0 5px 0 5px; }
  48. .casehistory-item-info p { line-height: 25px; color: #999; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  49. .casehistory-item-info p:first-child { font-size: 14px; }
  50. .casehistory-item-info p span { color: #444 }
  51. .casehistory-photo-item-info { padding-left: 90px; height: 110px; width: 100%; }
  52. .casehistory-photo-item-info p { line-height: 14px; color: #999; font-size: 14px }
  53. .casehistory-photo-item-info p span { line-height: 24px; font-size: 14px }
  54. .list-pay .item-avatar { min-height: 60px; padding: 10px 120px 10px 10px; }
  55. .list-pay .item-avatar p { color: #999 }
  56. .app-link-item i.i-applink-goods { background-image: url(../img/icon/i_home_goods.png); }
  57. .app-link-item i.i-applink-car { background-image: url(../img/icon/i_home_car.png); }
  58. .app-link-item i.i-applink-order { background-image: url(../img/icon/i_home_order.png); }
  59. .app-link-item i.i-applink-my { background-image: url(../img/icon/i_home_my.png); }
  60. .list-pay .item-avatar .icon { position: absolute; left: 10px; max-height: 40px; max-width: 40px; color: #FFFFFF; line-height: 40px; font-weight: bold; font-size: 16px }
  61. .list-pay .item-avatar b { position: absolute; width: 110px; text-align: right; top: 20px; right: 10px; font-size: 18px }
  62. .app-link { padding: 10px 5px 2px 5px; margin: 0 5 0 auto; background-color: #FFF; }
  63. .app-link-item { text-align: center; }
  64. .app-link-item i { background: no-repeat center / auto 50px; width: 60px; height: 50px; display: inline-block; position: relative }
  65. .app-link-item i img { height: 24px; }
  66. .app-link-item span { display: block; font-size:15px; line-height:1.4;color:#fff;font-weight:bold }
  67. .app-link-item .gray { display: block; font-size:15px; line-height:1.4;color:#333;font-weight:bold }
  68. .app-link-item p { text-align: center; display: block; line-height: 20px; font-size: 14px; font-weight: bold }
  69. .app-link-item i.i-applink-add { background-image: url(../img/icon/i_applink_add.png); }
  70. .app-link-item i.i-applink-addcar { background-image: url(../img/icon/addcar.png); }
  71. .app-link-item i.i-applink-findgoods { background-image: url(../img/icon/findgoods.png); }
  72. .app-link-item i.i-applink-search{ background-image: url(../img/icon/search.png); }
  73. .app-link a { color: #999; font-size: 14px; line-height: 22px; }
  74. .app-link-item em { width: 9px; height: 9px; border-radius: 10px; background-color: rgba(252,101,34,1.00); position: absolute; z-index: 2; right: 0px; top: 0; }
  75. .swiper-index-slide { height: 170px; }
  76. .swiper-index-slide .slider-slide .slider-img { height: 100%; width: 100%; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center }
  77. .app-link-bottom { height: 8px; background: url(../img/box_bottom_bg.png) repeat-x bottom; margin-bottom: 5px; }
  78. .item-avatar-icon { min-height: 70px; padding: 7px 10px 7px 70px; position: relative; }
  79. .item-avatar-icon .badge {font-weight:bold;color:red; left: -8px; top: 0px; min-width: 18px; text-align:center; min-height: 18px; font-size: 10px; right: auto;display:inline-block;transform:rotate(-40deg);-webkit-transform:rotate(-40deg)}
  80. .item-avatar-icon .item-avatar-type { position: absolute; right: 10px; top: 25px; z-index:-1; text-align:center; display: inline-block; width: 50px; font-size: 12px;margin-right:12px;font-weight:700 }
  81. .item-avatar-type .ok {color:forestgreen} .no {color:red}
  82. .item-avatar-icon h2 { line-height: 30px; }
  83. .item-avatar-icon p { color: #999; }
  84. .item-myselect select{
  85. font-size:10px
  86. }
  87. input, button, select, textarea{font-family:"雅黑";}
  88. .nerve-loading {
  89. stroke:#fff}
  90. .pop-msg {
  91. font-size:40px}
  92. .nerve .pop-alert .popup .popup-head {
  93. padding:25px 10px}
  94. .mustfill {
  95. color:red
  96. }
  97. input.ion-amap-place[readonly] { background-color: transparent; cursor: text; }
  98. .bar-button-selftest {
  99. font-weight:bold;
  100. height: 38px;
  101. padding-top: 5px;
  102. }
  103. .bar-button-selftest .button.button-calm.button-outline { border-color: #FFF; color:#0c60ee; }
  104. .bar-button-selftest .button.button-positive.button-outline { border-bottom: 3px solid #1e90ff;}
  105. .home a{font-size: 18px}
  106. .loginform input {height:50px;width:auto }
  107. .loginform i { color:orange;width: 30px;font-size: 25px;}
  108. .headbck { background-color:#FC810E;}