index.css 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .lin-down-arrow{
  2. position: relative;
  3. top: 3px;
  4. left: 5px;
  5. height: 10px;
  6. width: 10px;
  7. background: url(../images/zhangkai_icon.png) no-repeat;
  8. background-size: 100%;
  9. display: inline-block;
  10. }
  11. .header-link2{position: absolute; top:0; right: 46px;}
  12. .header-link2 a{
  13. padding: 5px 7px;
  14. background-color: #fff;
  15. color: #17b3ec;
  16. border-radius: 50%;
  17. font-weight: bold;
  18. font-size: 14px;
  19. }
  20. .header-link img{vertical-align: middle;}
  21. .day span{display: inline-block;width: 29px;height: 29px;}
  22. .day span.active{
  23. background-color: #17b3ec;
  24. color: #fff;
  25. border-radius: 50%;
  26. }
  27. .c-list{background-color:#f2f4f6}
  28. .c-list > li{margin-left: 0;border-top: 1px solid #e1e1e1;}
  29. .plan_li{
  30. border-radius: 10px;
  31. margin-top: 10px;
  32. }
  33. .c-avatar-m{width: 50px; height: 50px;}
  34. .c-list > .list-arrow-r:after, .c-list > .list-arrow-u:after, .c-list > .list-arrow-d:after{right: 15px;}
  35. .c-list > li:first-child, .c-list > .c-list-div:first-child{border-top: 1px solid #e1e1e1;}
  36. .mask{position: absolute; width:100%; height: 100%; top:0; left:0;background: rgba(0,0,0,0.5); z-index:2; display: none;}
  37. .mask ul{position:fixed; bottom: 10px; left:0;width: -webkit-calc(100% - 30px);width: -moz-calc(100%-30px); width: calc(100%-30px);}
  38. .mask ul .li1{border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: 1px solid #e1e1e1;}
  39. .mask ul .li2{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
  40. .mask ul .li3{border-radius: 5px;}
  41. .mui-table-view{background: none;}
  42. .mui-table-view-cell{padding:0; background-color: #fff; margin-top: 10px;}
  43. .mui-table-view-cell1{padding: 11px 15px; margin-top:0;}
  44. .mui-table-view-cell:first-child{margin-top: 0;}
  45. .mui-table-view-cell>a:not(.mui-btn){margin:0; padding:5px 10px;}
  46. .mui-table-view-cell:after{left:0;}
  47. .mui-table-view-cell:before{
  48. position: absolute;
  49. left: 0;
  50. right: 0;
  51. top: 0;
  52. height: 1px;
  53. content: '';
  54. -webkit-transform: scaleY(.5);
  55. transform: scaleY(.5);
  56. background-color: #c8c7cc;
  57. }
  58. .mui-table-view-cell.mui-collapse.mui-active{
  59. margin-top: 10px;
  60. }
  61. .mui-table-view-cell.mui-collapse .mui-collapse-content{margin:0; padding:0;}
  62. .c-e83434{color: #e83434;}
  63. .add_icon{
  64. position: absolute;
  65. top: 50%;
  66. right: 15px;
  67. width: 45px;
  68. height: 28px;
  69. margin-top: -14px;
  70. border-radius: 14px;
  71. text-align: center;
  72. background-color: #17b3ec;
  73. z-index:2;
  74. }
  75. .num_icon{
  76. position: absolute;
  77. width: 25px;
  78. height: 25px;
  79. top: 50%;
  80. right: 35px;
  81. background-color: #17b3ec;
  82. border-radius: 50%;
  83. margin-top: -9px;
  84. font-size: 16px;
  85. text-align: center;
  86. }
  87. .mui-content{background: none;}
  88. .in-list{display: inline-block;background-color: #17B3EC;color: #fff;font-size: 14px;padding: 1px 3px;border-radius: 11px;}