首頁 探索 說明
登入
ykw
/
hemall.terabimsoft.com.cn
1
0
複刻 0
Files 問題管理 0 合併請求 0 Wiki
分支: master
分支列表 標籤列表
hemall.terabims...
/
static
/
resource
/
css
/
app.css

app.css 64 KB
永久連結 文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562 
  1. html,div,table,th,td,ul,.app li.panel-body,.app .panel,.app .app-preview .app-region .app-add-filed a{padding:0; margin:0;}
    2. 

  2. html,body{font-family:arial, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', '宋体', \5b8b\4f53, Tahoma, Arial, Helvetica, STHeiti;font-size:14px;}
    3. 

  3. a,a:hover,a:focus{text-decoration:none; cursor:pointer;}
    4. 

  4. img{border:0;}
    5. 

  5. ul{list-style:none;}
    6. 

  6. /*商城自定义模*/
    7. 

  7. .app{min-height:420px; margin-top:20px; min-width:970px; position:relative; padding-bottom:100px;}
    8. 

  8. .app>div{float:left;}
    9. 

  9. .app .panel{background-color:#F8F8F8;}
    10. 

  10. .app .red{color:#d9534f;}
    11. 

  11. .app .green{color:#008000;}
    12. 

  12. .app .modules .inner{min-height:30px;}
    13. 

  13. /*app展示界面*/
    14. 

  14. .app .app-preview{width:350px; border:1px solid #e5e5e5; border-radius:18px 18px 0 0;}
    15. 

  15. .app .app-preview .app-header{height:70px; background:url('../images/app/iphone_head.png') center center no-repeat;}
    16. 

  16. .app .app-preview .app-content{width:322px; margin:0 auto; padding-bottom:11px; border:1px solid #c5c5c5; min-height:200px; background-color:#f9f9f9; border-bottom:0;}
    17. 

  17. .app .app-preview .app-content .title .app-header-actions,.app .modules .modules-actions{width:100%; border: 2px dashed rgba(255, 0, 0, 0.5); }
    18. 

  18. .app .app-preview .app-content .title .app-header-actions .action-wrap,.app .modules .action-wrap{position:absolute; bottom:0; right:0; z-index:100; display:none;}
    19. 

  19. .app .app-preview .app-content .title .app-header-actions span,.app .modules .action-wrap span{display:inline-block; color:#FFF; opacity:0.7; margin-left:1px; padding:0 5px; font-size:12px; cursor:pointer;}
    20. 

  20. .app .modules>div{position:relative; border:2px dashed transparent; cursor:move;}
    21. 

  21. .app .modules>div:hover{border-color:rgba(255, 0, 0, 0.5);}
    22. 

  22. .app .modules>div:hover .action-wrap, .app .app-preview .app-content .title .app-header-actions,.app .modules .modules-actions .action-wrap{display:block;}
    23. 

  23. /*app店铺主页头部*/
    24. 

  24. .app .modules .app-homepage-head .header{position:relative; height:100px; background-repeat:no-repeat; background-position-x:center; background-size:cover; }
    25. 

  25. .app .modules .app-homepage-head .header .shop-title{position:absolute; bottom:10px; left:100px; font-size:16px; color:#FFF; text-shadow:0 1px 2px rgba(0,0,0,0.5);}
    26. 

  26. .app .modules .app-homepage-head .header .shop-avatar{position:absolute; left:10px; bottom:-40px; width: 80px; height:80px;}
    27. 

  27. .app .modules .app-homepage-head .header .shop-avatar img{width:80px; height:80px; background-color:#E4E4E4; border-radius:3px; -webkit-box-shadow:0 0 1px 1px rgba(0,0,0,0.2); box-shadow:0 0 1px 1px rgba(0,0,0,0.2); max-width:100%; vertical-align:middle;}
    28. 

  28. .app .modules .app-homepage-head .con{padding:7px 0; border:1px solid #E4E4E4; background:#fff;}
    29. 

  29. .app .modules .app-homepage-head .con ul{margin:0 0 0 86px; padding:0;}
    30. 

  30. .app .modules .app-homepage-head .con ul li{float:left; width:33%; list-style:none; border-right:1px solid #E4E4E4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:10px; margin-bottom:6px;}
    31. 

  31. .app .modules .app-homepage-head .con ul li:last-child{border:0;}
    32. 

  32. .app .modules .app-homepage-head .con ul a{display:block; margin-top:-10px; margin-bottom:-6px;}
    33. 

  33. .app .modules .app-homepage-head .con ul a span{display:block; font-size:12px; text-align:center; color:#999;}
    34. 

  34. .app .modules .app-homepage-head .con ul .count{height:21px; line-height:21px; font-size:18px; color:#333; overflow:hidden;}
    35. 

  35. .app .app-side .app-homepage-head-edit .bg-img{height:100px; position:relative; background-size:cover; background-repeat:no-repeat; background-position-x:center;}
    36. 

  36. .app .app-side .app-homepage-head-edit .bg-img .btn-delete{text-align:right; position:absolute; top:-10px; right:-10px;}
    37. 

  37. .app .app-side .app-homepage-head-edit .bg-img .btn-delete a{display:inline-block; width:20px; height:20px; text-align:center; line-height:20px;color:#fff; background:rgba(0,0,0,.3); border-radius:50%;}
    38. 

  38. .app .app-side .app-homepage-head-edit .bg-img .btn-delete a:hover{background:#000;}
    39. 

  39. .app .app-side .app-homepage-head-edit .bg-img .btn-delete{display:none;}
    40. 

  40. .app .app-side .app-homepage-head-edit .bg-img:hover .btn-delete{display:block;}
    41. 

  41. /*app富文*/
    42. 

  42. .app .modules .app-richText .inner ul{ list-style:disc;}
    43. 

  43. .app .modules .app-richText .inner ol{ list-style:decimal;}
    44. 

  44. .app .modules .app-richText .inner img{max-width:100%;}
    45. 

  45. .app .modules .app-richText .inner ul {padding-left:40px;}
    46. 

  46. .app .modules .app-richText .inner ul,.app .modules .app-richText .inner ol{margin:16px 0;}
    47. 

  47. .app .modules .app-richText .inner h1,.app .modules .app-richText .inner h2,.app .modules .app-richText .inner h3,.app .modules .app-richText .inner h4,.app .modules .app-richText .inner h5,.app .modules .app-richText .inner h6{font-family: Verdana,Arial,Helvetica,sans-serif; font-weight:bold;}
    48. 

  48. .app .modules .app-richText .inner{padding:10px; font-size:16px; overflow:hidden;}
    49. 

  49. .app .modules .app-richText table{margin:10px 0; width:100%;}
    50. 

  50. .app .modules .app-richText table td{padding:5px 10px;}
    51. 

  51. /*app商品*/
    52. 

  52. .app .modules .app-goods .inner .goods-list,.app .modules .app-tagList2 .inner .goods-list{margin:10px;}
    53. 

  53. .app .modules .app-goods .inner .goods-list li,.app .modules .app-tagList1 .inner .goods-list li,.app .modules .app-tagList2 .inner .goods-list li{position:relative; overflow:hidden; margin: 0 ;}
    54. 

  54. .app .modules .app-goods .inner .goods-list .goods-card{display:block; border:1px solid #eee; padding:5px; background:#FFF; }
    55. 

  55. .app .modules .app-goods .inner .goods-list a,.app .modules .app-tagList1 .inner .goods-list a{color:#333;}
    56. 

  56. .app .modules .app-goods .inner .goods-list li .goods-title{font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:3px 0;}
    57. 

  57. .app .modules .app-goods .inner .goods-list li .goods-sub-title{width:100%; margin-bottom:3px; color:#666; word-break: break-all; white-space: normal;}
    58. 

  58. .app .modules .app-goods .inner .goods-list li .goods-price,.app .modules .app-tagList2 .inner .goods-list li .goods-price{font-size:15px; margin-top:2px; font-weight: bold; }
    59. 

  59. .app .modules .app-goods .inner .goods-list li .goods-price em,.app .modules .app-tagList2 .inner .goods-list li .goods-price em{font-style:normal; color:#f60;}
    60. 

  60. .app .modules .app-goods .inner .goods-list .goods-buy,.app .modules .app-tagList1 .inner .goods-list .goods-buy,.app .modules .app-tagList2 .inner .goods-list .goods-buy{position:absolute; bottom:7px;}
    61. 

  61. .app .modules .app-goods .inner .goods-list .goods-buy.btn1,.app .modules .app-tagList1 .inner .goods-list .goods-buy.btn1,.app .modules .app-tagList2 .inner .goods-list .goods-buy.btn1{width:30px; height:25px; background:url('../images/app/showcase.png') no-repeat; background-size:40px auto; right:10px; background-position:0 0;}
    62. 

  62. .app .modules .app-goods .inner .goods-list .goods-buy.btn2,.app .modules .app-tagList1 .inner .goods-list .goods-buy.btn2,.app .modules .app-tagList2 .inner .goods-list .goods-buy.btn2{width:20px; height:20px; background:url('../images/app/showcase.png') no-repeat; background-size:40px auto; right:10px; background-position:0 -88px;}
    63. 

  63. .app .modules .app-goods .inner .goods-list .goods-buy.btn3,.app .modules .app-tagList1 .inner .goods-list .goods-buy.btn3,.app .modules .app-tagList2 .inner .goods-list .goods-buy.btn3{width:40px; height:25px; background:url('../images/app/showcase.png') no-repeat; background-size:40px auto; right:-3px; background-position:0 -25px;}
    64. 

  64. .app .modules .app-goods .inner .goods-list .goods-buy.btn4,.app .modules .app-tagList1 .inner .goods-list .goods-buy.btn4,.app .modules .app-tagList2 .inner .goods-list .goods-buy.btn4{width:37px; height:20px; background:url('../images/app/showcase.png') no-repeat; background-size:40px auto; right:10px; background-position:0 -50px;}
    65. 

  65. .app .modules .app-goods .inner .goods-list .goods-simple .goods-info p{margin:6px 0 0 0;}
    66. 

  66. .app .modules .app-goods .inner .goods-list .pic,.app .modules .app-tagList1 .inner .goods-list .pic,.app .modules .app-tagList2 .inner .goods-list .pic{text-align:center; overflow: hidden; min-height:100px;}
    67. 

  67. .app .modules .app-goods .inner .goods-list img,.app .modules .app-tagList1 .inner .goods-list img,.app .modules .app-tagList2 .inner .goods-list img{max-width:100%; display:block; margin:auto;  vertical-align: middle; }
    68. 

  68. .app .modules .app-goods .inner .goods-list .lg img{max-height:500px; min-height:100px;}
    69. 

  69. .app .modules .app-goods .inner .goods-list .sm img{max-height:143px;}
    70. 

  70. .app .modules .app-goods .inner .detailList .goods-list img {max-width:139px; max-height:139px;}
    71. 

  71. .app .modules .app-goods .inner .goods-list .cascade .pic{height:auto; max-width:100%;}
    72. 

  72. .app .modules .app-goods .inner .goods-list .cascade{margin-bottom:8px;}
    73. 

  73. .app .modules .app-goods .inner .goods-list .lg{margin:4px;}
    74. 

  74. .app .modules .app-goods .inner .goods-list .col-xs-6,.app .modules .app-tagList2 .inner .goods-list .col-xs-6{padding:4px; margin-bottom: 5px;}
    75. 

  75. .app .modules .app-goods .inner .smImg .goods-simple .goods-price{ display:inline; position:absolute; right:10px; bottom:10px;}
    76. 

  76. .app .modules .app-goods .inner .smImg .goods-sale .goods-info{border:1px solid #eeeeee; height:40px; line-height:40px; border-top:0; border-right:0;}
    77. 

  77. .app .modules .app-goods .inner .smImg .goods-sale .goods-info .goods-price{display:inline-block; height:40px; line-height:40px; font-size:15px; color:#d9534f;}
    78. 

  78. .app .modules .app-goods .inner .smImg .goods-sale .goods-info .buy-btn{height:100%; width:45px; background:#d9534f; line-height:13px; padding:7px;}
    79. 

  79. .app .modules .app-goods .inner .smImg .goods-sale .goods-info .buy-btn a{ color:#FFF;font-size:14px;}
    80. 

  80. .app .modules .app-goods .inner .defaultList .goods-simple{position:relative;}
    81. 

  81. .app .modules .app-goods .inner .defaultList .goods-simple .goods-info{position:absolute; width:auto; font-size:12px; bottom:5px; right:5px; background:rgba(0,0,0,0.5); color:#fff; border-radius:3px;}
    82. 

  82. .app .modules .app-goods .inner .defaultList .sm.goods-simple .goods-info{bottom:10px; right:10px;}
    83. 

  83. .app .modules .app-goods .inner .defaultList .lg.goods-simple .goods-info .goods-title{float:left;}
    84. 

  84. .app .modules .app-goods .inner .defaultList .goods-simple .goods-info .goods-price{float:right;}
    85. 

  85. .app .modules .app-goods .inner .defaultList .goods-simple .goods-info .goods-price em{color:#fff;}
    86. 

  86. .app .modules .app-goods .inner .defaultList .goods-simple .goods-info p{padding:0; margin:0; font-weight:400;}
    87. 

  87. .app .modules .app-goods .inner .detailList .col-xs-6{padding:0}
    88. 

  88. .app .modules .app-goods .inner .detailList .pic,.app .modules .app-tagList1 .inner .detailList .pic{padding-right:10px;}
    89. 

  89. .app .modules .app-goods .inner .detailList .goods-card{margin-bottom:10px;}
    90. 

  90. .app .modules .app-goods .inner .detailList .goods-simple{padding:10px 0; border-bottom:1px solid #eee;}
    91. 

  91. /*app图片广告*/
    92. 

  92. .app .modules .app-adImg .inner h3,.app .app-side h3{margin:0;}
    93. 

  93. .app .modules .app-adImg .inner img{max-width:100%; vertical-align: middle;}
    94. 

  94. .app .modules .app-adImg .inner .show-separate .ad-list{font-size:12px; padding:0 5px; margin:0;}
    95. 

  95. .app .modules .app-adImg .inner .show-separate .ad-list.lg .ad-list-item{margin:5px auto; min-height:40px; position:relative;}
    96. 

  96. .app .modules .app-adImg .inner .show-separate .ad-list.lg .ad-list-item>div{text-align:center;}
    97. 

  97. .app .modules .app-adImg .inner .show-separate .ad-list .ad-list-item h3{position:absolute; bottom:0; left:0; width:100%; text-align:left; z-index:2; color:#fff; background:rgba(51,51,51,0.8); padding:5px 15px; font-size:14px; line-height:1.5em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
    98. 

  98. .app .modules .app-adImg .inner .show-separate .ad-list.sm .ad-list-item{padding:0; min-height:40px; overflow:hidden;}
    99. 

  99. .app .modules .app-adImg .inner .show-separate .ad-list.sm .ad-list-item>div{margin:3px; position:relative; height:148px; overflow:hidden; text-align:center;}
    100. 

  100. /*app标题*/
    101. 

  101. .app .modules .app-title .title-detail{padding:10px;}
    102. 

  102. .app .modules .app-title .title-detail h2{font-size:18px; height:22px; line-height:22px;}
    103. 

  103. .app .modules .app-title .title-detail h2 span{font-size:12px; color:#999;}
    104. 

  104. .app .modules .app-title .title-detail p{padding:0; color:#8c8c8c; font-size:11px; margin:5px 0 0;}
    105. 

  105. /*app文本导航*/
    106. 

  106. .app .modules .app-textNav .inner .list-group{margin-bottom:0}
    107. 

  107. .app .modules .app-textNav .inner .list-group-item{border-radius:0; border:0; border-bottom:1px solid #ddd; margin-bottom:0; height:40px; padding:0;}
    108. 

  108. .app .modules .app-textNav .inner .list-group-item a{color:#333; display:block; padding:10px 15px;}
    109. 

  109. .app .modules .app-textNav .inner .list-group-item a span{display:block; width:100%; height:100%; padding-right:30px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    110. 

  110. .app .modules .app-textNav .inner .list-group-item a i{color:#888; line-height:20px; position:absolute; right:0; top:0; font-size:22px;}
    111. 

  111. /*图片导航*/
    112. 

  112. .app .modules .app-nav .inner{padding:5px;}
    113. 

  113. .app .modules .app-nav .inner ul li{width:25%; overflow:hidden; float:left;}
    114. 

  114. .app .modules .app-nav .inner ul li .nav-img{display:block; width:100%; overflow:hidden;}
    115. 

  115. .app .modules .app-nav .inner ul li .nav-img img{max-width:100%; vertical-align: middle;}
    116. 

  116. .app .modules .app-nav .inner ul li .title{color:#333; display:inline-block; width:100%; height:24px; padding:5px; font-size:12px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
    117. 

  117. /*关联链接*/
    118. 

  118. .app .modules .app-link .inner .list-group,.micro-page-category .app-category .list-group,.usercenter .app-usercenter .list-group{margin:0;}
    119. 

  119. .app .modules .app-link .inner .list-group-item,.micro-page-category .app-category .list-group-item,.usercenter .app-usercenter .list-group-item{border-radius:0; border-left:0; border-right:0;  height:40px; padding:0;}
    120. 

  120. .app .modules .app-link .inner .list-group-item a,.micro-page-category .app-category .list-group-item a,.usercenter .app-usercenter .list-group-item a{color:#333; display:block; padding:10px 15px;}
    121. 

  121. .app .modules .app-link .inner .list-group-item a span,.micro-page-category .app-category .list-group-item a span,.usercenter .app-usercenter .list-group-item a span{display:block; width:100%; height:100%; padding-right:30px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    122. 

  122. .app .modules .app-link .inner .list-group-item a i,.micro-page-category .app-category .list-group-item a i,.usercenter .app-usercenter .list-group-item a i{color:#888; line-height:20px; font-size:22px; position:absolute; right:0; top:0;}
    123. 

  123. /*app商品搜索*/
    124. 

  124. .app .modules .app-search .inner{padding:10px;}
    125. 

  125. /*app橱窗*/
    126. 

  126. .app .modules .app-showCase .inner .showCaseTitle{padding:10px; font-size:14px;}
    127. 

  127. .app .modules .app-showCase .inner .showCaseBody{background:#fff;}
    128. 

  128. .app .modules .app-showCase .inner .showCaseBody ul li{float:left; overflow:hidden; text-align:center; box-sizing: border-box;}
    129. 

  129. .app .modules .app-showCase .inner .showCaseBody ul li img{max-width:100%; height:auto;}
    130. 

  130. .app .modules .app-showCase .inner .showCaseBody ul li.lg{width:66%; height:213px; margin:0 1% 2px 0;}
    131. 

  131. .app .modules .app-showCase .inner .showCaseBody ul li.sm{width:33%; height:106px; margin:0 0 2px 0;}
    132. 

  132. .app .modules .app-showCase .inner .showCaseBody .three .sm{width:33%; height:105px; margin-right:0.5%;}
    133. 

  133. .app .modules .app-showCase .inner .showCaseBody .three .sm:last-child{margin-right:0;}
    134. 

  134. .app .modules .app-showCase .inner .showCaseBody .showCaseBodyTitle{font-size:14px; font-weight:700; padding:0 10px; margin:10px 0;}
    135. 

  135. .app .modules .app-showCase .inner .showCaseBody .showCaseBodyDesc{font-size:12px; margin:0; padding:0 10px 10px 10px; line-height: 1.5em; word-break: break-all;}
    136. 

  136. /*app辅助*/
    137. 

  137. .app .modules .app-line .inner{height:30px; position:relative;}
    138. 

  138. .app .modules .app-line .inner hr{width:100%;position:absolute; margin:14px 0;  left:0; top:0; border-top: 1px dashed #bbb;}
    139. 

  139. /*app辅助空白*/
    140. 

  140. .app .modules .app-white .inner{padding:15px 10px;}
    141. 

  141. /*app自定义模*/
    142. 

  142. .app .modules .app-component .component-con{padding:10px;}
    143. 

  143. /*app进入店铺*/
    144. 

  144. .app .modules .app-store .inner{padding:10px; background:#fff; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
    145. 

  145. .app .modules .app-store .inner a{color:#333;}
    146. 

  146. .app .modules .app-store .inner .pull-right a{color:#999;}
    147. 

  147. /*app商品分组1*/
    148. 

  148. .app .modules .app-tagList1 .inner{background:#E6E6E6;}
    149. 

  149. .app .modules .app-tagList1 .nav-left{padding:0; position:relative;}
    150. 

  150. .app .modules .app-tagList1 .nav-tabs{border:0; position:relative; padding-top:25px;}
    151. 

  151. .app .modules .app-tagList1 ul li a{color:#333;margin:0; padding:5px 10px; border:0; border-radius:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
    152. 

  152. .app .modules .app-tagList1 .list{background:#fff; padding:0 2px;}
    153. 

  153. .app .modules .app-tagList1 .nav-tabs>li.active>a, .app .modules .app-tagList1 .nav-tabs>li.active>a:hover, .app .modules .app-tagList1 .nav-tabs>li.active>a:focus{color:#f60; background-color:#fff; border:none;}
    154. 

  154. .app .modules .app-tagList1 .list h2{height:25px; line-height:25px; background:#eee; padding-left:5px; font-size:14px;}
    155. 

  155. .app .modules .app-tagList1 .list .goods-list,.app .modules .app-tagList2 .goods-list{margin:5px;}
    156. 

  156. .app .modules .app-tagList1 .list .goods-list .goods-simple,.app .modules .app-tagList2 .goods-list .goods-simple{padding:5px 0; border-bottom:1px solid #eee;}
    157. 

  157. .app .modules .app-tagList1 .list .goods-list .goods-simple:last-child,.app .modules .app-tagList2 .goods-list .goods-simple:last-child{border:0;}
    158. 

  158. .app .modules .app-tagList1 .inner .detailList .col-xs-4{padding:0;}
    159. 

  159. .app .modules .app-tagList1 .list .detailList .goods-price,.app .modules .app-tagList2 .goods-list .goods-price{color:#f60;}
    160. 

  160. /*app商品分组2*/
    161. 

  161. .app .modules .app-tagList2 ul.nav li{background:#fff; border-bottom:1px solid #e5e5e5;  border-top:1px solid #e5e5e5;}
    162. 

  162. .app .modules .app-tagList2 ul.nav .active{border-bottom:1px solid #d9534f;}
    163. 

  163. .app .modules .app-tagList2 ul.nav .active a{color:#d9534f;}
    164. 

  164. /*app语音*/
    165. 

  165. .app .modules .app-audio .inner{padding:10px;}
    166. 

  166. .app .modules .app-audio .inner img.audioLogo{width:40px; height:40px; display:inline-block;}
    167. 

  167. .app .modules .app-audio .inner .wx{position:relative;}
    168. 

  168. /*微信模式气泡居左(.wx.audioLeft)*/
    169. 

  169. .app .modules .app-audio .inner .audioLeft{text-align:left;}
    170. 

  170. .app .modules .app-audio .inner .audioLeft .audioBar{position:absolute; width:185px; height:42px; display:inline-block; left:55px; top:0; background:url('../images/app/sprite_v5.png') 0 0 no-repeat; background-size:400px 175px; cursor:pointer;}
    171. 

  171. .app .modules .app-audio .inner .audioLeft .audioBar .audioStatic{display:block; position:absolute; width:13px; height:17px; left:21px; top:12px; z-index:2; background:url('../images/app/sprite_v5.png') 0 0 no-repeat; background-size:400px 175px; background-position:-180px -105px;}
    172. 

  172. .app .modules .app-audio .inner .audioLeft .audioBar .audioAnimation{position:absolute; width:13px; height:17px; left:21px; top:12px; z-index:3;}
    173. 

  173. .app .modules .app-audio .inner .audioLeft .audioBar .audioLoading{position:absolute; right:15px; top:12px;}
    174. 

  174. .app .modules .app-audio .inner .audioLeft .audio-time{position:absolute; font-size:14px; color:#999; left:250px; bottom:5px;}
    175. 

  175. /*微信模式气泡居右(.wx.audioRight)*/
    176. 

  176. .app .modules .app-audio .inner .audioRight{text-align:right;}
    177. 

  177. .app .modules .app-audio .inner .audioRight img{float:right;}
    178. 

  178. .app .modules .app-audio .inner .audioRight .audioBar{position:absolute; width:185px; height:42px; display:inline-block; left:auto; right:50px; background:url('../images/app/sprite_v5.png') 0 0 no-repeat; background-position:-187px 0; background-size:400px 175px; cursor:pointer;}
    179. 

  179. .app .modules .app-audio .inner .audioRight .audioBar .audioStatic{display:block; position:absolute; width:13px; height:17px; left:auto; right:21px; top:12px; z-index:2; background:url('../images/app/sprite_v5.png') 0 0 no-repeat; background-size:400px 175px; background-position:-180px -83px;}
    180. 

  180. .app .modules .app-audio .inner .audioRight .audioBar .audioAnimation{position:absolute; width:13px; height:17px; left:auto; right:21px; top:12px; z-index:3; }
    181. 

  181. .app .modules .app-audio .inner .audioRight .audioBar .audioLoading{position:absolute; left:15px; top:12px; right:auto;}
    182. 

  182. .app .modules .app-audio .inner .audioRight .audio-time{position:absolute;display:inline-block; width:50px; font-size:14px; color:#999; right:240px; bottom:5px; left:auto;}
    183. 

  183. /*简易音乐播放(.music)*/
    184. 

  184. .app .modules .app-audio .inner .music{height:38px; border:1px solid #dddddd; line-height:38px; position:relative; background:#FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    185. 

  185. .app .modules .app-audio .inner .music.music-play{height:38px; overflow:hidden;}
    186. 

  186. .app .modules .app-audio .inner .music .audioStatic i{position: absolute; left:15px; top:-1px; font-size:22px; color:#6AAB30; display:inline-block; line-height:38px;}
    187. 

  187. .app .modules .app-audio .inner .music .audioAnimation i{position:absolute; left:15px; top:9px; font-size:10px; color:#666; line-height:19px; width:19px; height:19px; border-radius:19px; border:1px solid #666; text-align:center;}
    188. 

  188. .app .modules .app-audio .inner .music .musicTitle{position:absolute; left:42px; top:0; width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
    189. 

  189. .app .modules .app-audio .inner .music .audioLoading{position:absolute; right:15px; top:-1px;}
    190. 

  190. .app .modules .app-audio .inner .music .audio-time{position:absolute; font-size:14px; color:#999; right:10px;top:-1px;}
    191. 

  191. .app .modules .app-audio .inner .music .slider-bar{position:relative; top:36px; left:0; border-top:1px solid #ddd; width:100%; height:19px; background:#f9f9f9;}
    192. 

  192. .app .modules .app-audio .inner .music .slider-bar .slider-fill{position:absolute; height:19px; background:#6AAB30;}
    193. 

  193. .app .modules .app-audio .inner .music .slider-bar .slider-handle{cursor:pointer; display:inline-block; width:46px; height:21px; position:absolute; top:-1px; background-image: url("../images/app/slider-bar.png"); background-size:46px 21px;}
    194. 

  194. /*app公告*/
    195. 

  195. .app .modules .app-notice .inner{font-size:12px; overflow: hidden; color:#f90; background:#ffc; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding:0 10px;}
    196. 

  196. .app .modules .app-notice .inner .notice-box{height:37px; line-height:37px; word-break:break-all; font-size:12px; overflow:hidden;}
    197. 

  197. .app .modules .app-notice .inner .scrollNotice{width:20000px;}
    198. 

  198. .app .modules .app-notice .inner .scrollNotice span{position:relative;}
    199. 

  199. /*自定义内容项*/
    200. 

  200. .app .app-preview .app-region{position:relative;}
    201. 

  201. .app .app-preview .app-region .arrow-top,.app .app-preview .arrow-top:after{width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent  #d1d1d1 transparent; position: absolute; left: 50%; top: -10px;}
    202. 

  202. .app .app-preview .app-region .arrow-top:after{content: ""; border-bottom-color: #f8f8f8; top: 1px; left:-8px; z-index:1;}
    203. 

  203. .app .app-preview .app-region .panel{border-radius:0; position:relative; width:100%; border-left:0; border-right:0;}
    204. 

  204. .app .app-preview .app-region .panel .panel-body{padding:0 11px 4px 11px;}
    205. 

  205. .app .app-preview .app-region .panel .panel-body h4,.app .app-side .app-add-item .addItem-wrap h4{height:40px; line-height:40px; font-size:14px; font-weight:bold;}
    206. 

  206. .app .app-preview .app-region .panel .panel-body ul,.app .app-side .app-add-item .addItem-wrap ul{width:100%; margin: 0 auto;}
    207. 

  207. .app .app-preview .app-region .panel .panel-body ul li,.app .app-side .app-add-item .addItem-wrap ul li{float: left; display: table; margin: 0 0 10px 5px; background: #fff;}
    208. 

  208. .app .app-preview .app-region .app-add-filed a,.app .app-side .app-add-item .addItem-wrap .app-add-filed a {display:table-cell; width:60px; height:45px; text-align:center; box-sizing: border-box; white-space:normal; vertical-align:middle; line-height:14px; cursor:pointer; padding:6px 8px; color:#428bca;}
    209. 

  209. 

  210. .app .app-side{margin:71px 0 0 0;}
    211. 

  211. .app .app-side .panel-body{padding:12px 10px;}
    212. 

  212. .app .app-side>div{position:relative; padding-bottom:20px; width:600px; margin-left:20px;}
    213. 

  213. .app .app-side .card{padding:20px 0 20px 20px; margin:0 20px 20px 0; border:1px solid #ddd; background:#FFF;}
    214. 

  214. .app .app-side .arrow-left,.app .app-side .arrow-left:after{width: 0; height: 0; border-style: solid; border-width: 8px 10px 8px 0; border-color: transparent #d1d1d1 transparent transparent; position: absolute; left: -10px; top: 19px;}
    215. 

  215. .app .app-side .arrow-left:after{content: ""; border-right-color: #f8f8f8; left: 1px; top: -8px;}
    216. 

  216. .app .app-side .card .divider{margin:15px 0; padding-right:30px; width:95%;border-top:1px solid #DDD;}
    217. 

  217. .app .app-side .card .btns{display:none;}
    218. 

  218. .app .app-side .card:hover .btns{display:block;}
    219. 

  219. .custom-link .popover{width:360px; max-width:600px;}
    220. 

  220. /*页面标题设置*/
    221. 

  221. 

  222. 

  223. /*商品*/
    224. 

  224. .app .app-side .app-goods-edit .goods-thumb,.app .app-side .app-goods-edit .goods-select{display:inline-block; width:50px; height:50px; margin:0 10px 10px 0; position:relative; border:1px solid #ddd; line-height:46px; text-align:center; vertical-align:middle;}
    225. 

  225. .app .app-side .app-goods-edit .goods-thumb:hover .remove{display:block;}
    226. 

  226. .app .app-side .app-goods-edit .goods-thumb .remove{position:absolute; top:-25px; right:-5px;display:none;}
    227. 

  227. .app .app-side .app-goods-edit .goods-thumb .remove  i{display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; color:#fff; background:rgba(0,0,0,.3); border-radius:50%;}
    228. 

  228. .app .app-side .app-goods-edit .goods-thumb i:hover{background:#000;}
    229. 

  229. /*图片广告******图片导航*/
    230. 

  230. .app .app-side .app-adImg-edit .panel-body .card,.app .app-side .app-nav-edit .panel .card{margin:0 0 20px 0; padding:10px 15px;}
    231. 

  231. .app .app-side .app-adImg-edit .add-adImg-item .img,.app .app-side .app-nav-edit .nav-item .img{height:92px; text-align:center; position:relative; overflow:hidden; padding:0; }
    232. 

  232. .app .app-side .app-adImg-edit .add-adImg-item .img img,.app .app-side .app-nav-edit .nav-item .img img{display:block; max-width:100%;  vertical-align:middle;}
    233. 

  233. .app .app-side .app-adImg-edit .add-adImg-item .img h3,.app .app-side .app-nav-edit .nav-item .img h3{position:absolute; bottom:0; left:0; width:100%; text-align:center; z-index:2; color:#fff; background:rgba(51,51,51,0.5); padding:5px 15px; font-size:14px; line-height:1.5em;}
    234. 

  234. /*魔方*/
    235. 

  235. .app .app-side .app-cube-edit .add-cube-item{margin:0 0 20px 0; padding:10px; position:relative;}
    236. 

  236. .app .app-side .app-cube-edit table{width:240px; table-layout:fixed;}
    237. 

  237. .app .app-side .app-cube-edit table tr td{width:60px; height:60px; cursor:pointer; text-align:center; color:#ccc; background-color:rgba(0, 0, 0, 0.1); padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
    238. 

  238. .app .app-side .app-cube-edit table td.empty{background-color:rgba(0, 0, 0, 0); border:#dddddd 1px dashed;}
    239. 

  239. .app .app-side .app-cube-edit table td.current{-webkit-box-shadow:0 0 0 2px #858585 inset; box-shadow:0 0 0 2px #858585 inset; padding:2px;}
    240. 

  240. .app .app-side .app-cube-edit table td.rows-2{height:120px;}
    241. 

  241. .app .app-side .app-cube-edit table td.rows-3{height:180px;}
    242. 

  242. .app .app-side .app-cube-edit table td.rows-4{height:240px;}
    243. 

  243. .app .app-side .app-cube-edit table td.cols-2{width:120px;}
    244. 

  244. .app .app-side .app-cube-edit table td.cols-3{width:180px;}
    245. 

  245. .app .app-side .app-cube-edit table td.cols-4{width:240px;}
    246. 

  246. .app .app-side .app-cube-edit table td.index-0{background-color:#BEEB9F;}
    247. 

  247. .app .app-side .app-cube-edit table td.index-1{background-color:#FFFF9D;}
    248. 

  248. .app .app-side .app-cube-edit table td.index-2{background-color:#DB9E36;}
    249. 

  249. .app .app-side .app-cube-edit table td.index-3{background-color:#79BD8F;}
    250. 

  250. .app .app-side .app-cube-edit table td.index-4{background-color:#00A388;}
    251. 

  251. .app .app-side .app-cube-edit table td.index-5{background-color:#225378;}
    252. 

  252. .app .app-side .app-cube-edit table td.index-6{background-color:#1695A3;}
    253. 

  253. .app .app-side .app-cube-edit table td.index-7{background-color:#BEDB39;}
    254. 

  254. .app .app-side .app-cube-edit table td.index-8{background-color:#F3FFE2;}
    255. 

  255. .app .app-side .app-cube-edit table td.index-9{background-color:#EB7F00;}
    256. 

  256. .app .app-side .app-cube-edit table td.index-10{background-color:#7D8A2E;}
    257. 

  257. .app .app-side .app-cube-edit table td.index-11{background-color:#C9D787;}
    258. 

  258. .app .app-side .app-cube-edit table td.index-12{background-color:#FFC0A9;}
    259. 

  259. .app .app-side .app-cube-edit table td.index-13{background-color:#FF8598;}
    260. 

  260. .app .app-side .app-cube-edit table td.index-14{background-color:#FFD34E;}
    261. 

  261. .app .app-side .app-cube-edit table td.index-15{background-color:#ACF0F2;}
    262. 

  262. .app .app-side .app-cube-edit table span{color:#fff; text-shadow:0 0 1px #000; position:relative; left:-2px;}
    263. 

  263. .app .app-side .app-cube-edit table td.current span{top:-10px; left:0;}
    264. 

  264. .app .modules .app-cube table{width:100%; table-layout:fixed;}
    265. 

  265. .app .modules .app-cube table td{text-align:center; color:#ddd;}
    266. 

  266. .app .app-side .app-cube-edit tr,.app .modules .app-cube tr{margin:0; padding:0; width:100%;}
    267. 

  267. .app .app-side .app-cube-edit td,.app .modules .app-cube td{width:25%; margin:0; padding:0;}
    268. 

  268. .app .app-side .app-cube-edit td img,.app .modules .app-cube td img{display:inline-block; vertical-align:middle; max-width:100%; max-height:100%; width:auto; height:auto;}
    269. 

  269. .app .app-side .app-cube-edit td.cols-2,.app .modules .app-cube td.cols-2{width:50%;}
    270. 

  270. .app .app-side .app-cube-edit td.cols-3,.app .modules .app-cube td.cols-3{width:75%;}
    271. 

  271. .app .app-side .app-cube-edit td.cols-4,.app .modules .app-cube td.cols-4{width:100%;}
    272. 

  272. 

  273. .layout-table{width:250px; margin:40px auto;}
    274. 

  274. .layout-cols li{float:left; background:#f8f8f8; width:60px; height:60px; border:1px solid #e9e9e9; border-right-width:2px; border-bottom-width:2px; margin:1px;}
    275. 

  275. .layout-cols li.selected{background:#ddeafb; border-color:#c3d9ff;}
    276. 

  276. /*标题*/
    277. 

  277. .app .app-side .app-title-edit .card{margin:10px 0;}
    278. 

  278. .app .app-side .app-title-edit .link{display:inline-block;}
    279. 

  279. /*文本导航*/
    280. 

  280. .app .app-side .app-textNav-edit .panel-body{padding:12px 10px;}
    281. 

  281. .app .app-side .app-textNav-edit .panel-body .card{margin:0 0 20px 0; padding:10px; position:relative;}
    282. 

  282. .app .app-side .card,.app .app-side .app-textNav-edit .add-textNav-con,.app .app-side .app-textNav-edit .add-textNav-con .link,.app .app-side .app-adImg-edit .add-adImg-item{position:relative;}
    283. 

  283. .app .app-side .card .btns{text-align:right; position:absolute; top:-10px; right:-10px;}
    284. 

  284. .app .app-side .card .btns a{display:inline-block; width:20px; height:20px; text-align:center; line-height:20px;color:#fff; background:rgba(0,0,0,.3); border-radius:50%;}
    285. 

  285. .app .app-side .card .btns a:hover{background:#000;}
    286. 

  286. /*图片导航*/
    287. 

  287. .app .app-side .app-nav-edit .nav-item .img>span{display:block; border:1px solid #eee; height:100%; text-align:center; line-height:92px;}
    288. 

  288. /*关联链接*/
    289. 

  289. .app .app-side .app-link-edit .card{margin:0 0 20px 0; padding:10px;}
    290. 

  290. .app .app-side .app-link-edit .link-item{position:relative;}
    291. 

  291. /*橱窗*/
    292. 

  292. .app .app-side .app-showCase-edit .inner .card{margin:0 0 20px 0; padding:10px;}
    293. 

  293. .app .app-side .app-showCase-edit .showcase-item .img{padding:0; position:relative; overflow:hidden; height:92px;  background-size:contain; background-repeat:no-repeat; background-position:50% 50%; cursor:pointer;}
    294. 

  294. .app .app-side .app-showCase-edit .showcase-item img{width:100%;}
    295. 

  295. .app .app-side .app-showCase-edit .showcase-item .img h3{position:absolute; bottom:0; left:0; width:100%; text-align:center; z-index:2; color:#fff; background:rgba(51,51,51,0.5); padding:5px 15px; font-size:14px; line-height:1.5em;}
    296. 

  296. .app .app-side .app-showCase-edit .showcase-item .img>span{display:block; width:100%; border:1px solid #eee; height:100%; text-align:center; line-height:92px;}
    297. 

  297. /*自定义模*/
    298. 

  298. .app .app-side .app-component-edit .inner .componentAdd{cursor:pointer;}
    299. 

  299. /*辅助空白*/
    300. 

  300. .app .app-side .app-white-edit .slider{width:100%; padding-top:4px;}
    301. 

  301. .app .app-side .app-white-edit .slider .slider-bar{position:relative; text-align:left; height:13px; border:1px solid #aaa; border-radius:10px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .15);}
    302. 

  302. .app .app-side .app-white-edit .slider .slider-bar a{position:absolute; z-index:2; width:20px; height:20px; cursor:default; border:1px solid #aaa; background-color:#ddd; border-radius:50%; margin-left:-10px; top:-5px;}
    303. 

  303. /*添加内容*/
    304. 

  304. .app .app-side .app-add-item .addItem-wrap{width:326px; margin:10px auto;}
    305. 

  305. /*商品分组1*/
    306. 

  306. .app .app-side .app-tagList1-edit .card{margin:0 0 20px 0; padding:10px;position:relative;}
    307. 

  307. /*商品分组2*/
    308. 

  308. .app .app-side .app-tagList2-edit .card{margin:0 0 20px 0; padding:10px;position:relative;}
    309. 

  309. /*微页面分类*/
    310. 

  310. .micro-page-category .category-list-filter{margin:15px 0;}
    311. 

  311. .app .app-preview .title{position:relative;}
    312. 

  312. .app .app-preview .title h1{margin:0; padding:18px 60px 0 60px; height:64px; line-height:46px; font-size:16px; color:#fff; text-align: center; background:url('../images/app/titlebar.png') no-repeat; cursor:pointer; left:-1px; right:-1px;}
    313. 

  313. .app .app-preview .title h1 span{display:inline-block; width:200px; height:46px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    314. 

  314. .micro-page-category .app-category .title .title-new{padding:10px; margin-bottom:10px; border-bottom:1px solid #dddddd;}
    315. 

  315. .micro-page-category .app-category .title .title-new h2{margin:0; font-size:18px; line-height:22px;}
    316. 

  316. .micro-page-category .app-category .title .app-paginations-container{padding:10px 5px;}
    317. 

  317. .micro-page-category .app-category .rich-text{padding:10px 10px 0 10px;}
    318. 

  318. .micro-page-category .app-category .app-paginations-container .category-messages{width:100%; margin-bottom:5px; border:1px solid #c9c9c9; background:#fff;}
    319. 

  319. .micro-page-category .app-category .app-paginations-container .category-messages>a{display:block; padding:15px 9px;}
    320. 

  320. .micro-page-category .app-category .app-paginations-container .img{width:94px; height:94px; margin-right:10px;display:table-cell; vertical-align: middle; text-align:center; overflow:hidden; border:1px solid #e5e5e5; }
    321. 

  321. .micro-page-category .app-category .app-paginations-container .img img{max-height:94px; vertical-align:middle; width:auto; height:auto;}
    322. 

  322. .micro-page-category .app-category .app-paginations-container .headline{font-size:17px; line-height:22px; color:#333; margin:5px 0 10px;}
    323. 

  323. .micro-page-category .app-category .app-paginations-container .summary{font-size: 12px; line-height: 1.4; color: #666; margin: 10px 0 10px 105px; word-break: break-all;}
    324. 

  324. .micro-page-category .app-category-edit .category-messages-list i{cursor:pointer; color:rgba(0,0,0,0.3); font-size:20px;}
    325. 

  325. .micro-page-category .app-category-edit .category-messages-list i:hover{ color:rgba(0,0,0,1);}
    326. 

  326. /*会员主页*/
    327. 

  327. .usercenter .app-usercenter .head{position:relative; height:170px; width:100%; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}
    328. 

  328. .usercenter .app-usercenter .head .ptool{float:right; display:inline-block; text-decoration:none; height:50px; line-height:50px; width:50px; text-align:center;font-size:25px; color:#749caa;}
    329. 

  329. .usercenter .app-usercenter .head .pdetail{height:120px; padding:30px 0 0 20px; -webkit-box-sizing:border-box;}
    330. 

  330. .usercenter .app-usercenter .head .pdetail .img-circle{float:left; width:66px; height:66px; overflow:hidden; margin-right:10px; border:1px rgba(255,255,255,0.2) solid;}
    331. 

  331. .usercenter .app-usercenter .head .pdetail .img-circle img{width:66px;}
    332. 

  332. .usercenter .app-usercenter .head .pdetail .pull-left span{display:block; color:#FFF; line-height:20px;}
    333. 

  333. .usercenter .app-usercenter .head .pdetail .pull-left span.name{font-size:20px; display:inline-block; max-width:150px; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
    334. 

  334. .usercenter .app-usercenter .head .pdetail .pull-left span.type{font-size:14px;}
    335. 

  335. .usercenter .app-usercenter .head .head-nav{height:50px; line-height:20px; padding-top:7px; background:rgba(0,0,0,0.2);}
    336. 

  336. .usercenter .app-usercenter .head .head-nav .head-nav-list{display:inline-block; float:left; text-decoration:none; color:#FFF; width:25%; text-align:center; font-size:16px; background:-webkit-gradient(linear, 0 0, 0 100, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0.5)) ) no-repeat left center; -webkit-background-size:1px 75%;}
    337. 

  337. .usercenter .app-usercenter .head .head-nav .head-nav-list:first-child{background:none;}
    338. 

  338. .usercenter .app-usercenter .head .head-nav .head-nav-list > span{font-weight:bold; display:block; font-size:14px;}
    339. 

  339. .usercenter .app-usercenter .mnav-box ul,.mnav-box ul li{padding:0; margin:0;}
    340. 

  340. .usercenter .app-usercenter .mnav-box{color:#606366; background:transparent url('../images/app/home-bg.jpg') no-repeat; background-size:100% 100%;}
    341. 

  341. .usercenter .app-usercenter .mnav-box ul{border-top:10px solid #e4e9e8; list-style:none; background:transparent -webkit-gradient(linear,0 0, 0 10%,from(rgba(90,197,212,1)), to(rgba(90,197,212,1))) center top; -webkit-background-size:100% 2px; padding-top:2px; background-repeat:no-repeat;}
    342. 

  342. .usercenter .app-usercenter .mnav-box ul:first-child{background:none; border-top:0; padding-top:0;}
    343. 

  343. .usercenter .app-usercenter .mnav-box ul li{ border-bottom:1px solid #dddddd; position:relative; height:48px; padding: 12px 15px; overflow:hidden;}
    344. 

  344. .usercenter .app-usercenter .mnav-box ul li .mnav-box-list{color:#606366; font-size:15px; text-decoration:none; -webkit-box-sizing:border-box; overflow:hidden;}
    345. 

  345. .usercenter .app-usercenter .mnav-box ul li .mnav-box-list>i{width:25px; margin-right:10px; color:#8dd1db; text-align:center; font-size:20px;}
    346. 

  346. .usercenter .app-usercenter .mnav-box ul li .mnav-box-list .mnav-title{display:inline-block; padding-right:15px;}
    347. 

  347. .usercenter .app-usercenter .mnav-box ul li .mnav-box-list > .pull-right{display:inline-block; font-size:22px; line-height:0; color:#888; position:absolute; right:15px; top:12px;}
    348. 

  348. .usercenter .app-usercenter .mnav-box ul li .mnav-box-list > .pull-right .btn{background:#56c6d6; color:#FFF; border:0; border-radius:1px; margin-top:-5px; width:100px; height:32px; font-size:17px; white-space:pre-line;}
    349. 

  349. .usercenter .app-usercenter .mnav-box .list-group-item{background-color:transparent;}
    350. 

  350. .usercenter .app .modules .app-textNav .inner .list-group-item a{color:#606366;}
    351. 

  351. /*店铺导航*/
    352. 

  352. .shopNav .well h3,.publicAd .well h3{margin:0 ; font-size:16px; line-height:30px; font-weight:bold;}
    353. 

  353. .shopNav .app .app-preview{border-radius:18px; padding-bottom:100px; position:relative;}
    354. 

  354. .shopNav .app .app-preview:after{content:""; position:absolute; bottom:20px; left:145px; width:60px; height:60px; border:1px solid #ddd; border-radius:100%;}
    355. 

  355. .shopNav .app .app-content{border-bottom:1px solid #c5c5c5; min-height:430px; position:relative; background:#fff;}
    356. 

  356. .shopNav .app .nav-menu .nav-menu-wx,.shopNav .app .nav-menu .nav-menu-app,.shopNav .app .nav-menu .nav-menu-cart{position:absolute; bottom:0; left:0; right:0; color:#333; text-align:center;}
    357. 

  357. .shopNav .app .nav-menu a{display:block; height:100%;}
    358. 

  358. .shopNav .alert{background:#f8f8f8; width:100%;}
    359. 

  359. .shopNav .modal{z-index:1100;}
    360. 

  360. .shopNav .action-wrap{ display:none;}
    361. 

  361. .shopNav .modal .alert div{margin-top:12px;}
    362. 

  362. .shopNav .modal .wx-example{width:320px; height:50px; background:url('../images/app/shopNavWx.png') 0 0 no-repeat;}
    363. 

  363. .shopNav .modal .app-example{width:320px; height:50px; background:url('../images/app/shopNavWx.png') 0 -40px no-repeat;}
    364. 

  364. .shopNav .modal .cart-example{width:360px; height:50px; background:url('../images/app/shopNavCart.png') 0 0 no-repeat;}
    365. 

  365. .shopNav .modal .path-example{width:100%; height:160px; background:url('../images/app/shopNavPath.png') 0 0 no-repeat;}
    366. 

  366. .shopNav .modal .sides-example{width:100%; height:160px; background:url('../images/app/shopNavSides.png') center center no-repeat; background-size: auto 125px;}
    367. 

  367. .shopNav .app-side .shopNav-edit-header{height:44px; line-height:34px; padding-bottom:10px; border-bottom:1px solid #E5E5E5;}
    368. 

  368. .shopNav .app-side .add-shopNav{margin-top:10px; height:45px; line-height:45px; padding:0 13px; border:1px dashed #ccc; background:#fff; font-size:13px; cursor:pointer;}
    369. 

  369. .shopNav .app-side .card{margin:10px 0 5px 0 ; padding:15px;}
    370. 

  370. /*微信导航样式*/
    371. 

  371. .shopNav .app .nav-menu .nav-menu-wx{background:#FAFAFA; border-top:1px solid #e5e5e5;}
    372. 

  372. .shopNav .app .nav-menu .nav-menu-wx .nav-home{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:100%; float:left; display:block; text-align:center; line-height:44px;}
    373. 

  373. .shopNav .app .nav-menu .nav-menu-wx .nav-home i{color:#737373;  font-size:30px; margin-top:4.5px;}
    374. 

  374. .shopNav .app .nav-menu .nav-menu-wx .nav-group i{color:#888; display:inline-block; width:12px; height:12px; line-height:14px; text-align:center; font-size:14px; margin-right:5px;}
    375. 

  375. .shopNav .app .nav-menu .nav-menu-wx.has-nav-0 .nav-home{width:100%;}
    376. 

  376. .shopNav .app .nav-menu .nav-menu-wx.has-nav-1 .nav-home,.shopNav .app .nav-menu .nav-menu-wx.has-nav-2 .nav-home,.shopNav .app .nav-menu .nav-menu-wx.has-nav-3 .nav-home{width:16%;}
    377. 

  377. .shopNav .app .nav-menu .nav-menu-wx .nav-group{width:84%; float:left;}
    378. 

  378. .shopNav .app .nav-menu .nav-menu-wx .nav-group .nav-group-item{position:relative; float:left; display:block; height:100%; line-height:44px; text-align:center; border-left:1px solid #e5e5e5;}
    379. 

  379. .shopNav .app .nav-menu .nav-menu-wx .nav-group .nav-group-item a{color:#333; text-shadow: 0 0 2px #f5f5f5; text-align:center; overflow:hidden; text-overflow:ellipsis;}
    380. 

  380. .shopNav .app .nav-menu .nav-menu-wx .nav-group .nav-group-item.open dl{display: block;}
    381. 

  381. .shopNav .app .nav-menu .nav-menu-wx.has-nav-1 .nav-group-item{width:100%;}
    382. 

  382. .shopNav .app .nav-menu .nav-menu-wx.has-nav-2 .nav-group-item{width:50%;}
    383. 

  383. .shopNav .app .nav-menu .nav-menu-wx.has-nav-3 .nav-group-item{width:33.3%;}
    384. 

  384. .shopNav .app .nav-menu .nav-menu-wx .nav-group .dropup{position:relative;}
    385. 

  385. .shopNav .app .nav-menu .nav-menu-wx dl{display:none; position:absolute; z-index:220; bottom:40px; left:50%; width:85px; margin-left:-45px; min-height:40px; background:#fff; border:1px solid #afaeaf; border-radius:5px; -webkit-box-shadow:inset 0 0 3px #fff;}
    386. 

  386. .shopNav .app .nav-menu .nav-menu-wx dl:before, .shopNav .app .nav-menu .nav-menu-wx dl:after{content:""; display:inline-block; position:absolute; z-index:240; bottom:0;left:50%; width:0; height:0; border:8px solid red; border-color:#afaeaf transparent transparent transparent; margin-left:-8px; margin-bottom:-16px;}
    387. 

  387. .shopNav .app .nav-menu .nav-menu-wx dl:after{z-index:241; border-color:#fff transparent transparent transparent; margin-bottom:-15px;}
    388. 

  388. .shopNav .app .nav-menu .nav-menu-wx dl dd+dd{border-top:1px solid #ddd;}
    389. 

  389. .shopNav .app .nav-menu .nav-menu-wx dl dd{margin:0; line-height:40px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    390. 

  390. .shopNav .app .nav-menu .nav-menu-wx dl dd:last-of-type{background:none;}
    391. 

  391. .shopNav .app .nav-menu .nav-menu-wx dl dd a{display:block; color:#4f4d4f; text-shadow:0 0 1px #fff;}
    392. 

  392. .shopNav .app-side .app-shopNav-edit .first-nav h3{font-size:14px; font-weight:bold; margin-bottom:10px;}
    393. 

  393. .shopNav .app-side .app-shopNav-edit .second-nav{margin-left:20px;}
    394. 

  394. .shopNav .app-side .app-shopNav-edit .second-nav h4{font-size:12px; font-weight:bold;}
    395. 

  395. .shopNav .app-side .app-shopNav-edit .second-nav .alert{ position:relative;}
    396. 

  396. .shopNav .app-side .app-shopNav-edit .del{text-align:right; position:absolute; top:-10px; right:-10px; display:none;}
    397. 

  397. .shopNav .app-side .app-shopNav-edit .del a{display:inline-block; width:20px; height:20px; text-align:center; line-height:20px;color:#fff; background:rgba(0,0,0,.3); border-radius:50%;}
    398. 

  398. .shopNav .app-side .app-shopNav-edit .del a:hover{background:#000;}
    399. 

  399. .shopNav .app-side .app-shopNav-edit .second-nav .alert:hover .del{display:block;}
    400. 

  400. /*app导航样式*/
    401. 

  401. .shopNav .app .nav-menu .nav-menu-app{width:100%; height:50px;}
    402. 

  402. .shopNav .app .nav-menu .nav-menu-app .nav-group{width:100%; height:100%;}
    403. 

  403. .shopNav .app .nav-menu .nav-menu-app .nav-group .nav-group-item{float:left; display:block; height:100%;}
    404. 

  404. .shopNav .app .nav-menu .nav-menu-app .nav-group .nav-group-item a{display:block; height:30px; width:100%; text-align:center; background-size:contain; background-position:center center; background-repeat:no-repeat; color:#fff; }
    405. 

  405. .shopNav .app .nav-menu .nav-menu-app .nav-group .nav-group-item a i{display:block; height:30px; padding-top:3px; line-height:30px; width:100%; text-align:center; font-size:25px; color:#fff;}
    406. 

  406. .shopNav .app .nav-menu .nav-menu-app .nav-group .nav-group-item span{display:block; height:20px; width:100%; line-height:20px; overflow:hidden; font-size:12px; color:#fff;}
    407. 

  407. .shopNav .app .nav-menu .nav-menu-app.has-nav-0 .nav-group .nav-group-item{width:0%;}
    408. 

  408. .shopNav .app .nav-menu .nav-menu-app.has-nav-1 .nav-group .nav-group-item{width:100%;}
    409. 

  409. .shopNav .app .nav-menu .nav-menu-app.has-nav-2 .nav-group .nav-group-item{width:50%;}
    410. 

  410. .shopNav .app .nav-menu .nav-menu-app.has-nav-3 .nav-group .nav-group-item{width:33.33%;}
    411. 

  411. .shopNav .app .nav-menu .nav-menu-app.has-nav-4 .nav-group .nav-group-item{width:25%;}
    412. 

  412. .shopNav .app .nav-menu .nav-menu-app.has-nav-5 .nav-group .nav-group-item{width:20%;}
    413. 

  413. .shopNav .app-side form{margin-top:15px;}
    414. 

  414. .shopNav .app-side .app-shopNav-edit .nav-img-group{margin-bottom:10px; border-bottom:1px solid #e5e5e5;}
    415. 

  415. .shopNav .app-side .app-shopNav-edit .nav-img-group .nav-img-box{position:relative; width:64px; margin-bottom:10px;}
    416. 

  416. .shopNav .app-side .app-shopNav-edit .nav-img-group .nav-img-box .nav-img{height:50px; text-align:center; background-size:contain; background-position:50% 50%; background-repeat:no-repeat;}
    417. 

  417. .shopNav .app-side .app-shopNav-edit .nav-img-group .nav-img-box .nav-img i{display:block; width:100%; height:100%; text-align:center; line-height:50px; font-size:30px; color:#fff;}
    418. 

  418. .shopNav .app-side .app-shopNav-edit .nav-img-group .nav-img-box a{display:block; height:15px; color:#fff; line-height:17px; text-align:center; background-color:#797979;}
    419. 

  419. .shopNav .app-side .app-shopNav-edit .nav-img-group .nav-img-highlight .nav-img-box:hover .del{display:block;}
    420. 

  420. .shopNav .app-side .app-shopNav-edit .nav-img-group .nav-img-highlight{padding-left:15px; margin-left:15px; border-left:1px solid #e5e5e5;}
    421. 

  421. /*购物车导航*/
    422. 

  422. .shopNav .app .nav-menu .nav-menu-cart{width:100%; padding:0 10px; height:40px; text-align:center;}
    423. 

  423. .shopNav .app .nav-menu .nav-menu-cart.has-nav-2 .nav-group-item,.shopNav .app .nav-menu .nav-menu-cart.has-nav-1 .nav-group-item,.shopNav .app .nav-menu .nav-menu-cart.has-nav-0 .nav-group-item{width:34%; height:40px;}
    424. 

  424. .shopNav .app .nav-menu .nav-menu-cart.has-nav-2 .nav-home,.shopNav .app .nav-menu .nav-menu-cart.has-nav-1 .nav-home,.shopNav .app .nav-menu .nav-menu-cart.has-nav-0 .nav-home{width:32%;}
    425. 

  425. .shopNav .app .nav-menu .nav-menu-cart.has-nav-4 .nav-group-item,.shopNav .app .nav-menu .nav-menu-cart.has-nav-3 .nav-group-item{width:17%;}
    426. 

  426. .shopNav .app .nav-menu .nav-menu-cart.has-nav-4 .nav-group-item.nav-home,.shopNav .app .nav-menu .nav-menu-cart.has-nav-3 .nav-group-item.nav-home{width:32%;}
    427. 

  427. .shopNav .app .nav-menu .nav-menu-cart .nav-group-item{height:40px;float:left;display:block;}
    428. 

  428. .shopNav .app .nav-menu .nav-menu-cart .nav-group-item a{display:block; height:100%; width:100%; text-align:center; background-size:contain; background-position:center center; background-repeat:no-repeat;}
    429. 

  429. .shopNav .app .nav-menu .nav-menu-cart .nav-group-item a i{display:block; height:100%; width:100%; text-align:center; line-height:40px; color:#fff; font-size:20px;}
    430. 

  430. .shopNav .app .nav-menu .nav-menu-cart .nav-home a{background-color:#f90;height:40px;width:40px;margin:0 auto;margin-top:-10px;border-radius:100%;border:5px solid #292929;}
    431. 

  431. .shopNav .app .nav-menu .nav-menu-cart .nav-home a i{line-height:30px;}
    432. 

  432. /*path展开形式导航*/
    433. 

  433. .shopNav .app .nav-menu .nav-menu-path{position:absolute; left:10px; bottom:20px;}
    434. 

  434. .shopNav .app .nav-menu .nav-menu-path .nav-group-item a{display:block; height:100%; width:100%; border-radius:100%; overflow:hidden; background-color:#E23636; background-size:contain; background-position:center center; background-repeat:no-repeat; text-align:center;}
    435. 

  435. .shopNav .app .nav-menu .nav-menu-path .nav-group-item a i{display:block; height:100%; width:100%; text-align:center; color:#fff; font-size:30px; line-height:45px; }
    436. 

  436. .shopNav .app .nav-menu .nav-menu-path .nav-home{width:50px; height:50px; z-index:100; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 200ms all ease-in-out; transition: 200ms all ease-in-out; position:absolute; left:0; bottom:0;}
    437. 

  437. .shopNav .app .nav-menu .nav-menu-path .nav-home.on{transform:rotateZ(135deg); -webkit-transform:rotateZ(135deg); -moz-transform:rotateZ(135deg); -o-transform:rotateZ(135deg); -ms-transform:rotateZ(135deg);}
    438. 

  438. .shopNav .app .nav-menu .nav-menu-path .nav-group .nav-group-item{width:45px; height:45px; border-radius:100%; position:absolute; left:2.5px; bottom:2.5px; -webkit-transition: -webkit-transform 200ms;-moz-transition: -webkit-transform 200ms;}
    439. 

  439. .shopNav .app .nav-menu .nav-menu-path .nav-group .nav-group-item a{width:45px; height:45px; border-radius:45px;}
    440. 

  440. .shopNav .app .nav-menu .nav-menu-path.has-nav-1 .nav-group .nav-group-item.on{transform: translate(50px, -50px) rotate(720deg); -webkit-transform: translate(50px, -50px) rotate(720deg); -moz-transform: translate(50px, -50px) rotate(720deg);}
    441. 

  441. .shopNav .app .nav-menu .nav-menu-path.has-nav-2 .nav-group .nav-group-item.on:nth-of-type(1){transform: translate(3px, -60px) rotate(720deg); -webkit-transform: translate(3px, -60px) rotate(720deg); -moz-transform: translate(3px, -60px) rotate(720deg);}
    442. 

  442. .shopNav .app .nav-menu .nav-menu-path.has-nav-2 .nav-group .nav-group-item.on:nth-of-type(2){transform: translate(60px, -3px) rotate(720deg); -webkit-transform: translate(60px, -3px) rotate(720deg); -moz-transform: translate(60px, -3px) rotate(720deg);}
    443. 

  443. .shopNav .app .nav-menu .nav-menu-path.has-nav-3 .nav-group .nav-group-item.on:nth-of-type(1){transform: translate(3px, -100px) rotate(720deg); -webkit-transform: translate(3px, -100px) rotate(720deg); -moz-transform: translate(3px, -100px) rotate(720deg);}
    444. 

  444. .shopNav .app .nav-menu .nav-menu-path.has-nav-3 .nav-group .nav-group-item.on:nth-of-type(2){transform: translate(72px, -72px) rotate(720deg); -webkit-transform: translate(72px, -72px) rotate(720deg); -moz-transform: translate(72px, -72px) rotate(720deg);}
    445. 

  445. .shopNav .app .nav-menu .nav-menu-path.has-nav-3 .nav-group .nav-group-item.on:nth-of-type(3){transform: translate(100px, -3px) rotate(720deg); -webkit-transform: translate(100px, -3px) rotate(720deg); -moz-transform: translate(100px, -3px) rotate(720deg);}
    446. 

  446. .shopNav .app .nav-menu .nav-menu-path.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(1){transform: translate(3px, -136px) rotate(720deg); -webkit-transform: translate(3px, -136px) rotate(720deg); -moz-transform: translate(3px, -136px) rotate(720deg);}
    447. 

  447. .shopNav .app .nav-menu .nav-menu-path.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(2){transform: translate(119px, -71px) rotate(720deg); -webkit-transform: translate(119px, -71px) rotate(720deg); -moz-transform: translate(119px, -71px) rotate(720deg);}
    448. 

  448. .shopNav .app .nav-menu .nav-menu-path.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(3){transform: translate(71px, -119px) rotate(720deg); -webkit-transform: translate(71px, -119px) rotate(720deg); -moz-transform: translate(71px, -119px) rotate(720deg);}
    449. 

  449. .shopNav .app .nav-menu .nav-menu-path.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(4){transform: translate(136px, -3px) rotate(720deg); -webkit-transform: translate(136px, -3px) rotate(720deg); -moz-transform: translate(136px, -3px) rotate(720deg);}
    450. 

  450. /*两侧展开形式导航*/
    451. 

  451. .shopNav .app .nav-menu .nav-menu-sides{position:absolute; left:50%; bottom:10px;}
    452. 

  452. .shopNav .app .nav-menu .nav-menu-sides .main-nav{position:relative; margin-left:-50%; padding:8px 9px 0 9px; width:150px; height:50px; background:url(../images/app/nav5back.png) center center no-repeat; background-size:150px 50px;}
    453. 

  453. .shopNav .app .nav-menu .nav-menu-sides .main-nav>div{width:43px; height:41px; overflow:hidden; border-radius:100%;}
    454. 

  454. .shopNav .app .nav-menu .nav-menu-sides .nav-group-item a{display:block; height:100%; width:100%; border-radius:100%; text-align:center; background-color:#E23636; background-size:contain; background-position:center center; background-repeat:no-repeat; }
    455. 

  455. .shopNav .app .nav-menu .nav-menu-sides .nav-group-item a i{display:block; height:100%; width:100%; border-radius:100%; font-size:25px; line-height:41px; color:#fff; text-align:center;}
    456. 

  456. .shopNav .app .nav-menu .nav-menu-sides .nav-home{width:40px; height:40px; border-radius:100%; position:relative; left:1px; bottom:-6px; float:left; margin-top:-10px; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 200ms all ease-in-out; transition: 200ms all ease-in-out;}
    457. 

  457. .shopNav .app .nav-menu .nav-menu-sides .nav-home.on{transform:rotateZ(135deg); -webkit-transform:rotateZ(135deg); -moz-transform:rotateZ(135deg); -o-transform:rotateZ(135deg); -ms-transform:rotateZ(135deg);}
    458. 

  458. .shopNav .app .nav-menu .nav-menu-sides .nav-group .nav-group-item{width:45px; height:45px; border-radius:100%; position:absolute; left:-22px; bottom:3px; -webkit-transition: -webkit-transform 200ms;-moz-transition: -webkit-transform 200ms;}
    459. 

  459. .shopNav .app .nav-menu .nav-menu-sides .nav-group .nav-group-item a{width:41px; height:41px; border-radius:100%; overflow:hidden;}
    460. 

  460. .shopNav .app .nav-menu .nav-menu-sides.has-nav-1 .nav-group .nav-group-item.on{transform: translate(0px, -60px) rotate(720deg); -webkit-transform: translate(0px, -60px) rotate(720deg); -moz-transform: translate(0px, -60px) rotate(720deg);}
    461. 

  461. .shopNav .app .nav-menu .nav-menu-sides.has-nav-2 .nav-group .nav-group-item.on:nth-of-type(1){transform: translate(-36px, -47px) rotate(720deg); -webkit-transform: translate(-36px, -47px) rotate(720deg); -moz-transform: translate(-36px, -47px) rotate(720deg);}
    462. 

  462. .shopNav .app .nav-menu .nav-menu-sides.has-nav-2 .nav-group .nav-group-item.on:nth-of-type(2){transform: translate(36px, -47px) rotate(720deg); -webkit-transform: translate(36px, -47px) rotate(720deg); -moz-transform: translate(36px, -47px) rotate(720deg);}
    463. 

  463. .shopNav .app .nav-menu .nav-menu-sides.has-nav-3 .nav-group .nav-group-item.on:nth-of-type(1){transform: translate(-54px, -47px) rotate(720deg); -webkit-transform: translate(-54px, -47px) rotate(720deg); -moz-transform: translate(-54px, -47px) rotate(720deg);}
    464. 

  464. .shopNav .app .nav-menu .nav-menu-sides.has-nav-3 .nav-group .nav-group-item.on:nth-of-type(2){transform: translate(0px, -70px) rotate(720deg); -webkit-transform: translate(0px, -70px) rotate(720deg); -moz-transform: translate(0px, -70px) rotate(720deg);}
    465. 

  465. .shopNav .app .nav-menu .nav-menu-sides.has-nav-3 .nav-group .nav-group-item.on:nth-of-type(3){transform: translate(54px, -47px) rotate(720deg); -webkit-transform: translate(54px, -47px) rotate(720deg); -moz-transform: translate(54px, -47px) rotate(720deg);}
    466. 

  466. .shopNav .app .nav-menu .nav-menu-sides.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(1){transform: translate(-57px, -47px) rotate(720deg); -webkit-transform: translate(-57px, -47px) rotate(720deg); -moz-transform: translate(-57px, -47px) rotate(720deg);}
    467. 

  467. .shopNav .app .nav-menu .nav-menu-sides.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(2){transform: translate(-26px, -94px) rotate(720deg); -webkit-transform: translate(-26px, -94px) rotate(720deg); -moz-transform: translate(-26px, -94px) rotate(720deg);}
    468. 

  468. .shopNav .app .nav-menu .nav-menu-sides.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(3){transform: translate(26px, -94px) rotate(720deg); -webkit-transform: translate(26px, -94px) rotate(720deg); -moz-transform: translate(26px, -94px) rotate(720deg);}
    469. 

  469. .shopNav .app .nav-menu .nav-menu-sides.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(4){transform: translate(57px, -47px) rotate(720deg); -webkit-transform: translate(57px, -47px) rotate(720deg); -moz-transform: translate(57px, -47px) rotate(720deg);}
    470. 

  470. /*公共广告*/
    471. 

  471. /*底部操作按钮*/
    472. 

  472. .app .shop-preview{position:fixed; padding:0 15px; bottom:0; right:0; z-index:100;}
    473. 

  473. .app .shop-preview div{background:rgba(255,254,220,0.8);}
    474. 

  474. 

  475. /*会员卡*/
    476. 

  476. .usercard .system-card{background:transparent url('../images/app/home-bg.jpg') no-repeat; background-size:100% 100%;}
    477. 

  477. .usercard .system-card .card{position:relative; width:100%; overflow:hidden; padding:5px;}
    478. 

  478. .usercard .system-card .card .card-panel{position:relative; width:280px; height:165px; margin:auto;}
    479. 

  479. .usercard .system-card .card-bg{width:100%;}
    480. 

  480. .usercard .system-card .card-sn{position:absolute; color:#666; right:20px; bottom:50px; text-shadow:0 -1px 0 rgba(255, 255, 255, 0.5); font-size:16px;}
    481. 

  481. .usercard .system-card .card-title{position:absolute; right:20px; top:10px; color:#ffffff; font-size:16px; text-shadow:0 -1px 0 rgba(255, 255, 255, 0.5);}
    482. 

  482. .usercard .system-card .card-logo{position:absolute; top:10px; left:20px;}
    483. 

  483. .usercard .system-card .card-logo img{width:auto; height:auto; max-width:150px; max-height:150px;}
    484. 

  484. .usercard .system-card .rank{position:absolute; right:20px; top:30px; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);}
    485. 

  485. .usercard .system-card .nickname{position:absolute; bottom:80px; right:20px; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);}
    486. 

  486. .usercard .system-card .info{position:absolute; right:20px; bottom:30px; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);}
    487. 

  487. .usercard .system-card .info span.money{display:inline-block; margin-right:10px;}
    488. 

  488. .usercard .system-card .card .head-nav{width:100%; height:50px; line-height:20px; padding-top:7px; background:rgba(0,0,0,0.4); position:absolute; z-index:10; bottom:0; left:0;}
    489. 

  489. .usercard .system-card .card .head-nav .head-nav-list{display:inline-block; float:left; text-decoration:none; color:#FFF;  width:25%; text-align:center; font-size:16px; background:-webkit-gradient(linear, 0 0, 0 100, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0.5)) ) no-repeat left center; -webkit-background-size:1px 75%;}
    490. 

  490. .usercard .system-card .card .head-nav .head-nav-list.has-nav-2{width:50%}
    491. 

  491. .usercard .system-card .card .head-nav .head-nav-list.has-nav-3{width:33.3333333%}
    492. 

  492. .usercard .system-card .card .head-nav .head-nav-list.has-nav-4{width:25%}
    493. 

  493. .usercard .system-card .card .head-nav .head-nav-list:first-child{background:none;}
    494. 

  494. .usercard .system-card .card .head-nav .head-nav-list > span{font-weight:bold; display:block; font-size:14px;}
    495. 

  495. .usercard .system-card .btn-manage a{display:inline-block; width:50%; float:left; color:#fff; background-color:#5AC5D4; text-align:center; border-right:1px solid #fff; padding:10px 0;}
    496. 

  496. .usercard .system-card .btn-manage a.payment{border:0;}
    497. 

  497. .usercard .system-card .nav-container ul,.nav-container ul li{padding:0; margin:0;}
    498. 

  498. .usercard .system-card .nav-container{color:#606366; background:transparent url('../images/app/home-bg.jpg') no-repeat; background-size:100% 100%;}
    499. 

  499. .usercard .system-card .nav-container ul{border-top:10px solid #e4e9e8; list-style:none; background:transparent -webkit-gradient(linear,0 0, 0 10%,from(rgba(90,197,212,1)), to(rgba(90,197,212,1))) no-repeat center top; -webkit-background-size:100% 2px; padding-top:2px;}
    500. 

  500. .usercard .system-card .nav-container.no-bordertop ul{border-top:none;}
    501. 

  501. .usercard .system-card .nav-container ul li{ border-bottom:1px solid #ddd; position:relative;}
    502. 

  502. .usercard .system-card .nav-container ul li .nav-container-list{color:#606366; font-size:15px; height:47px; line-height:23px; padding: 12px 15px; overflow:hidden; text-decoration:none; -webkit-box-sizing:border-box; display:block;}
    503. 

  503. .usercard .system-card .nav-container ul li .nav-container-list .nav-title{display:inline-block; width:50%; overflow:hidden; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; line-height:22px;}
    504. 

  504. .usercard .system-card .nav-container ul li .nav-container-list .nav-title i{width:25px; margin-right:10px; color:#8dd1db; text-align:center; font-size:20px;}
    505. 

  505. .usercard .system-card .nav-container ul li .nav-container-list .pull-right{display:inline-block; width:50%; overflow:hidden; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; text-align:right; height:23px; line-height:23px;}
    506. 

  506. .usercard .system-card .nav-container ul li .nav-container-list .pull-right i.fa{display:inline-block; font-size:22px; color:#888;}
    507. 

  507. .usercard .system-card .nav-container .collapse-con{padding:10px; background-color:#fff; display:block; border-top:1px solid #ddd;}
    508. 

  508. .usercard .system-card .nav-container .collapse-con.padding-b-0{padding-bottom:0;}
    509. 

  509. .usercard .system-card .nav-container .collapse-con.off{display:block;}
    510. 

  510. .usercard .system-card .nav-container .collapse-con table{margin:0;}
    511. 

  511. .usercard .system-card .nav-container .collapse-con table th,.usercard .system-card .nav-container .collapse-con table td{text-align:center;}
    512. 

  512. .usercard .system-card .nav-container .collapse-con .btn-recharge{width:48%; margin-bottom:12px;}
    513. 

  513. .usercard .system-card .nav-container .collapse-con .btn-recharge:nth-of-type(odd){margin-right:4%;}
    514. 

  514. 

  515. /*个性化菜单样式*/
    516. 

  516. .conditionMenu .well h3,.publicAd .well h3{margin:0 ; font-size:16px; line-height:30px; font-weight:bold;}
    517. 

  517. .conditionMenu .app .app-preview{border-radius:18px; padding-bottom:100px; position:relative;}
    518. 

  518. .conditionMenu .app .app-preview:after{content:""; position:absolute; bottom:20px; left:145px; width:60px; height:60px; border:1px solid #ddd; border-radius:100%;}
    519. 

  519. .conditionMenu .app .app-content{border-bottom:1px solid #c5c5c5; min-height:380px; position:relative; background:#fff;}
    520. 

  520. .conditionMenu .alert{background:#f8f8f8; width:100%; margin-bottom:0;}
    521. 

  521. 

  522. .conditionMenu .app .nav-menu .nav-menu-wx,.conditionMenu .app .nav-menu .nav-menu-app,.conditionMenu .app .nav-menu .nav-menu-cart{position:absolute; bottom:0; left:0; right:0; color:#333; text-align:center;}
    523. 

  523. .conditionMenu .app .nav-menu a{display:block; height:100%;}
    524. 

  524. .conditionMenu .app .nav-menu .nav-menu-wx{background:#FAFAFA; border-top:1px solid #e5e5e5;}
    525. 

  525. .conditionMenu .app .nav-menu .nav-menu-wx .nav-home{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:100%; float:left; display:block; text-align:center; line-height:44px;}
    526. 

  526. .conditionMenu .app .nav-menu .nav-menu-wx .nav-home i{color:#737373;  font-size:30px; margin-top:4.5px;}
    527. 

  527. .conditionMenu .app .nav-menu .nav-menu-wx .nav-group i{color:#888; display:inline-block; width:12px; height:12px; line-height:14px; text-align:center; font-size:14px; margin-right:5px;}
    528. 

  528. .conditionMenu .app .nav-menu .nav-menu-wx.has-nav-0 .nav-home{width:100%;}
    529. 

  529. .conditionMenu .app .nav-menu .nav-menu-wx.has-nav-1 .nav-home,.conditionMenu .app .nav-menu .nav-menu-wx.has-nav-2 .nav-home,.conditionMenu .app .nav-menu .nav-menu-wx.has-nav-3 .nav-home{width:16%;}
    530. 

  530. .conditionMenu .app .nav-menu .nav-menu-wx .nav-group{width:100%; float:left;}
    531. 

  531. .conditionMenu .app .nav-menu .nav-menu-wx .nav-group .nav-group-item{position:relative; float:left; display:block; height:100%; line-height:44px; text-align:center; border-left:1px solid #e5e5e5;}
    532. 

  532. .conditionMenu .app .nav-menu .nav-menu-wx .nav-group .nav-group-item.active{border:1px solid green;}
    533. 

  533. .conditionMenu .app .nav-menu .nav-menu-wx .nav-group .nav-group-item a{color:#333; text-shadow: 0 0 2px #f5f5f5; text-align:center; overflow:hidden; text-overflow:ellipsis;}
    534. 

  534. .conditionMenu .app .nav-menu .nav-menu-wx .nav-group .nav-group-item.open dl{display: block;}
    535. 

  535. .conditionMenu .app .nav-menu .nav-menu-wx.has-nav-1 .nav-group-item{width:100%;}
    536. 

  536. .conditionMenu .app .nav-menu .nav-menu-wx.has-nav-2 .nav-group-item{width:50%;}
    537. 

  537. .conditionMenu .app .nav-menu .nav-menu-wx.has-nav-3 .nav-group-item{width:33.3%;}
    538. 

  538. .conditionMenu .app .nav-menu .nav-menu-wx .nav-group .dropup{position:relative;}
    539. 

  539. .conditionMenu .app .nav-menu .nav-menu-wx dl{display:block; position:absolute; z-index:220; bottom:40px; left:50%; width:85px; margin-left:-45px; min-height:40px; background:#fff; border:1px solid #afaeaf; border-radius:5px; -webkit-box-shadow:inset 0 0 3px #fff;}
    540. 

  540. .conditionMenu .app .nav-menu .nav-menu-wx dl:before, .conditionMenu .app .nav-menu .nav-menu-wx dl:after{content:""; display:inline-block; position:absolute; z-index:240; bottom:0;left:50%; width:0; height:0; border:8px solid red; border-color:#afaeaf transparent transparent transparent; margin-left:-8px; margin-bottom:-16px;}
    541. 

  541. .conditionMenu .app .nav-menu .nav-menu-wx dl:after{z-index:241; border-color:#fff transparent transparent transparent; margin-bottom:-15px;}
    542. 

  542. .conditionMenu .app .nav-menu .nav-menu-wx dl dd+dd{border-top:1px solid #ddd;}
    543. 

  543. .conditionMenu .app .nav-menu .nav-menu-wx dl dd{margin:0; line-height:40px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    544. 

  544. .conditionMenu .app .nav-menu .nav-menu-wx dl dd:last-of-type{background:none;}
    545. 

  545. .conditionMenu .app .nav-menu .nav-menu-wx dl dd.active{border:1px solid green;}
    546. 

  546. .conditionMenu .app .nav-menu .nav-menu-wx dl dd a{display:block; color:#4f4d4f; text-shadow:0 0 1px #fff;}
    547. 

  547. .conditionMenu .app-side .card{margin:10px 0 5px 0 ; padding:15px;}
    548. 

  548. .conditionMenu .app-side .app-conditionMenu-edit .first-nav h3{font-size:14px; font-weight:bold; margin-bottom:10px;}
    549. 

  549. .conditionMenu .app-side .app-conditionMenu-edit .second-nav{margin-left:20px;}
    550. 

  550. .conditionMenu .app-side .app-conditionMenu-edit .second-nav h4{font-size:12px; font-weight:bold;}
    551. 

  551. .conditionMenu .app-side .app-conditionMenu-edit .second-nav .alert{ position:relative;}
    552. 

  552. .conditionMenu .app-side .app-conditionMenu-edit .del{text-align:right; position:absolute; top:-10px; right:-10px; display:none;}
    553. 

  553. .conditionMenu .app-side .app-conditionMenu-edit .del a{display:inline-block; width:20px; height:20px; text-align:center; line-height:20px;color:#fff; background:rgba(0,0,0,.3); border-radius:50%;}
    554. 

  554. .conditionMenu .app-side .app-conditionMenu-edit .del a:hover{background:#000;}
    555. 

  555. .conditionMenu .app-side .app-conditionMenu-edit .second-nav .alert:hover .del{display:block;}
    556. 

  556. .conditionMenu .menu-action .radio-inline{width:32.5%; padding:5px 0 5px 20px; margin-left:0;}
    557. 

  557. .conditionMenu .fans-group .radio-inline{width:23%; padding:5px 0 5px 20px; margin-left:0;}
    558. 

  558. 

  559. 

  560. 

  561. 

  562.