my-appointment.css 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. @charset "utf-8";
  2. .bottom-title{font-size: 12px;color:#909090;height:29px;line-height:29px;padding-left:10px;padding-top: 5px;}
  3. .div-img{width: 320px; height: 184px;background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px;margin: 0px auto}
  4. .div-tishi-info{vertical-align: middle; margin: 15px auto 30px;text-align: center;font-size: 15px;}
  5. .f-dn{ display: none; }
  6. .c-000 { color: #000; }
  7. .c-fff { color: #fff; }
  8. .c-333 { color: #333; }
  9. .c-323232 { color: #323232; }
  10. .c-939398 { color: #939398; }
  11. .c-666666 { color: #666666; }
  12. .c-909090 { color: #909090; }
  13. .c-74BF00 { color: #74BF00;}
  14. .c-47ABEF{color:#47ABEF}
  15. .c-FF6A56{color:#FF6A56}
  16. .cb-A8A8A8{background: #A8A8A8;}
  17. .cb-47ABEF{background: #47ABEF;}
  18. .cb-FF6A56{background: #FF6A56;}
  19. .cb-74BF00{background: #74BF00;}
  20. .cb-FF9526{background: #FF9526;}
  21. .cb-909090{background: #909090;}
  22. .c-fwb { font-weight: bold; }
  23. .c-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
  24. .c-dn { display: none; }
  25. .width-80 { width: 80px; }
  26. .width-70 { width: 70px; }
  27. .width-60 { width: 60px; }
  28. .width-50 { width: 50px; }
  29. .height-40 { height: 40px; }
  30. .height-50 { height: 50px; }
  31. .height-55 { height: 55px; }
  32. .height-60 {height: 60px;}
  33. .br5 { border-radius: 5px; }
  34. .br50 { border-radius: 50px; }
  35. .pt3{padding-top: 3px;}
  36. .f-fr{float: right;}
  37. .f-fl{float: left;}
  38. .c-list{margin: 10px;border-radius: 10px;position: relative;margin-top: 10px;background-color: #f3f3f3;}
  39. .c-list a{ display: block; width: 100%;}
  40. .c-list .line{border-top: 1px solid #dcdcdc;}
  41. .div-again img{width: 8px; height: 16px;display: inline-block;vertical-align: middle;padding-top: 0px; padding-left: 6px}
  42. #wrapper2 .c-list{margin-top: -7px;}
  43. .n-list{border: none;border-radius: 0px;width: 100%;}
  44. .dr-item .n-list-li{padding-bottom: 0;padding-top: 5px;margin: 0px;}
  45. .c-list > li, .c-list > .c-list-div{margin-left: 0px;background: #ffffff;}
  46. .c-list .div-remark{clear: both;}
  47. .c-list > li{border: 1px solid #DCDCDC !important;border-radius: 10px;overflow: hidden;}
  48. .left-yuan{width: 5px;height: 5px;line-height: 5px;border-radius: 5px;display: inline-block;margin-bottom: 2px;}
  49. .left-status{font-size: 14px;padding-left: 3px; display: inline-block;text-align: center;vertical-align: middle;/* padding-top: 10px; */}
  50. .c-list .right-yuan{width:8px;height:13px;background-size:8px 13px;background: url(../images/tiaozhuan_lvse_icon.png) no-repeat;display: inline-block;}
  51. .c-list .right-content{color: #74BF00;font-size: 14px;padding-left: 3px; display: inline-block;text-decoration: underline;vertical-align: middle;}
  52. .add-icon{width: 50px; height: 50px;background: url(../images/xuanfu_btn.png) no-repeat center top; background-size: 50px;}
  53. #footer { position: absolute; z-index: 4; bottom: 45px;right: 15px;width: 71px;height: 48px;padding: 0;}
  54. .span-content{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;display:-moz-box;display:-webkit-box;font-size: 14px;overflow:hidden;-webkit-line-clamp: 2;max-height: 45px;-webkit-box-orient:vertical;color:#323232;word-break: break-all;}
  55. .div-time-item{width: calc(50% - 10px);margin: 0px 0px 0px 10px; display: inline-block;position: relative;}
  56. .div-fr-time-item{width: calc(50% - 10px);margin: 0px 0px 0px 10px; display: inline-block;float: right;position: relative;}
  57. .div-item-time{width: 70%;background: #DCDCDC;margin: 0px auto;font-size: 12px;text-align: center;line-height: 30px;color: #ffffff;vertical-align: middle;float: left;}
  58. .div-item-man{width: 25%;margin: 0px;font-size: 14px;text-align: center;line-height: 30px;vertical-align: middle;float: left;}
  59. .div-item-no-man{width: 70%;background: #FFFFFF;margin: 0px;font-size: 12px;text-align: center;line-height: 28px;color: #74BF00;border: 1px solid #74BF00;vertical-align: middle;float: left;}
  60. .vip-icon{width: 18px;height: 18px;background: url(../images/vip_icon.png) no-repeat;background-size: 18px 18px;display: block;position: absolute;top: 1px;left: 1px;}
  61. .vip-bg .div-item-no-man{color: #ff9526;border: #ff9526 solid 1px;}
  62. .div-hospital{width: calc(100% - 70px);-o-text-overflow: ellipsis;margin-top: 3px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  63. .div-dialog-content{
  64. display: none;
  65. width: 250px;
  66. height: 250px;
  67. background: url(../images/tuoyuan.png) no-repeat center top;
  68. background-size: 250px;
  69. position: absolute;
  70. z-index: 4;
  71. left: 50%;
  72. top: 50%;
  73. margin-left: -125px;
  74. margin-top: -125px;
  75. }
  76. .mianyi-icon{
  77. width: 55px;
  78. height: 55px;
  79. background: url(../images/mianyiyuyue_xuanfu_icon.png) no-repeat center top;
  80. background-size: 55px;
  81. position: absolute;
  82. z-index: 4;
  83. top: 67%;
  84. margin-top: -80px;
  85. left: 8px;
  86. }
  87. .f-vam{
  88. vertical-align: middle;
  89. }
  90. .f-ib{
  91. display: inline-block;
  92. }
  93. .f-mr10{
  94. margin-right: 10px;
  95. }
  96. .putong-icon{
  97. width: 55px;
  98. height: 55px;
  99. background: url(../images/zaiciyuyue_xuanfu_icon.png) no-repeat center top;
  100. background-size: 55px;
  101. position: absolute;
  102. z-index: 4;
  103. top: 67%;
  104. margin-top: -80px;
  105. right: -2px;
  106. }
  107. .quxiao{
  108. width: 55px;
  109. height: 55px;
  110. background: url(../images/quxiao_btn.png) no-repeat center top;
  111. background-size: 55px;
  112. position: absolute;
  113. z-index: 4;
  114. left: 50%;
  115. top: 50%;
  116. margin-left: -27px;
  117. margin-top: 60px;
  118. }