health-edu.css 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. body{ background:#fff;}
  2. .phone-part{ width:400px; border-left:1px dashed #e1e1e1; padding:30px 5px; margin-bottom:-100000px; padding-bottom:100000px;}
  3. .phone{ width:322px; height:570px; background:url(../images/health-edu/phone.png) no-repeat; padding:80px 19px 80px 20px; margin-left:auto; margin-right:auto;}
  4. .phone-wrap {width: 100%;height: 100%;position: relative;overflow: hidden;}
  5. .phone-tit {position:relative;height: 40px;line-height: 40px;text-align: center;background-color: #262527;color: #fff;}
  6. .phone-tit a {display: inline-block;width: 50px;height: 40px;color: #fff;}
  7. .phone-tit .btn-return {position: absolute;top: 0;left: 0;}
  8. .phone-tit .btn-more {position: absolute;top: 0;right: 0;}
  9. .phone-tit h1 {font-size: 14px;padding: 0 50px;line-height: 40px;}
  10. .phone-main {overflow: auto;}
  11. .main-part{ overflow:hidden; margin-bottom:-100000px; padding-bottom:100000px;}
  12. .bgc-ec6941 {background-color: #ec6941;}
  13. .c-4db2ee {color: #4db2ee;}
  14. .c-ec514f {color: #ec514f;}
  15. .c-0090ff {color: #0090ff;}
  16. .c-f08867 {color: #f08867;}
  17. .c-f40 {font-size: 40px;}
  18. .icon {display: inline-block;background: url(../images/health-edu/icon.png) no-repeat;vertical-align: middle;}
  19. .icon-close {width: 23px;height: 23px;background-position: 0 0;}
  20. .btn-w60 {width:60px;}
  21. .btn-w90 {width:90px;}
  22. .height-100 {height: 100%;}
  23. .border-box {box-sizing: border-box;}
  24. .error {color: #ec514f;font-size: 14px;padding-left: 5px;}
  25. /*上传按钮*/
  26. .fileinput-button {position: relative; overflow: hidden; display: inline-block;}
  27. .fileinput-button i {line-height: 71px;}
  28. .fileinput-button input {height:100%; position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; /*font-size: 200px;*/ direction: ltr; cursor: pointer;}
  29. .fileupload-progress {width:300px;}
  30. .fileupload-progress-bg {height:5px; border-radius:2px; background-color:#f1f1f1;}
  31. .fileupload-progress-bar {height:5px; border-radius:2px; top:0; left:0; background-color:#40d0a7;}
  32. .fileupload-img-del {right:-8px; top:-12px; color:#333;}
  33. .fileupload-list ul {margin-left:-20px;}
  34. .fileupload-list li {float:left; display:inline; margin-left:20px;}
  35. /* Fixes for IE < 8 */
  36. @media screen\9 {
  37. .fileinput-button input {
  38. filter: alpha(opacity=0);
  39. font-size: 100%;
  40. height: 100%;
  41. }
  42. }
  43. .aui_content .fileinput-button input {_height: 32px;}
  44. .btn-file{position:relative;display:inline-block;color:#d4d4d4;background:#F8F8F8;border:1px dashed #d4d4d4;text-align:center;vertical-align:middle; cursor: pointer;}
  45. .btn-file-3{width:78px;height:78px;line-height:78px;}
  46. /*二维码管理*/
  47. .control-tip {display: inline-block;padding-left: 5px;color: #ec514f;font-size: 12px;vertical-align: bottom;}
  48. .position-t {position: absolute;top: 0;left: 0;}
  49. .position-b {position: absolute;bottom: 0;left: 0;}
  50. .upload-img {position: relative;display: inline-block;vertical-align: middle;}
  51. .upload-img img {width: 78px;height: 78px;}
  52. .upload-img .icon-close {position: absolute;top: -12px;right: -12px;cursor: pointer;}
  53. /*添加编辑文章*/
  54. .article {padding: 10px;}
  55. .article h2 {margin-bottom: 10px;font-size: 16px;}
  56. .article p {font-size: 14px;margin-bottom: 10px;}
  57. .article img {margin-bottom: 10px;}
  58. /*分类管理*/
  59. .w680 {width: 680px;}
  60. .custom-table {border: 1px solid #e1e1e1;}
  61. .custom-table li {display: -webkit-box;display: box;-webkit-box-pack: center;box-pack: center;text-align: center;border-top: 1px solid #e1e1e1;min-height: 46px;font-size: 16px;}
  62. .custom-table li:first-child {border-top: none;}
  63. .custom-table .table-key,.custom-table .table-info {display: -webkit-box;display: box;-webkit-box-orient: vertical;box-orient: vertical;-webkit-box-pack: center;box-pack: center;-webkit-box-flex: 1;box-flex: 1;width: 50%;}
  64. .custom-table .table-key {border-right: 1px solid #e1e1e1;}
  65. .custom-table .table-th {background-color: #f4f5f6;color: #999;}
  66. .tag {position: relative;display: inline-block;background-color: #f5f5f5;border:1px solid #f5f5f5;font-size: 14px;color: #666;text-align: center;height: 28px;line-height: 28px;min-width: 88px;padding: 0 10px;}
  67. .cus-input {width: 110px;border: 1px solid #e1e1e1;height: 30px;line-height: 30px;padding: 5px;box-sizing: border-box;font-size: 14px;}
  68. .btn-save {position: absolute;padding: 0 14px;height: 30px;line-height: 30px !important;border: none;display: none;}
  69. .custom-table .item {border-top: 1px solid #e1e1e1;padding: 10px 0;}
  70. .custom-table .item:first-child {border-top: none;}
  71. .custom-table .item .tag-edit {display: none;}
  72. .openedit .item .tag {display: none;}
  73. .openedit .item .tag-edit {display: inline-block;position: relative;width: 110px;}
  74. .icon-tagclose {width: 16px;height: 16px; background-position: 0 -50px;position: absolute;right: -1px;top: 0;cursor: pointer;}
  75. .openedit .tag-edit input {width:100%;height: 30px;line-height: 30px;padding: 5px;border: 1px solid #e1e1e1;box-sizing: border-box;font-size: 14px;}
  76. /*文章管理*/
  77. .tags-list {}
  78. .tags-list li {position: relative;margin-bottom: 25px;font-size: 0;min-height: 35px;}
  79. .tags-list .tit {position: absolute;top: 0;left: 0;}
  80. .tags-list h3 {display: inline-block;font-size: 16px;font-weight: normal;border-left: 3px solid #4db2ee;padding-left: 5px;width: 102px;line-height: 1;}
  81. .tags-list .con {padding-left: 200px;}
  82. .tag-hollow {border: 1px solid #e1e1e1;background: none;}
  83. .tags-list .tag-hollow {border-radius: 2px;font-size: 12px;cursor: pointer;}
  84. .tag-all {min-width: 28px;}
  85. .tags-list .tag {margin: 0 5px 15px;}
  86. .tag.curr {border-color: #4db2ee;color: #4db2ee;}
  87. .tag.curr:after {content: '';width: 16px;height: 16px; background: url(../images/health-edu/icon.png) 0 -30px no-repeat;position: absolute;right: -1px;bottom: -1px;}
  88. .get-more {border-bottom: 1px solid #e1e1e1;text-align: center;height: 1px;margin-top: 10px;}
  89. .get-more a {display: inline-block;color: #4db2ee;font-size: 14px;background-color: #fff;padding:5px;position: relative;top: -15px;}
  90. .tag.c-hide {display: none;}
  91. /*文章管理-医生*/
  92. .tag-small .tag-hollow {min-width: 50px;}
  93. .tag-small .tag-all {min-width: 28px;}
  94. .tab-hd {height: 32px;line-height: 32px;font-size: 0;}
  95. .tab-hd li {display: inline-block;font-size: 12px;color: #666;padding: 0 30px;border: 1px solid #e1e1e1;border-left: none;cursor: pointer;}
  96. .tab-hd li:first-child {border-left: 1px solid #e1e1e1;}
  97. .tab-hd li.curr {color: #fff;border-color: #4db2ee;background-color: #4db2ee;}
  98. .tab-bd .tab-item {display: none;}
  99. .tab-bd .tab-item.curr {display: block;}
  100. /*文章认证弹窗*/
  101. .overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);z-index: 99;}
  102. .pop-wrap {position: fixed;top: 50px;background-color: #fff;z-index: 100;}
  103. .pop-hd {padding: 15px;font-size: 14px;border-bottom: 1px solid #e1e1e1;position: relative;}
  104. .pop-bd {overflow: auto;}
  105. .identPop {width: 990px;left: 50%;bottom:50px;margin-left: -495px;}
  106. .pop-close {display: inline-block;width: 55px;height: 55px;text-align: center;line-height: 55px;position: absolute;right: 0;top: 0;color: #666;}
  107. .c-t-center .cus-sel-list {text-align: left;}
  108. /*署名管理*/
  109. .ptb12 {padding-top: 12px;padding-bottom: 12px;}
  110. .c-list > li, .c-list > .c-list-div {position: relative;display: -webkit-box;display: box;-webkit-box-pack: center;box-pack: center;padding-right: 0.75rem;margin-left: 0.75rem;border-top: 1px solid #f1f1f1;line-height:1rem;}
  111. .c-list > li:first-child, .c-list > .c-list-div:first-child { border-top: none; }
  112. .c-list > .c-list-cover, .c-list > .c-list-link:active { padding-left: 0.75rem; margin-left: 0; }
  113. .c-list > .c-list-link:active { background: #f7f7f7;}
  114. .c-list-a{display: -webkit-box; display: box; width:100%; color:#333;}
  115. .c-list-title, .c-list-key, .c-list-info { display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; box-pack: center; }
  116. .c-list-title{ -webkit-box-pack: start; box-pack: start;}
  117. .c-list-info { -webkit-box-flex: 1; box-flex: 1; }
  118. .c-list > .c-list-fun, .c-list > .c-list-label{ border-top: none; padding-right: 0; }
  119. .c-list > li:first-child, .c-list > .c-list-fun:first-child .c-list-info, .c-list > .c-list-fun:first-child .c-list-key, .c-list > .c-list-fun:first-child .c-list-title, .c-list-div:first-child { border: none; }
  120. .c-list > .list-arrow-r, .c-list > .list-arrow-u, .c-list > .list-arrow-d { padding-right: 1.5rem; }
  121. .c-list > .list-arrow-r:after, .c-list > .list-arrow-u:after, .c-list > .list-arrow-d:after { position: absolute; top: 50%; right: 0.75rem; margin-top: -0.25rem; content: ""; display: block; width: 0.4rem; height: 0.4rem; border: solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  122. .c-list > .list-arrow-u:after { right: 0.65rem; margin-top: -0.1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  123. .c-list > .list-arrow-d:after { right: 0.65rem; margin-top: -0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  124. .c-list-info.c-border-t, .c-list-key.c-border-t, .c-list-title.c-border-t { border-color: #f1f1f1; }
  125. .c-avatar-m { width: 2rem; height: 2rem; }
  126. .c-avatar-s img, .c-avatar-m img, .c-avatar-l img { width: 100%; height: 100%; }