doctorWho.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. @charset "UTF-8";
  2. #content{
  3. background: #fff;
  4. }
  5. .dept-title{
  6. background: #fff;
  7. display: flex;
  8. justify-content: space-between;
  9. padding: 10px;
  10. border-bottom: 1px #ebebeb solid;
  11. margin-bottom: 10px;
  12. }
  13. .dept-title .dept-text-left{
  14. float: left;
  15. font-size: .7rem;
  16. }
  17. .dept-title .dept-text-right{
  18. float: right;
  19. color: #00a8a8;
  20. }
  21. .dept-favorite{
  22. float: right;
  23. margin-right: 10px;
  24. }
  25. .dept-favorite button{
  26. color: #00a8a8;padding: 0 10px;background: #fff;border: 1px #00a8a8 solid;
  27. }
  28. .doctor{
  29. width: 40%;
  30. margin: 0 auto;
  31. text-align: center;
  32. }
  33. .doctor img{
  34. width: 100%;
  35. border-radius: 100%;
  36. margin-bottom: 5px;
  37. }
  38. .doctor .title{
  39. color: #a9a9a9;
  40. }
  41. .context{
  42. padding: 10px;
  43. }
  44. .context p{
  45. margin-bottom: 5px;
  46. }
  47. .fixedbox{
  48. position: fixed;
  49. width: 100%;
  50. bottom: 0;
  51. }
  52. .fixedbox button{
  53. width: 100%;
  54. background: #00a8a8;
  55. border-radius: 0;
  56. color: #fff;
  57. }
  58. .fixedbox button[disabled]{
  59. width: 100%;
  60. background: #A9A9A9;
  61. border-radius: 0;
  62. color: #fff;
  63. }
  64. .lists{
  65. display: none;
  66. }
  67. .lists.active{
  68. display: block;
  69. }
  70. .lists .wrap{
  71. background: rgba(0, 0, 0, .6);
  72. width: 100%;
  73. height: 100%;
  74. position: absolute;
  75. top: 0;
  76. }
  77. .lists .subscribeList{
  78. position: fixed;
  79. width: 100%;
  80. bottom: 0;
  81. max-height: 80%;
  82. overflow: auto;
  83. }
  84. .close{
  85. font-size: 2rem;
  86. color: #00a8a8;
  87. }