홈 탐색 도움말
가입하기 로그인
Amoy2
/
sr-iHealthApp
Watch 2
Star 0
포크 0
파일
브렌치: master
브랜치 태그
sr-iHealthApp
/
common
/
cross
/
css
/
ui.all.css

ui.all.css 33 KB
고유링크 히스토리 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298 
  1. @charset "utf-8";
    2. 

  2. /* css auxili
    3. 

  3. -----------------------------------------------------------------------------*/
    4. 

  4. .c-reddot { position: relative; display: inline-block; padding: 0 .25rem; }
    5. 

  5. .c-reddot:after { content: ''; position: absolute; display: block; width: .4rem; height: .4rem; background-color: #f76249; border-radius: 5px; right: -3px; top: -3px; -webkit-background-clip: padding-box; background-clip: adding-box; }
    6. 

  6. .c-get-more a { display: block; text-align: center; line-height: 1.75rem;}
    7. 

  7. /* buttons
    8. 

  8. -----------------------------------------------------------------------------*/
    9. 

  9. .c-btn , .c-btn-full , .c-btn-large , .c-btn-big , .c-btn-small , .c-btn-tiny , .c-btn-screenful , .c-btn-icon , .c-btn-label , .c-btn-label-l , .c-btn-label-r {display:inline-block; zoom:1; *display:inline; vertical-align:baseline; outline:none; cursor:pointer; border:0; background:none; text-align:center; text-decoration:none; padding:12px 34px; color:#fff; position:relative; font: 14px/1 \5FAE\8F6F\96C5\9ED1,tahoma,arial,\5b8b\4f53; line-height:normal !important;}
    10. 

  10. .c-btn:hover , .c-btn:active {text-decoration:none;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
    11. 

  11. .c-btn-full {width:100%; height:100%; vertical-align:middle;}
    12. 

  12. .c-btn-large {padding:14px 40px; font-size:18px;}
    13. 

  13. .c-btn-big {padding:10px 40px; font-size:16px;}
    14. 

  14. .c-btn-small {padding:10px 18px; font-size:12px;}
    15. 

  15. .c-btn-tiny {padding:6px 10px; font-size:12px;}
    16. 

  16. .c-btn-disable {cursor:default; background:#ccc; border:0; color:#fff;}
    17. 

  17. .c-btn-disable:hover,.c-btn-disable:active {background-color:#ccc; top:0;}
    18. 

  18. .c-btn-screenful , .c-btn-label-l , .c-btn-label-r {width:100%; height:100%; display:table; padding:0; font-size:inherit;}
    19. 

  19. .c-btn-screenful .c-btn-span , .c-btn-label-l .c-btn-span , .c-btn-label-r .c-btn-span{display:table-cell; vertical-align:middle;}
    20. 

  20. .c-btn-icon .iconfont , .c-btn-icon .icon{margin-right:7px;}
    21. 

  21. .c-btn.c-btn-arc , .c-btn-full.c-btn-arc , .c-btn-large.c-btn-arc , .c-btn-big.c-btn-arc , .c-btn-small.c-btn-arc , .c-btn-tiny.c-btn-arc , .c-btn-screenful.c-btn-arc , .c-btn-icon.c-btn-arc , .c-btn-label.c-btn-arc , .c-btn-label-l.c-btn-arc  , .c-btn-label-r.c-btn-arc {border-radius:1000px;}
    22. 

  22. .c-btn.c-btn-radius , .c-btn-full.c-btn-radius , .c-btn-large.c-btn-radius , .c-btn-big.c-btn-radius , .c-btn-small.c-btn-radius , .c-btn-tiny.c-btn-radius , .c-btn-screenful.c-btn-radius , .c-btn-icon.c-btn-radius , .c-btn-label.c-btn-radius , .c-btn-label-l.c-btn-radius  , .c-btn-label-r.c-btn-radius {border-radius:6px;}
    23. 

  23. .c-btn.c-btn-rounded , .c-btn-full.c-btn-rounded , .c-btn-large.c-btn-rounded , .c-btn-big.c-btn-rounded , .c-btn-small.c-btn-rounded , .c-btn-tiny.c-btn-rounded , .c-btn-screenful.c-btn-rounded , .c-btn-icon.c-btn-rounded , .c-btn-label.c-btn-rounded , .c-btn-label-l.c-btn-rounded  , .c-btn-label-r.c-btn-rounded{border-radius:2px;}
    24. 

  24. .c-btn-label {position:relative}
    25. 

  25. .c-btn-label-l i.iconfont , .c-btn-label-r i.iconfont , .c-btn-label-l i.icon , .c-btn-label-r i.icon {padding:0 6px; display:inline-block; position:absolute; top:0; height:100%; line-height:200%; background:rgba(0,0,0,.04)}
    26. 

  26. .c-btn-label-l i.iconfont , .c-btn-label-l i.icon {left:0;}
    27. 

  27. .c-btn-label-r i.iconfont , .c-btn-label-r i.icon {right:0;}
    28. 

  28. .c-btn-label:hover i.iconfont , .c-btn-label-l:hover i.iconfont , .c-btn-label-r:hover i.iconfont {background:rgba(0,0,0,.1);}
    29. 

  29. .c-btn-087eff { background-color: #087eff; }
    30. 

  30. .c-btn-087eff:hover { background-color: #0771e5; }
    31. 

  31. .c-btn-588cd5 { background-color: #588cd5; }
    32. 

  32. .c-btn-588cd5:hover { background-color: #4680d0; }
    33. 

  33. .c-btn-37a6ec { background-color: #37a6ec; }
    34. 

  34. .c-btn-37a6ec:hover { background-color: #3195d4; }
    35. 

  35. .c-btn-4dcd70 { background-color: #4dcd70; }
    36. 

  36. .c-btn-4dcd70:hover { background-color: #45b865; }
    37. 

  37. .c-btn-4db944 { background-color: #4db944; }
    38. 

  38. .c-btn-4db944:hover { background-color: #45a63d; }
    39. 

  39. .c-btn-309765 { background-color: #309765; }
    40. 

  40. .c-btn-309765:hover { background-color: #2b885b; }
    41. 

  41. .c-btn-ff9600 { background-color: #ff9600; }
    42. 

  42. .c-btn-ff9600:hover { background-color: #e58700; }
    43. 

  43. .c-btn-ff8100 { background-color: #ff8100; }
    44. 

  44. .c-btn-ff8100:hover { background-color: #e57400; }
    45. 

  45. .c-btn-fc6155 { background-color: #fc6155; }
    46. 

  46. .c-btn-fc6155:hover { background-color: #e2574c; }
    47. 

  47. .c-btn-ff3b2f { background-color: #ff3b2f; }
    48. 

  48. .c-btn-ff3b2f:hover { background-color: #e5352a; }
    49. 

  49. .c-btn-f9f9f9 { background-color: #f9f9f9; color: #087eff; border: #c0c0bc 1px solid; }
    50. 

  50. .c-btn-f9f9f9:hover { background-color: #e0e0e0; }
    51. 

  51. .c-btn-ffffff { background-color: #ffffff; color: #4dcd70; border: #e1e1e1 1px solid; }
    52. 

  52. .c-btn-ffffff:hover { background-color: #e5e5e5; }
    53. 

  53. .c-btn-fff { background-color: #ffffff; color: #999999; border: #e1e1e1 1px solid; }
    54. 

  54. .c-btn-fff:hover { background-color: #e5e5e5; }
    55. 

  55. .c-btn-ff3 { background-color: #ffffff; color: #ff3b2d; border: #e1e1e1 1px solid; }
    56. 

  56. .c-btn-ff3:hover { background-color: #e5e5e5; }
    57. 

  57. /* css c-badge
    58. 

  58. -----------------------------------------------------------------------------*/
    59. 

  59. .c-badge {display:inline-block; min-width:19px; height:19px; line-height:19px; text-align:center; color:#fff; vertical-align:baseline; white-space:nowrap; background-color:#999; padding:0 6px; text-align:center; border-radius:10px;}
    60. 

  60. .c-badge-orange {background-color:#f47b1c;}
    61. 

  61. .c-badge-blue {background-color:#73bdec;}
    62. 

  62. .c-badge-red {background-color:#f03a3a;}
    63. 

  63. .c-badge-green {background-color:#4cd964;}
    64. 

  64. /* ui-form
    65. 

  65. -----------------------------------------------------------------------------*/
    66. 

  66. .input-group, .input-group *, .input-group-checkbox, .input-group-radio, .input-group-checkbox *, .input-group-radio * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    67. 

  67. .input-group { border-collapse: separate; display: table; position: relative; }
    68. 

  68. .input-group label { display: block; }
    69. 

  69. .input-group-addon { background-color: #fff; border: 1px solid #e1e1e1; border-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; color: #333; font-size: 14px; font-weight: 400; line-height: 1; padding: 10px; text-align: center; display: table-cell; vertical-align: middle; white-space: nowrap; width: 1%; }
    70. 

  70. .input-group-addon:first-child { border-right: 0; }
    71. 

  71. .input-group-addon .iconfont { color: #b4b4b4; font-size: 18px; }
    72. 

  72. .input-group-addon.focus .iconfont { color: #37a6ed; }
    73. 

  73. .input-group-btn { position: absolute; right: 5px; top: 7px; }
    74. 

  74. .input-group-btn .c-btn { padding: 5px; border: #ddd 1px solid; }
    75. 

  75. .input-group .form-control, .input-group .form-select, .input-group .form-textarea { -webkit-appearance: none; appearance: none; background-color: #fff; background-image: none; border: 1px solid #e1e1e1; border-radius: 5px; color: #333; display: block; font-size: 14px; height: 45px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; outline: 0; }
    76. 

  76. .input-group .form-select-arrow { display: block; width: 10px; height: 10px; border: solid #ccc; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 15px; right: 15px; }
    77. 

  77. .input-group .form-control {padding-right:30px;}
    78. 

  78. .input-group.input-border .form-control, .input-group.input-border .form-select, .input-group.input-border .form-textarea { border-radius: 0px; border-right: 0; font-size: 15px; height: 45px; line-height: 1.52857; }
    79. 

  79. .input-group .form-control:focus, .input-group .form-select:focus, .input-group .form-textarea:focus { color: #333; }
    80. 

  80. .input-group .form-control::-webkit-input-placeholder, .input-group .form-textarea::-webkit-input-placeholder {color: #bfbfbf;}
    81. 

  81. .input-group .form-control:-moz-placeholder, .input-group .form-textarea:-moz-placeholder {color: #bfbfbf;}
    82. 

  82. .input-group .form-control::-moz-placeholder, .input-group .form-textarea::-moz-placeholder {color: #bfbfbf;}
    83. 

  83. .input-group .form-control:-ms-input-placeholder, .input-group .form-textarea:-ms-input-placeholder {color: #bfbfbf;}
    84. 

  84. .input-group .form-textarea { height: auto; resize: none; margin: 0; }
    85. 

  85. .input-group .form-control:nth-child(2), .input-group .form-textarea:nth-child(2) { border-bottom-left-radius: 0; border-top-left-radius: 0; border-left: 0; padding-left: 0; }
    86. 

  86. .input-group .form-control, .input-group label .form-control, .input-group label .form-select, .input-group label .form-textarea { border-radius: 4px; padding-left: 12px; border-left: 1px #e1e1e1 solid; }
    87. 

  87. .input-group .input-group-addon + .form-control, .input-group .input-group-addon + .form-select { border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding-left: 0px; border-left: 0px; }
    88. 

  88. .input-group-text { font-size: 14px; color: #555; }
    89. 

  89. .input-merge .input-group .input-group-addon, .input-group.input-border .input-group-addon { border-bottom-left-radius: 0; border-top-left-radius: 0; }
    90. 

  90. .input-group.input-border .input-group-addon { border-left: 0; font-size: 15px; color: #333; padding: 10px 20px; }
    91. 

  91. .input-merge .input-group .form-control, .input-merge .input-group .form-select, .input-merge .input-group .form-textarea { border-bottom-right-radius: 0; border-top-right-radius: 0; }
    92. 

  92. .input-merge .input-group:first-child .input-group-addon { border-top-left-radius: 4px; }
    93. 

  93. .input-merge .input-group:first-child .form-control, .input-merge .input-group:first-child .form-select, .input-merge .input-group:first-child .form-textarea { border-top-right-radius: 4px; }
    94. 

  94. .input-merge .input-group:last-child .form-control, .input-merge .input-group:last-child .form-select, .input-merge .input-group:last-child .form-textarea { border-bottom-right-radius: 4px; }
    95. 

  95. .input-merge .input-group:last-child .input-group-addon { border-bottom-left-radius: 4px; }
    96. 

  96. .input-merge .input-group.input-border .input-group-addon, .input-merge .input-group.input-border .form-control, .input-merge .input-group.input-border .form-select, .input-merge .input-group.input-border .form-textarea, .input-merge .input-group.input-border .form-control, .input-merge .input-group.input-border .form-select, .input-merge .input-group.input-border .form-textarea, .input-merge .input-group.input-border .input-group-addon { border-radius: 0px; }
    97. 

  97. .input-merge .input-group.input-border { padding-left: 20px; }
    98. 

  98. .input-merge .input-group.input-border .input-group-addon { padding-left: 0 }
    99. 

  99. .input-merge .input-group .input-group-addon, .input-merge .input-group .form-control, .input-merge .input-group .form-select, .input-merge .input-group .form-textarea { border-bottom: 0; }
    100. 

  100. .input-merge .input-group:last-child .input-group-addon, .input-merge .input-group:last-child .form-control, .input-merge .input-group:last-child .form-select, .input-merge .input-group:last-child .form-textarea { border-bottom: 1px solid #e1e1e1; }
    101. 

  101. .input-merge.input-merge-border .input-group:first-child .input-group-addon, .input-merge.input-merge-border .input-group:first-child .form-control, .input-merge.input-merge-border .input-group:first-child .form-select, .input-merge.input-merge-border .input-group:first-child .form-textarea { border-top: 0; }
    102. 

  102. .input-merge.input-merge-border .input-group:last-child .input-group-addon, .input-merge.input-merge-border .input-group:last-child .form-control, .input-merge.input-merge-border .input-group:last-child .form-select, .input-merge.input-merge-border .input-group:last-child .form-textarea { border-bottom: 0; }
    103. 

  103. .input-merge.input-merge-border { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #fff; }
    104. 

  104. .input-group-addon-disabled, .form-control[disabled], .form-control:disabled, .form-textarea[disabled], .form-textarea:disabled, .form-textarea[disabled], .form-textarea:disabled, .form-select[disabled], .form-select:disabled { background-color: #f9f9f9; opacity: 1; -webkit-opacity: 1;}
    105. 

  105. .input-group .form-input { height: 45px; border-top: 1px solid #e1e1e1; position: relative; padding: 7px 0; }
    106. 

  106. .input-group .form-input-text { color: #909090; font-size: 15px; }
    107. 

  107. .input-group .form-select-box { display: inline-block; position: relative; margin-right: 10px; }
    108. 

  108. .input-group .form-select-box .form-select { width: 100%; }
    109. 

  109. .input-group .form-select-box .form-select-arrow { top: 7px; right: 12px }
    110. 

  110. .input-group .form-text-box { -webkit-box-flex: 1; box-flex: 1; border-right: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; padding: 9px 0px; line-height: 1.88; font-size: 14px;}
    111. 

  111. .input-group.input-border .form-text-box {border-right: 0;}
    112. 

  112. .input-group.input-border .form-input .form-control, .input-group.input-border .form-input .form-select { height: 31px; border: #e1e1e1 1px solid !important; border-radius: 2px; display: inline-block; vertical-align: baseline; line-height: 1.2; }
    113. 

  113. .input-group .input-clear { position: absolute; right: 8px; top: 8px; background: #ccc; border-radius: 50%; width: 26px; height: 26px; text-align: center; }
    114. 

  114. .input-group .input-clear .close { position: relative; display: inline-block; width: 15px; height: 15px; overflow: hidden; top: 6px; }
    115. 

  115. .input-group .input-clear .close::before, .input-group .input-clear .close::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0px; margin-top: -1px; background: #fff; border-radius: 6px; }
    116. 

  116. .input-group .input-clear .close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    117. 

  117. .input-group .input-clear .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    118. 

  118. .input-group-checkbox, .input-group-radio { display: inline-block; position: relative; font-size: 14px; color: #909090; }
    119. 

  119. .input-group-checkbox input[type="checkbox"], .input-group-radio input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
    120. 

  120. .input-group-checkbox .input-group-pack, .input-group-radio .input-group-pack { width: 20px; height: 20px; background-color: #ffffff; border: 1px #d3d3d3 solid; padding: 0; margin: 0 5px 0 0; position: relative; display: inline-block; vertical-align: middle; border-radius: 5px; overflow: hidden; top: -2px; }
    121. 

  121. .input-group-radio .input-group-pack { border-radius: 50%; }
    122. 

  122. .input-group-checkbox .input-group-pack.input-group-pack-disabled, .input-group-radio .input-group-pack.input-group-pack-disabled { background-color: #f0f0f0; }
    123. 

  123. .input-group-checkbox .input-group-pack .tick { display: block; width: 12px; height: 2px; background: #4dcd70; margin: 8px 0 0 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: 50px; }
    124. 

  124. .input-group-checkbox .input-group-pack .tick:after { content: ''; width: 8px; height: 2px; background: #4dcd70; position: absolute; top: -3px; left: -5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
    125. 

  125. .input-group-radio .input-group-pack .disc { display: block; content: "" !important; width: 0px; height: 0px; border-radius: 50%; background-color: #4dcd70; margin: 4px; }
    126. 

  126. .input-group-checkbox input[type="checkbox"]:checked ~ .tick, .input-group-checkbox .input-group-pack.checked .tick { top: 0px; }
    127. 

  127. .input-group-radio input[type="radio"]:checked ~ .disc, .input-group-radio .input-group-pack.checked .disc { width: 10px; height: 10px; }
    128. 

  128. .input-group-switch { position: relative; font-size: 16px; width: 52px; height: 32px; line-height: 1em; }
    129. 

  129. .input-group-switch input { width: 52px; height: 32px; position: absolute; z-index: 10; border: none; background: none; -webkit-appearance: none; outline: none; }
    130. 

  130. .input-group-switch input:before { content: ''; width: 50px; height: 30px; border: 1px solid #e5e5e5; background-color: #fff; border-radius: 20px; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; -webkit-user-select: none; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box; border-color: #dfdfdf; -webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset; box-shadow: #dfdfdf 0px 0px 0px 0px inset; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s; transition: border 0.4s, box-shadow 0.4s; -webkit-background-clip: content-box; background-clip: content-box; }
    131. 

  131. .input-group-switch input:checked:before { border-color: #4cd964; -webkit-box-shadow: #4cd964 0px 0px 0px 16px inset; box-shadow: #4cd964 0px 0px 0px 16px inset; background-color: #4cd964; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s; background-color: #4cd964; }
    132. 

  132. .input-group-switch input:checked:after { left: 21px; }
    133. 

  133. .input-group-switch input:after { content: ''; width: 30px; height: 30px; position: absolute; top: 1px; left: 0; border-radius: 100%; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-transition: left 0.2s; transition: left 0.2s; }
    134. 

  134. .input-group-switch input.thread:before { content: ''; width: 50px; height: 3px; border: 1px solid #e5e5e5; background-color: #e5e7ea; border-radius: 20px; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; -webkit-user-select: none; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box; border-color: #dfdfdf; -webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset; box-shadow: #dfdfdf 0px 0px 0px 0px inset; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s; transition: border 0.4s, box-shadow 0.4s; -webkit-background-clip: content-box; background-clip: content-box; }
    135. 

  135. .input-group-switch input.thread:checked:before { border-color: #4cd964; -webkit-box-shadow: #4cd964 0px 0px 0px 16px inset; box-shadow: #4cd964 0px 0px 0px 16px inset; background-color: #4cd964; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s; background-color: #4cd964; }
    136. 

  136. .input-group-switch input.thread:checked:after { left: 33px; }
    137. 

  137. .input-group-switch input.thread:after { content: ''; width: 20px; height: 20px; position: absolute; top: 1px; left: 0; border-radius: 100%; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-transition: left 0.2s; transition: left 0.2s; }
    138. 

  138. /* c-list
    139. 

  139. -----------------------------------------------------------------------------*/
    140. 

  140. .ptb12 { padding-top: .6rem; padding-bottom: .6rem; }
    141. 

  141. .c-list-group h3 { padding: .3rem .75rem; background-color: #f9f9f9; font-size: .65rem; color: #5b5b5b; margin: 0; vertical-align: middle; }
    142. 

  142. .c-avatar-s { width: 1.3rem; height: 1.3rem; }
    143. 

  143. .c-avatar-m { width: 2rem; height: 2rem; }
    144. 

  144. .c-avatar-l { width: 2.7rem; height: 2.7rem; }
    145. 

  145. .c-avatar-s img,  .c-avatar-m img,  .c-avatar-l img { width: 100%; height: 100%; }
    146. 

  146. 

  147. .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; }
    148. 

  148. .c-list > li:first-child,  .c-list > .c-list-div:first-child { border-top: none; }
    149. 

  149. .c-list > .c-list-cover, .c-list > .c-list-link:active { padding-left: 0.75rem; margin-left: 0; }
    150. 

  150. .c-list > .c-list-link:active {  background: #f7f7f7;}
    151. 

  151. .c-list-a{display: -webkit-box; display: box; width:100%; color:#333;}
    152. 

  152. .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;  }
    153. 

  153. .c-list-title{ -webkit-box-pack: start; box-pack: start;}
    154. 

  154. .c-list-info { -webkit-box-flex: 1; box-flex: 1; }
    155. 

  155. .c-list > .c-list-fun, .c-list > .c-list-label{ border-top: none; padding-right: 0; }
    156. 

  156. .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; }
    157. 

  157. .c-list > .list-arrow-r,  .c-list > .list-arrow-u,  .c-list > .list-arrow-d { padding-right: 1.5rem; }
    158. 

  158. .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); }
    159. 

  159. .c-list > .list-arrow-u:after { right: 0.65rem; margin-top: -0.1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    160. 

  160. .c-list > .list-arrow-d:after { right: 0.65rem; margin-top: -0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
    161. 

  161. .c-list-info.c-border-t,  .c-list-key.c-border-t,  .c-list-title.c-border-t { border-color: #f1f1f1; }
    162. 

  162. .required { position: relative; }
    163. 

  163. .required:before { content: "*"; position: absolute; color: #f00; font-size: 0.7rem; height: 0.6rem; line-height: 0.6rem; vertical-align: middle; left: -0.4rem; top: 50%; margin-top: -0.25rem; }
    164. 

  164. .listform-text{ width:100%; height:1.5rem; line-height:normal;}
    165. 

  165. .listform-sel{ display:inline-block; width:100%; position:relative;}
    166. 

  166. .listform-sel:before{ position: absolute; top: 50%; right:0; margin-top: -0.35rem; content: ""; display: block; width: 0.4rem; height: 0.4rem; border: solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
    167. 

  167. .listform-sel-bor:before{ right:.5rem;}
    168. 

  168. .ptb8{ padding-top:.4rem; padding-bottom:.4rem;}
    169. 

  169. .listform-sel select{ width:100%; height:1.5rem; border:none;}
    170. 

  170. .listform-sel-bor select{ border:1px solid #e1e1e1; border-radius:4px; padding:0 .5rem;}
    171. 

  171. .listsel-two{ width:47%; margin-left:4%;}
    172. 

  172. .c-list-info .listsel-two:first-child{ margin-left:0;}
    173. 

  173. .listsel-three{ width:30%; margin-left:3%;}
    174. 

  174. .c-list-info .listsel-three:first-child{ margin-left:0;}
    175. 

  175. .listform-textarea{ display:block; width:100%; border:none; position:relative;}
    176. 

  176. .listform-sel-other{width:100%; height:1.5rem; border:1px solid #e1e1e1; border-radius:.2rem; padding:0 .5rem;}
    177. 

  177. /* css c-nomess
    178. 

  178. -----------------------------------------------------------------------------*/
    179. 

  179. .c-nomess { padding:2.5rem .75rem;}
    180. 

  180. .c-nomess .no-mess { position: relative; background: #dfdfdf; width: 90px; height: 90px; border-radius: 50%; margin: 0 auto 5px auto; }
    181. 

  181. .c-nomess .no-mess:after { position: absolute; content: ""; background: #fff; width: 45px; height: 45px; top: 23px; left: 23px; border-radius: 3px; }
    182. 

  182. .c-nomess .no-mess i { position: relative; display: inline-block; }
    183. 

  183. .c-nomess .no-mess-ico1 { width: 4px; height: 9px; background: #fff; border: 2px solid #dfdfdf; border-radius: 9px; top: 16px; left: 40px; z-index: 110; }
    184. 

  184. .c-nomess .no-mess-ico1:before, .no-mess-ico1:after { position: absolute; content: ""; width: 4px; height: 9px; background: #fff; border: 2px solid #dfdfdf; border-radius: 9px; top: -2px; left: -13px; z-index: 111; }
    185. 

  185. .c-nomess .no-mess-ico1:before { top: -2px; left: 10px; }
    186. 

  186. .c-nomess .no-mess-ico2 { width: 32px; height: 5px; background: #dfdfdf; border-radius: 9px; top: 28px; left: 19px; z-index: 120; }
    187. 

  187. .c-nomess .no-mess-ico2:before, .no-mess-ico2:after { position: absolute; content: ""; width: 23px; height: 5px; background: #dfdfdf; border-radius: 9px; top: 10px; left: 0px; z-index: 111; }
    188. 

  188. .c-nomess .no-mess-ico2:after { width: 18px; height: 5px; background: #dfdfdf; border-radius: 9px; top: 20px; left: 0px; z-index: 111; }
    189. 

  189. .c-nomess .no-mess-ico3 { width: 16px; height: 4px; background: #fff; border: 2px solid #dfdfdf; border-radius: 9px; top: 54px; left: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); z-index: 130; }
    190. 

  190. .c-nomess .no-mess-ico3:before { position: absolute; content: ""; width: 4px; height: 6px; background: #fff; border-radius: 9px 9px 0 0; border: 2px solid #dfdfdf; border-bottom: none; top: -8px; left: 4px; z-index: 131; }
    191. 

  191. .c-nomess .no-mess-ico3:after { position: absolute; content: ""; width: 4px; height: 6px; background: #fff; border-radius: 9px 9px 0 0; border: 2px solid #dfdfdf; border-bottom: none; top: 4px; left: 4px; z-index: 131; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); }
    192. 

  192. .c-nomess p { text-align: center; font-size: .7rem; color: #666; line-height: 1rem; padding:.25rem 0;}
    193. 

  193. .c-nomess a{ color:#007cd9; margin-left:.1rem;}
    194. 

  194. 

  195. .c-failstate{ padding:4.5rem .75rem 1.5rem .75rem; font-size: .7rem; color: #999; line-height: 1rem;}
    196. 

  196. .c-failstate a{ color:#007cd9; margin-left:.1rem;}
    197. 

  197. .c-failstate a.c-btn{ color:#fff;}
    198. 

  198. .icon-norefresh{ display:inline-block; width:5.55rem; height:4.55rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/norefresh.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}
    199. 

  199. .icon-nofriends{ display:inline-block; width:6.15rem; height:6.15rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/nofriends.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}
    200. 

  200. .icon-nointer{ display:inline-block; width:6rem; height:6rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/nointer.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}
    201. 

  201. .icon-noopen{ display:inline-block; width:5.6rem; height:4.625rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/noopen.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}
    202. 

  202. .icon-nopower{ display:inline-block; width:6.7rem; height:6.7rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/nopower.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}
    203. 

  203. .icon-noset{ display:inline-block; width:6.15rem; height:6.15rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/noset.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}
    204. 

  204. 

  205. @media (orientation: landscape) {
    206. 

  206. .c-nomess { padding:2.5rem .75rem 1rem .75rem;}
    207. 

  207. .c-failstate{ padding:2rem .75rem .5rem .75rem;}
    208. 

  208. }
    209. 

  209. /* css search
    210. 

  210. -----------------------------------------------------------------------------*/
    211. 

  211. .bgc-f2f4f6{ background:#f2f4f6;}
    212. 

  212. .c-ser-hold{ height:2.25rem;}
    213. 

  213. .c-serposi{ position:fixed; left:0; top:0; z-index:600;}
    214. 

  214. .c-ser-div { width: 100%; height: 2.25rem; padding: .35rem .5rem 0 .5rem; display: -webkit-box; display: box; box-sizing:border-box; -webkit-box-sizing:border-box;}
    215. 

  215. .c-ser-into { width:100%; background: #fff; height: 1.5rem; line-height: 1.5rem; border-radius: .2rem; color: #b3b3b3; padding:0 .4rem; box-sizing:border-box; -webkit-box-sizing:border-box;}
    216. 

  216. .ser-icon { position: relative; display: inline-block; width: 13px; height: 13px; font-size: 1px; background: none; vertical-align:middle; margin-bottom:4px;}
    217. 

  217. .ser-icon:before, .ser-icon:after { content: ""; position: absolute; left: 0; background: transparent; font-size: 1px; }
    218. 

  218. .ser-icon-search:before { left: 1px; top: 1px; width: 10px; height: 10px; border: 1px solid #aaa9a9; border-radius: 50%;}
    219. 

  219. .ser-icon-search:after { left: 10px; top: 12px; width: 5px; height: 1px; background: #aaa9a9; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); }
    220. 

  220. .c-ser-back { width: 1rem; -webkit-box-flex: 0; box-flex: 0; overflow: hidden; }
    221. 

  221. .c-ser-back .si-right { display: inline-block; width: 12px; height: 12px; border: solid #a3a3a7; border-width: 0 0 1px 1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin:9px 0 0 3px;}
    222. 

  222. .c-ser-main { -webkit-box-flex: 1; box-flex: 1; background: #fff; height: 1.5rem; border-radius: .2rem; font-size: .75rem; color: #8e8e93; position: relative; padding:0 .5rem 0 1.25rem; overflow: hidden; }
    223. 

  223. .c-ser-main i { position: absolute; left: .35rem; top:50%; margin-top:-7px;}
    224. 

  224. .c-ser-input { width: 100%; background: #fff; height: 1.5rem; line-height: 1.5rem; border: none; color: #333; border-radius: 5px;}
    225. 

  225. .c-ser-btn { margin-left: .5rem; -webkit-box-flex: 0; box-flex: 0; }
    226. 

  226. .c-ser-btn a { display: block; height: 1.5rem; line-height: 1.5rem; padding: 0 .5rem; background: #3aa7ed; color: #fff; font-size: .7rem; border-radius: .2rem; }
    227. 

  227. .c-ser-canc { margin-left: .5rem; -webkit-box-flex: 0; box-flex: 0; }
    228. 

  228. .c-ser-canc a { display: block; height: 1.5rem; line-height: 1.5rem; padding: 0 .25rem; color:#17b3ec;}
    229. 

  229. .c-ser-main .input-clear { position: absolute; right: 6px; top: 6px; background: #7e7e7e; border-radius: 50%; width: 16px; height: 16px; text-align: center; }
    230. 

  230. .c-ser-main .input-clear .close { position: relative; display: inline-block; width: 10px; height: 10px; overflow: hidden; top: -7px; }
    231. 

  231. .c-ser-main .input-clear .close::before, .c-ser-main .input-clear .close::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0px; margin-top: -1px; background: #fff; border-radius: 6px; }
    232. 

  232. .c-ser-main .input-clear .close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    233. 

  233. .c-ser-main .input-clear .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    234. 

  234. /* css c-table two
    235. 

  235. -----------------------------------------------------------------------------*/
    236. 

  236. .c-table { width: 100%; border-collapse: collapse }
    237. 

  237. .c-table th { font-weight: 700; }
    238. 

  238. .c-table td, .c-table th { border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; text-align: center; padding: .5rem; }
    239. 

  239. .c-table tr td:last-child, .c-table tr th:last-child { border-right: 0 }
    240. 

  240. .c-table tr:last-child td { border-bottom: 0 }
    241. 

  241. .glu-tab tbody{ font-size:.6rem;}
    242. 

  242. .glu-tab th{ vertical-align:middle;}
    243. 

  243. .glu-tab tbody td{ width:11.875%;}
    244. 

  244. .glu-tab tbody tr td:first-child{ width:auto;}
    245. 

  245. .bp-tab tbody{ font-size:.6rem;}
    246. 

  246. .bp-tab th{ vertical-align:middle;}
    247. 

  247. .bp-tab tbody td{ width:13.875%;}
    248. 

  248. .bp-tab tbody tr td:first-child{ width:auto;}
    249. 

  249. /* css c-lab1
    250. 

  250. -----------------------------------------------------------------------------*/
    251. 

  251. .c-les-hold{ height:2.5rem;}
    252. 

  252. .c-les-div{ width:100%; height:2.5rem; padding-top:.45rem; box-sizing:border-box; -webkit-box-sizing:border-box;}
    253. 

  253. .c-labposi{ position:fixed; left:0; top:0; z-index:600;}
    254. 

  254. .c-lab-les { display: -webkit-box; display: box; border: 1px solid #37a6eb; overflow: hidden;}
    255. 

  255. .c-lab-les li { -webkit-box-flex: 1; box-flex: 1; width:1px; height: 1.5rem; line-height: 1.5rem; text-align: center; border-left: 1px solid #37a6eb; }
    256. 

  256. .c-lab-les li:first-child { border-left: none; }
    257. 

  257. .c-lab-les li a { display: block; width: 100%; height: 1.5rem; color: #0894ec; }
    258. 

  258. .c-lab-les li.hit, .c-lab-les li.curr { background: #0894ec; }
    259. 

  259. .c-lab-les li.hit a, .c-lab-les li.curr a { color: #fff; }
    260. 

  260. /* css c-lab2
    261. 

  261. -----------------------------------------------------------------------------*/
    262. 

  262. .c-mor-hold{ height:2rem;}
    263. 

  263. .c-lab-mor { width:100%; height:2rem; display: box; display: -webkit-box; background: #fff; border-bottom: 1px solid #e1e1e1;}
    264. 

  264. .c-lab-mor li { -webkit-box-flex: 1; box-flex: 1; width:1px; height: 2rem; line-height: 2rem; text-align: center; position:relative;}
    265. 

  265. .c-lab-mor li a { display: block; width: 100%; height: 100%; color: #5b5b5b;}
    266. 

  266. .c-lab-mor li.hit:before, .c-lab-mor li.curr:before { content:''; display:block; width:100%; height:.15rem; background:#0894ec; position:absolute; left:0; bottom:-1px;}
    267. 

  267. .c-lab-mor li.hit a, .c-lab-mor li.curr a { color: #0894ec;}
    268. 

  268. /* css dialog
    269. 

  269. -----------------------------------------------------------------------------*/
    270. 

  270. .c-alert-box{ max-width:85%; background:rgba(0,0,0,.8); padding:10px; font-size:.7rem; color:#fff; position:fixed; border-radius:7px; box-shadow:0px 0px 3px rgba(0,0,0,.1); z-index:10010; top:50%; margin-top:-30px; word-break:break-all; line-height:1.6;}
    271. 

  271. .c-load-box{ max-width:70%; background:rgba(0,0,0,.8); padding:18px 30px; font-size:.75rem; color:#fff; position:fixed; border-radius:7px; box-shadow:0px 0px 3px #000; z-index:10009; top:50%; margin-top:-50px; text-align:center;}
    272. 

  272. .loadgif { display:inline-block; position: relative; overflow: hidden; width: 32px; height: 32px; margin:0 auto; font-size: 0; text-indent: -999em; color: #666;}
    273. 

  273. .loadgif::after { position: absolute; content: ''; width: 3px; height: 3px; margin: 14.5px 0 0 0; border-radius: 100%; box-shadow: 0 -10px 0 1px #ccc, 10px 0 #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 .5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc; -webkit-transform: rotate(360deg); -webkit-animation: local-loading 1.5s infinite linear; transform: rotate(360deg); animation: local-loading 1.5s infinite linear;}
    274. 

  274. @-webkit-keyframes local-loading {
    275. 

  275. 0%{ -webkit-transform: rotate(0deg);}
    276. 

  276. 100%{ -webkit-transform: rotate(360deg);}
    277. 

  277. }
    278. 

  278. @keyframes local-loading {
    279. 

  279. 0%{ transform: rotate(0deg);}
    280. 

  280. 100%{ transform: rotate(360deg);}
    281. 

  281. }
    282. 

  282. .c-al-screen{ width:100%; height:100%; background:rgba(0,0,0,0); position:fixed; z-index:10008; top:0; left:0;}
    283. 

  283. .c-conf-box{ width:88%; margin-left:6%; background:#fff; position:fixed; top:50%; margin-top:-70px; left:0px; border-radius:7px; z-index:10005; padding-top:15px; animation:confbox .2s ease; -webkit-animation:confbox .2s ease;}
    284. 

  284. @keyframes confbox{
    285. 

  285. 0%{ transform: scale(.5);}
    286. 

  286. 100%{ transform: scale(1);}
    287. 

  287. }
    288. 

  288. @-webkit-keyframes confbox{
    289. 

  289. 0%{ -webkit-transform: scale(.5);}
    290. 

  290. 100%{ -webkit-transform: scale(1);}
    291. 

  291. }
    292. 

  292. .conftitle{ text-align:center; padding:0 15px 0 15px; line-height:22px; font-size:.75rem; font-weight:700;}
    293. 

  293. .confcontent{ text-align:center; padding:15px 15px 30px 15px; line-height:22px; font-size:.75rem;}
    294. 

  294. .c-conf-box .c-confbtn{ width:100%; border-top:1px solid #e3e3e3; overflow:hidden;}
    295. 

  295. .c-conf-box .c-onebtn{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:.75rem; color:#157efb;}
    296. 

  296. .c-conf-box .c-twobtn{ display:block; width:49%; height:40px; line-height:40px; text-align:center; font-size:.75rem; float:left; color:#157efb; border-left:1px solid #e3e3e3;}
    297. 

  297. .c-conf-box .c-twobtn:first-child{ border-left:none;}
    298. 

  298. .c-conf-screen{ width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; z-index:10000; top:0; left:0;}
    299.