Home Verkennen Help
Registreren Inloggen
xiegeng
/
ship-expert
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Boom: 0f094c0376
Aftakkingen Labels
ship-expert
/
static
/
theme
/
default
/
css
/
console.css

console.css 18 KB
Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232 
  1. @charset "UTF-8";
    2. 

  2. 

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

  4.  * 楚才团队后台框架
    5. 

  5.  * author Anyon <zoujingli@qq.com>
    6. 

  6.  * date 2017/02/13 14:15
    7. 

  7.  * --------------------------------------- */
    8. 

  8. 

  9. html{overflow:auto;overflow-y:scroll !important}
    10. 

  10. body{min-width:1024px;font-size:12px;line-height:24px;font-family:'微软雅黑',"Microsoft YaHei","Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB",serif}
    11. 

  11. a{color:#06C;cursor:pointer}
    12. 

  12. a:hover{color:#039}
    13. 

  13. input::-ms-clear{display:none}
    14. 

  14. button{border-radius:0!important}
    15. 

  15. label{font-size:100%;font-weight:500}
    16. 

  16. 

  17. /** 后台框架 */
    18. 

  18. .framework-topbar{position:fixed;width:100%;height:50px;background:#09C;z-index:101}
    19. 

  19. .framework-body{position:absolute;width:100%;top:50px;bottom:0px;background-color:#000;z-index:100}
    20. 

  20. .framework-container{width:auto;position:absolute;top:0px;left:0px;bottom:0px;right:0px;background:#FFF}
    21. 

  21. 

  22. /** 顶部菜单 */
    23. 

  23. .console-topbar{position:relative;z-index:100;clear:both;height:50px;background:#09C;font-size:12px;min-width:990px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
    24. 

  24. .console-topbar a{text-decoration:none}
    25. 

  25. .console-topbar a:focus{outline:none}
    26. 

  26. .console-topbar .icon-arrow-down{display:inline-block;width:18px;text-align:center;vertical-align:middle}
    27. 

  27. .console-topbar .dropdown .dropdown-menu{z-index:1;font-size:12px;border-radius:0;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}
    28. 

  28. .console-topbar .dropdown .dropdown-menu a{padding:0}
    29. 

  29. .console-topbar .dropdown.open .icon-arrow-down{vertical-align:text-top;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
    30. 

  30. .console-topbar .topbar-wrap,
    31. 

  31. .console-topbar .topbar-logo,
    32. 

  32. .console-topbar .topbar-home-link,
    33. 

  33. .console-topbar .topbar-nav,
    34. 

  34. .console-topbar .topbar-info{height:100%}
    35. 

  35. .console-topbar .topbar-left{float:left}
    36. 

  36. .console-topbar .topbar-right{float:right}
    37. 

  37. .console-topbar .topbar-clearfix:before,
    38. 

  38. .console-topbar .topbar-clearfix:after{display:table;content:" "}
    39. 

  39. .console-topbar .topbar-clearfix:after{clear:both}
    40. 

  40. .console-topbar .topbar-head{height:50px;position:relative;z-index:3}
    41. 

  41. .console-topbar .topbar-nav{position:relative;z-index:2;background:#09C}
    42. 

  42. .console-topbar .topbar-logo{display:block;min-width:220px;font-size:18px;color:#FFF;text-align:center;line-height:50px}
    43. 

  43. .console-topbar .topbar-logo span{line-height:50px;padding:auto 20px}
    44. 

  44. .console-topbar .topbar-home-link{padding:0 20px;margin-right:1px;background:#09c}
    45. 

  45. .console-topbar .topbar-btn{color:#fff;font-size:14px;line-height:50px}
    46. 

  46. .console-topbar .topbar-btn.active,
    47. 

  47. .console-topbar .topbar-btn:hover{background:#008fbf}
    48. 

  48. .console-topbar .topbar-info{background:#008fbf;position:absolute;z-index:1;top:0;right:0}
    49. 

  49. .console-topbar .topbar-info .topbar-btn{padding:0 10px;height:50px;display:block;z-index:2;background:#09c}
    50. 

  50. .console-topbar .topbar-info .topbar-btn:hover,
    51. 

  51. .console-topbar .topbar-info .topbar-btn.topbar-btn-dark{background:#008fbf}
    52. 

  52. .console-topbar .topbar-info .topbar-btn.open{position:relative}
    53. 

  53. .console-topbar .topbar-info .dropdown{min-width:80px}
    54. 

  54. .console-topbar .topbar-info .dropdown .dropdown-menu{width:100%;min-width:0;margin:0;border:none;padding:0}
    55. 

  55. .console-topbar .topbar-info .dropdown.open .topbar-btn{color:#333;background:#fff;border-bottom:1px solid #eaedf1;position:relative}
    56. 

  56. .console-topbar .topbar-info .topbar-info-btn{height:40px;border-bottom:1px solid #eaedf1}
    57. 

  57. .console-topbar .topbar-info .topbar-info-btn a{line-height:39px;text-align:center;padding-left:10px;padding-right:10px;margin:0}
    58. 

  58. .console-topbar .topbar-info-item{display:inline-block;margin-left:1px}
    59. 

  59. .console-topbar .topbar-info-item.open .glyphicon-menu-up{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
    60. 

  60. 

  61. /** 左侧菜单 **/
    62. 

  62. .framework-sidebar{width:0px;display:none;position:fixed;top:50px;bottom:0px;background-color:#293038;z-index:102;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
    63. 

  63. .framework-sidebar .sidebar-content{width:230px;height:100%;overflow:auto;overflow-x:hidden}
    64. 

  64. .framework-sidebar .sidebar-fold{height:30px;width:220px;background:#394555;color:#aeb9c2;text-align:center;line-height:30px !important;font-size:12px;user-select:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none}
    65. 

  65. .framework-sidebar .sidebar-fold:hover{background:#37424f;color:#fff}
    66. 

  66. .framework-sidebar .sidebar-nav{width:220px}
    67. 

  67. .framework-sidebar .sidebar-nav ul{margin:0px;padding:0px;list-style:none;overflow:hidden;text-indent:1.2em}
    68. 

  68. .framework-sidebar .sidebar-nav li a{display:block;width:100%;height:40px;line-height:40px;overflow:hidden}
    69. 

  69. .framework-sidebar .sidebar-nav li a:hover{background:#37424f}
    70. 

  70. .framework-sidebar .sidebar-nav li a:hover .nav-icon,
    71. 

  71. .framework-sidebar .sidebar-nav li a:hover .nav-title{color:#fff}
    72. 

  72. .framework-sidebar .sidebar-nav .nav-item{position:relative}
    73. 

  73. .framework-sidebar .sidebar-nav .sidebar-title{height:40px;background:#37424f;border-bottom:1px solid #414d5c;color:#fff;line-height:40px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none}
    74. 

  74. .framework-sidebar .sidebar-nav .sidebar-title:hover{background:#414d5c}
    75. 

  75. .framework-sidebar .sidebar-nav .sidebar-title-icon{display:inline-block;margin:0 8px 0 20px;vertical-align:middle}
    76. 

  76. .framework-sidebar .sidebar-manage{vertical-align:middle;position:absolute;height:40px;width:40px;right:0}
    77. 

  77. .framework-sidebar .sidebar-manage a{display:block;width:100%;height:100%;text-align:center;line-height:40px;font-size:14px;color:#a0abb3;text-decoration:none}
    78. 

  78. .framework-sidebar .sidebar-nav.open .sidebar-title{background:#22282e;border-bottom:1px solid #22282e}
    79. 

  79. .framework-sidebar .sidebar-nav.open .sidebar-title-icon{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
    80. 

  80. .framework-sidebar .sidebar-nav .nav-icon{width:50px;text-align:center;font-size:16px;float:left;color:#aeb9c2}
    81. 

  81. .framework-sidebar .sidebar-nav .nav-title{float:left;overflow:hidden;color:#fff;white-space:nowrap;text-overflow:ellipsis;display:block;width:130px}
    82. 

  82. .framework-sidebar .sidebar-nav li.active a{background:#0099cc}
    83. 

  83. .framework-sidebar .sidebar-nav li.active a .nav-title{color:#fff}
    84. 

  84. .framework-sidebar .sidebar-nav li.active a .nav-icon{color:#fff}
    85. 

  85. .framework-sidebar .sidebar-nav .manage-nav{height:30px;overflow:hidden}
    86. 

  86. .framework-sidebar .sidebar-nav .manage-nav:hover .nav-icon{color:#fff}
    87. 

  87. .framework-sidebar .sidebar-nav .manage-nav a{display:block;height:100%}
    88. 

  88. .framework-sidebar .sidebar-nav .manage-nav .nav-icon{height:100%;line-height:30px;font-size:16px}
    89. 

  89. .framework-sidebar .sidebar-nav .manage-nav .nav-title{margin-top:14px;background:#293038;height:1px;width:120px}
    90. 

  90. .framework-sidebar-mini .framework-sidebar{width:50px;display:block}
    91. 

  91. .framework-sidebar-mini .framework-sidebar .sidebar-content{width:70px}
    92. 

  92. .framework-sidebar-mini .framework-sidebar .sidebar-fold{width:50px}
    93. 

  93. .framework-sidebar-mini .framework-sidebar .sidebar-nav{width:50px}
    94. 

  94. .framework-sidebar-mini .framework-sidebar .sidebar-nav ul{text-indent:0;display:block !important}
    95. 

  95. .framework-sidebar-mini .framework-sidebar .sidebar-nav .nav-item a:hover + .nav-tooltip{display:block}
    96. 

  96. .framework-sidebar-mini .framework-sidebar .sidebar-nav .nav-title{display:none}
    97. 

  97. .framework-sidebar-mini .framework-sidebar .sidebar-nav .sidebar-title-icon{margin:0 8px 0 20px}
    98. 

  98. .framework-sidebar-mini .framework-sidebar .sidebar-nav .sidebar-title-icon{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
    99. 

  99. .framework-sidebar-mini .framework-sidebar .sidebar-fold span{transform:rotate(-270deg);-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg)}
    100. 

  100. .framework-sidebar-mini .framework-sidebar .sidebar-title{background:#22282e;border-bottom:1px solid #22282e}
    101. 

  101. .framework-sidebar-mini .framework-sidebar .sidebar-title .sidebar-title-text{display:none}
    102. 

  102. .framework-sidebar-mini .framework-sidebar .sidebar-title-inner:hover + .nav-tooltip{display:block}
    103. 

  103. .framework-sidebar-mini .framework-sidebar .sidebar-manage{display:none}
    104. 

  104. .framework-sidebar-full .framework-sidebar{width:220px;display:block}
    105. 

  105. .framework-sidebar-full .framework-sidebar .sidebar-nav .nav-icon{width:50px}
    106. 

  106. .framework-sidebar-mini .framework-container{left:50px}
    107. 

  107. .framework-sidebar-full .framework-container{left:220px}
    108. 

  108. 

  109. /** 菜单Tips样式 */
    110. 

  110. .console-sidebar-tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}
    111. 

  111. .console-sidebar-tooltip .tooltip-inner{max-width:200px;padding:12px 8px;color:#ffffff;text-align:center;text-decoration:none;border-radius:0 0;background-color:#425160}
    112. 

  112. .console-sidebar-tooltip .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
    113. 

  113. .console-sidebar-tooltip.right{padding:0 5px;margin-left:3px}
    114. 

  114. .console-sidebar-tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#425160;border-width:5px 5px 5px 0}
    115. 

  115. .console-sidebar-tooltip.in{opacity:0.9;filter:alpha(opacity=90)}
    116. 

  116. 

  117. /* 设置选择文字及背景颜色 */
    118. 

  118. ::selection{background-color:#ec494e;color:#FFF}
    119. 

  119. ::-moz-selection{background-color:#ec494e;color:#FFF}
    120. 

  120. 

  121. .layui-box legend{width:auto!important;border-bottom:none!important}
    122. 

  122. .layui-btn {border-radius:0!important}
    123. 

  123. 

  124. /** checkbox 优化 */
    125. 

  125. input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin:0;cursor:pointer;vertical-align:bottom;background:#fff;border:1px solid #dcdcdc;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;position:relative}
    126. 

  126. input[type=checkbox]:active,input[type=radio]:active{border-color:#c6c6c6;background:#ebebeb}
    127. 

  127. input[type=checkbox]:hover{border-color:#c6c6c6;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1)}
    128. 

  128. input[type=radio]{-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;width:18px;height:18px}
    129. 

  129. input[type=checkbox]:checked,input[type=radio]:checked{background:#fff}
    130. 

  130. input[type=radio]:checked::after{content:'';display:block;position:relative;top:2px;left:2px;width:12px;height:12px;background:#666;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em}
    131. 

  131. input[type=checkbox]:checked::after{display:block;position:absolute;top:-2px;left:-4px;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAtklEQVQ4y2P4//8/A7Ux1Q0cxoaCADIbCUgCMTvVXAoE5kA8CYidyXYpGrAH4iVAHIXiCwoMDQTimUBcBsRMlBrKCsTpUANzkC0j11BuIK6EGlgKsoAkQ4FgChD7AzELVI8YEDdDDawDYk6YQaQY6gg1oAqILYC4D8oHGcyLbBAphoJAKtQgGO4EYiHk2CLHUJAXm6AG9gCxNHoSIMdQEJCFGqiALaGSayjMxQwUGzq0S6nhZygA2ojsbh6J67kAAAAASUVORK5CYII=')}
    132. 

  132. input[type=checkbox]:focus,input[type=radio]:focus{outline:none}
    133. 

  133. 

  134. /* 图片上传 */
    135. 

  135. .uploadimage{display:inline-block;width:80px;height:80px;background-image:url('../img/image.png');background-repeat: no-repeat;background-position:center center;background-size:cover;cursor:pointer}
    136. 

  136. /* 延时动画 */
    137. 

  137. .transition{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
    138. 

  138. [data-tips-image]{cursor:pointer !important;cursor:-webkit-zoom-in !important;cursor:-moz-zoom-in !important;cursor:zoom-in !important}
    139. 

  139. select.form-control.input-sm{padding:0 0 0 10px}
    140. 

  140. .form-control.input-sm{line-height:1em}
    141. 

  141. .pointer{cursor:pointer}
    142. 

  142. .framework-sidebar-mini .wrapper{min-width:950px}
    143. 

  143. .help-block{margin-bottom:0}
    144. 

  144. .text-center{text-align:center}
    145. 

  145. .block{display:block}
    146. 

  146. .gray-bg{background-color:#f3f3f4}
    147. 

  147. .full-height{height:100% !important}
    148. 

  148. .full-width{width:100% !important}
    149. 

  149. .nowrap{white-space:nowrap !important}
    150. 

  150. td .text-explode:first-child{opacity:0;display:none}
    151. 

  151. .text-explode{color:#CCC !important;font-weight:normal !important;margin:0px 4px !important}
    152. 

  152. 

  153. /** 列表搜索区 */
    154. 

  154. .form-search .row{margin-left:-5px;margin-right:-5px}
    155. 

  155. .form-search .col-xs-4{width:220px !important;padding-left:5px;padding-right:5px}
    156. 

  156. .form-search .col-xs-3{width:200px !important;padding-left:5px;padding-right:5px}
    157. 

  157. .form-search .col-xs-2{width:180px !important;padding-left:5px;padding-right:5px}
    158. 

  158. .form-search .col-xs-1{width:65px !important;padding-left:5px;padding-right:5px}
    159. 

  159. .input-focus{background:none !important;padding:3px 5px !important}
    160. 

  160. 

  161. /** 表单Input错误提示 */
    162. 

  162. .error-input-right{-webkit-animation-duration:.2s;animation-duration:.2s;padding-right:5px}
    163. 

  163. .label-required:after{content:'*';color:red;position:absolute;margin-left:4px;font-weight:bold;line-height:1.8em}
    164. 

  164. 

  165. /** 列表图片图标样式 */
    166. 

  166. .list-table-image{width:22px;cursor:pointer}
    167. 

  167. 

  168. /** 列表排序样式 */
    169. 

  169. .list-table-sort-td{width:60px !important;text-align:center}
    170. 

  170. .list-table-sort-td input{width:50px;text-align:center;font-size:12px;line-height:14px;padding:2px;border:1px solid #e6e6e6}
    171. 

  171. /*.list-table-sort-td button{width:50px;text-align:center;font-size:12px;color:#333}*/
    172. 

  172. 

  173. /** 列表选择框 */
    174. 

  174. .list-table-check-td{width:30px !important;text-align:center;padding:0}
    175. 

  175. .list-table-check-td input{margin:0;vertical-align:middle}
    176. 

  176. 

  177. /** 表格样式 */
    178. 

  178. .table{background:#FFF;font-size:12px;border-top:1px solid #e1e6eb;border:1px solid #e1e6eb}
    179. 

  179. .table-center{text-align:center}
    180. 

  180. .table-center td, .table-center th{text-align:center}
    181. 

  181. .table-bordered{border:1px solid #EBEBEB}
    182. 

  182. .table-bordered > thead > tr > td{background-color:#F5F5F6;border-bottom-width:1px}
    183. 

  183. .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td{border:1px solid #e7e7e7}
    184. 

  184. .table > thead > tr > th{border-bottom:1px solid #DDDDDD;vertical-align:bottom;font-weight:normal;color:#999;background-color:#F5F6FA}
    185. 

  185. .table > thead > tr > th, .table > tbody > tr > th, .table > thead > tr > td, .table > tbody > tr > td{border-top:1px solid #e7eaec;line-height:1.42857;padding:8px;vertical-align:middle}
    186. 

  186. .form-control{background-color:#FFFFFF;background-image:none;border:1px solid #e5e6e7;border-radius:1px;color:inherit;display:block;padding:6px 12px;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width:100%;font-size:14px;box-shadow:none}
    187. 

  187. .form-control:focus{outline:none;box-shadow:none}
    188. 

  188. .hr-line-dashed{border-top:1px dashed #e7eaec;color:#ffffff;background-color:#ffffff;height:1px;margin:20px 0}
    189. 

  189. .hr-line-solid{border-bottom:1px solid #e7eaec;background-color:rgba(0, 0, 0, 0);border-style:solid !important;margin-top:15px;margin-bottom:15px}
    190. 

  190. 

  191. /** 按钮定义 */
    192. 

  192. .btn{outline:none !important}
    193. 

  193. .btn-primary{background-color:#1ab394;border-color:#1ab394;color:#FFFFFF}
    194. 

  194. .btn-primary:hover, .btn-primary:focus, .btn-primary:active{background-image:none !important;background-color:#18a689 !important;border-color:#18a689 !important;color:#FFFFFF !important;box-shadow:none !important}
    195. 

  195. .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active{background-color:#1dc5a3;border-color:#1dc5a3}
    196. 

  196. .btn-white{color:inherit;background:white;border:1px solid #e7eaec}
    197. 

  197. .btn-white:hover, .btn-white:focus, .btn-white:active{color:inherit;border:1px solid #d2d2d2}
    198. 

  198. .btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled.active{color:#cacaca}
    199. 

  199. 

  200. /** 内容盒子 */
    201. 

  201. .ibox{clear:both;margin-bottom:25px;margin-top:0;padding:0}
    202. 

  202. .ibox:after, .ibox:before{display:table}
    203. 

  203. .ibox-title{border-bottom:1px solid #e7eaec;color:inherit;margin-bottom:0;padding:0px 15px 0px 15px;min-height:48px}
    204. 

  204. .ibox-content{background-color:#ffffff;color:inherit;padding:15px}
    205. 

  205. .ibox-footer{color:inherit;border-top:1px solid #e7eaec;font-size:90%;background:#ffffff;padding:10px 15px}
    206. 

  206. .ibox-title h5{display:inline-block;font-size:16px;margin:16px 0px;font-weight:500;text-indent:8px;text-overflow:ellipsis;border-left:2px solid #88B7E0}
    207. 

  207. 

  208. /** 页面加载进度 */
    209. 

  209. .pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
    210. 

  210. .pace-inactive{display:none}
    211. 

  211. .pace .pace-progress{background:#22df80;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}
    212. 

  212. 

  213. /** 微信菜单 */
    214. 

  214. .mobile-preview{position:relative;width:317px;height:580px;background:url("../img/wechat/mobile_head.png") no-repeat 0 0;border:1px solid #e7e7eb}
    215. 

  215. .mobile-preview .mobile-header{color:#fff;text-align:center;padding-top:30px;font-size:15px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin:0 30px;-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
    216. 

  216. .mobile-body{width:100%;position:absolute;bottom:0;top:60px}
    217. 

  217. .mobile-body iframe{width:100%;height:100%;background:#fff}
    218. 

  218. .mobile-footer{list-style-type:none;margin:0;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #e7e7eb;background:url("../img/wechat/mobile_foot.png") no-repeat 0 0;padding-left:43px}
    219. 

  219. .mobile-footer li{width:33.33%;line-height:50px;position:relative;float:left;text-align:center}
    220. 

  220. .mobile-footer li a{display:block;border:1px solid rgba(255, 255, 255, 0);border-left:1px solid #e7e7eb;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#616161;text-decoration:none}
    221. 

  221. .mobile-footer li a.active{background-color:#fff;border:1px solid #44b549 !important}
    222. 

  222. .mobile-footer .icon-add{background:url("../img/wechat/index.png") 0 0 no-repeat;width:14px;height:14px;vertical-align:middle;display:inline-block;margin-top:-2px;border-bottom:none !important}
    223. 

  223. .mobile-footer .icon-sub{background:url("../img/wechat/index.png") 0 -48px no-repeat;width:7px;height:7px;vertical-align:middle;display:inline-block;margin-right:2px;margin-top:-2px}
    224. 

  224. .mobile-footer .sub-menu{position:absolute;border-radius:3px;border:1px solid #d0d0d0;display:block;bottom:60px;width:100%;background-color:#fafafa}
    225. 

  225. .mobile-footer .sub-menu ul,
    226. 

  226. .mobile-footer .sub-menu li{padding:0;display:block;width:100%;float:none;z-index:11}
    227. 

  227. .mobile-footer .sub-menu li a{border:1px solid rgba(255, 255, 255, 0)}
    228. 

  228. .mobile-footer .sub-menu li a.bottom-border{border-bottom:1px solid #e7e7eb}
    229. 

  229. .mobile-footer .arrow{position:absolute;left:50%;margin-left:-6px}
    230. 

  230. .mobile-footer .arrow_in, .mobile-footer .arrow_out{z-index:10;width:0;height:0;display:inline-block;border-width:6px;border-style:dashed;border-color:transparent;border-bottom-width:0;border-top-style:solid}
    231. 

  231. .mobile-footer .arrow_in{bottom:-5px;border-top-color:#fafafa}
    232. 

  232. .mobile-footer .arrow_out{bottom:-6px;border-top-color:#d0d0d0}
    233.