Home Verkennen Help
Registreren Inloggen
jjhc
/
jucai
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Boom: 573f27ce10
Aftakkingen Labels
jucai
/
public
/
themes
/
default
/
assets
/
app
/
css
/
new_float_menu.css

new_float_menu.css 3.2 KB
Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 
  1. /*新版浮动*/
    2. 

  2. .new_float_menu{
    3. 

  3.     position:fixed;bottom:140px;right:20px;z-index:5000;
    4. 

  4.     background:#fff;
    5. 

  5.     box-shadow: 0 0 10px rgba(0,0,0,.1);
    6. 

  6. }
    7. 

  7. .new_float_menu *{
    8. 

  8.     box-sizing: border-box;
    9. 

  9.     -webkit-box-sizing: border-box;
    10. 

  10.     -moz-box-sizing: border-box;
    11. 

  11. }
    12. 

  12. .new_float_menu .item{
    13. 

  13.     height:75px;width:75px;
    14. 

  14.     position:relative;
    15. 

  15.     border-bottom:1px solid #f2f2f2;
    16. 

  16. }
    17. 

  17. .new_float_menu .item .item_txt{
    18. 

  18.     display:block;
    19. 

  19.     width:100%;
    20. 

  20.     height:100%;
    21. 

  21.     cursor:pointer;
    22. 

  22.     padding-top:45px;
    23. 

  23.     text-align:center;
    24. 

  24.     color:#666666;
    25. 

  25. }
    26. 

  26. .new_float_menu .item:hover .item_txt{
    27. 

  27.     color:#fff;
    28. 

  28. }
    29. 

  29. .new_float_menu .item.mobile .item_txt{
    30. 

  30.     background:url(../images/float_menu/menu_mobile.png) no-repeat center 12px #fff;
    31. 

  31. }
    32. 

  32. .new_float_menu .item.mobile:hover .item_txt{
    33. 

  33.     background:url(../images/float_menu/menu_mobile_hover.png) no-repeat center 12px #3598f3;
    34. 

  34. }
    35. 

  35. .new_float_menu .item.ask .item_txt{
    36. 

  36.     background:url(../images/float_menu/menu_ask.png) no-repeat center 15px #fff;
    37. 

  37. }
    38. 

  38. .new_float_menu .item.ask:hover .item_txt{
    39. 

  39.     background:url(../images/float_menu/menu_ask_hover.png) no-repeat center 15px #ff5861;
    40. 

  40. }
    41. 

  41. .new_float_menu .item.online2021 .item_txt{
    42. 

  42.     background:url(../images/float_menu/menu_online2021.png) no-repeat center 15px #fff;
    43. 

  43. }
    44. 

  44. .new_float_menu .item.online2021:hover .item_txt{
    45. 

  45.     background:url(../images/float_menu/menu_online2021_hover.png) no-repeat center 15px #cfcc02;
    46. 

  46. }
    47. 

  47. .new_float_menu .item.qq .item_txt{
    48. 

  48.     background:url(../images/float_menu/menu_qq.png) no-repeat center 14px #fff;
    49. 

  49. }
    50. 

  50. .new_float_menu .item.qq:hover .item_txt{
    51. 

  51.     background:url(../images/float_menu/menu_qq_hover.png) no-repeat center 14px #ff9700;
    52. 

  52. }
    53. 

  53. .new_float_menu .item.backtop .item_txt{
    54. 

  54.     background:url(../images/float_menu/menu_back.png) no-repeat center 17px #fff;
    55. 

  55. }
    56. 

  56. .new_float_menu .item.backtop:hover .item_txt{
    57. 

  57.     background:url(../images/float_menu/menu_back_hover.png) no-repeat center 17px rgba(0,0,0,.6);
    58. 

  58. }
    59. 

  59. .new_float_menu .popover{display:none;position:absolute;right: 63px;top: 8px;padding-right:15px;text-align:center;}
    60. 

  60. .new_float_menu .popover1{right:167px;bottom:0;}
    61. 

  61. .new_float_menu .item:hover .popover{display:block;}
    62. 

  62. .new_float_menu .popover .popover-arr{position:absolute;top:15px;right:9px;background:url(../images/141.png) no-repeat;height:11px;width:7px;}
    63. 

  63. .new_float_menu .ask .popover p i{margin-right:4px;}
    64. 

  64. .new_float_menu .popover .popover-bd{width:120px;padding:2px;border:1px solid #d8d8d8;background:#fff;}
    65. 

  65. .new_float_menu .popover label{display:block;padding:4px 0 0;color:#5e8dc9;font-size:14px;background:url(../images/144.png) no-repeat;background-position:18px 7px;padding-left:15px;}
    66. 

  66. .new_float_menu .popover label.wx{background-position:18px -19px;padding-left:17px;}
    67. 

  67. .new_float_menu .popover p{color:#999;padding:0 5px 4px;font-size:12px}
    68. 

  68. .new_float_menu .popover .btn{display:block;background:#86bf2f;color:#fff;border-radius:3px;margin:5px 5px 10px;height:30px;line-height:28px;}
    69. 

  69. .new_float_menu .backtop{display:block;}
    70. 

  70. .img-qrcode{display:inline-block;*zoom:1;*display:inline;vertical-align:middle;}
    71. 

  71. .img-qrcode-wechat,.img-qrcode-mobile{height:100px;width:100px;padding: 0;}
    72. 

  72. .img-qrcode-wechat img,.img-qrcode-mobile img{height:100px;width:100px;border:0;}
    73.