Startsida Utforska Hjälp
Registrera dig Logga in
zhengwentao
/
game-box
1
0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Gren: master
Grenar Taggar
game-box
/
public
/
static
/
allwin
/
unmarket
/
style.css

style.css 5.9 KB
Permalänk Historik Rå

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 
  1. html,body{background-color:#FC8831}
    2. 

  2. .tar{text-align: right}
    3. 

  3. #content-item{margin-bottom:50px}
    4. 

  4. .weui-cell{border: 1px #ccc solid;background-color: #FFF;margin-bottom: 5px}
    5. 

  5. .weui-cell::before {border-top:none;}
    6. 

  6. .weui-footer{height:50px;padding: 10px 0px}
    7. 

  7. .weui-footer a {color:#FFF}
    8. 

  8. .weui-footer__text{color:#F3F3F3}
    9. 

  9. /* 尼尔 */
    10. 

  10. .page2{background:#EF592B;margin:30px 20px 0px;border-radius: 10px;padding:40px 20px 20px;position: relative;}
    11. 

  11. .page2 .timelogo{position:absolute;left:10px;top:-20px;width:80px;height:80px;}
    12. 

  12. .page2 .timelogo img{height:80px;}
    13. 

  13. .page2 .timetitle{text-align: center;position:absolute;left:10px;top:0px;right: 0px;height:40px;line-height: 40px;color: #FFF}
    14. 

  14. .page2 .endtime{background: #FFF;border-radius: 10px;padding:10px;text-align: center}
    15. 

  15. .page3{position: relative;}
    16. 

  16. .page3 .untitle{background:#F56842;border:4px #FFF1BE solid;border-radius: 10px;padding:1px 5px;text-align: center;font-size: 22px;font-weight: 600;color:#FFF;margin: 15px 50px;}
    17. 

  17. .page3 .untips{text-align: center;font-size: 14px;color: #FFF;}
    18. 

  18. .page3 .unname{text-align: center;text-align: center;font-size: 22px;font-weight: 600;color:#333;margin:2px;}
    19. 

  19. .page3 .uncontent{background: #FFF;margin: 10px 20px;border-radius: 10px;padding: 10px;position: relative;}
    20. 

  20. .page3 .order{position: absolute;top:5px;right:5px;width:50px;height:25px;line-height: 25px;font-size: 14px;text-align: center;background:#12B7F5;color: #FFF;border-radius: 10px;}
    21. 

  21. .page3 .okpass{background:#CCC;color: #FFF;}
    22. 

  22. .notes{color: #666}
    23. 

  23. /* 工具条 */
    24. 

  24. #toobar{position:fixed;top:0px;left:0px;right:0px;z-index: 10;background:#7E4419 url('bbs.png') no-repeat 0px center;background-size:30px 30px;height: 40px;line-height:40px;background-color: rgba(0,0,0,.7);}
    25. 

  25. #toobar .info{position: absolute;color: #FFF;font-size: 14px;float: left;margin-left:30px;}
    26. 

  26. #toobar .info span{margin:0px 5px}
    27. 

  27. #toobar #music{position: absolute;right: 0px;;margin: 5px;float:right;width: 30px;height: 30px;background-image: url(music_on.png);background-size: contain;}
    28. 

  28. #toobar .rotate {-webkit-animation: rotating 1.2s linear infinite;-moz-animation: rotating 1.2s linear infinite;-o-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite}
    29. 

  29. @-webkit-keyframes rotating {from { -webkit-transform: rotate(0) }to { -webkit-transform: rotate(360deg)}}
    30. 

  30. @keyframes rotating {from { transform: rotate(0) }to { transform: rotate(360deg)}}
    31. 

  31. @-moz-keyframes rotating {from { -moz-transform: rotate(0) }to { -moz-transform: rotate(360deg)}}
    32. 

  32. #content-item img{width: 100%;margin: 0px;padding: 0px;vertical-align: top;}
    33. 

  33. /* 用户排行榜 */
    34. 

  34. .user{clear: both;}
    35. 

  35. .user li{display: block;height: 50px;margin-bottom:20px}
    36. 

  36. .user li:last-child{margin-bottom:0px}
    37. 

  37. .user li .user-img{float: left;width: 50px;height: 50px;border-radius: 50%}
    38. 

  38. .user li .user-img img{width: 50px;height: 50px;border-radius: 50%}
    39. 

  39. .user li .user-name{float: left;font-size: 14px;margin-left:5px;color: #666}
    40. 

  40. .user li .user-name .h1{font-size: 16px;}
    41. 

  41. .user li .user-name .h2{font-size: 14px;font-weight: 600;}
    42. 

  42. .user li .user-name .h3{font-size: 14px;font-weight: 600;color: #FF0000}
    43. 

  43. .user li .money{float: right;line-height: 50px;font-size: 14px;font-weight: 600;color: #FF0000}
    44. 

  44. .user li .time{float: right;line-height: 50px;font-size: 14px;color:#ccc}
    45. 

  45. /* 商家联盟 */
    46. 

  46. .store{clear: both;}
    47. 

  47. .store li{display:flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;position: relative;margin-bottom:10px;border: 1px #fc8831 solid;padding: 5px;border-radius: 5px;}
    48. 

  48. .store li:last-child{margin-bottom: 5px}
    49. 

  49. .store li .store-img{width:70px;height:70px;border-radius:5px}
    50. 

  50. .store li .store-img img{width:70px;height: 70px;border-radius:5px}
    51. 

  51. .store li .store-name{flex: 1;margin-left:5px;line-height: 20px;color: #333}
    52. 

  52. .store li .store-name .h1{font-size: 14px;padding-bottom:2px;font-weight: 600;}
    53. 

  53. .store li .store-name .h2{font-size: 14px;padding-left:25px;height: 22px;line-height: 22px;overflow:hidden;text-overflow:ellipsis;}
    54. 

  54. .store li .store-name .tel{background: url('tel.png') no-repeat left center;background-size:20px 20px;}
    55. 

  55. .store li .store-name .address{background: url('address.png') no-repeat left center;background-size:20px 20px;}
    56. 

  56. .store li .store-text{margin-top: 5px;line-height: 20px;font-size: 14px;color: #888;width: 100%;border-top: 1px #CCC solid;padding-top: 5px;}
    57. 

  57. .store a{display: block;color: #333}
    58. 

  58. /*购物车和订单结算工具栏*/
    59. 

  59. #item-btm{position: fixed;left: 0;bottom: 0;width: 100%;height: 50px;;z-index:5;background-color: rgb(247, 247, 250);display: -webkit-flex;box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);}
    60. 

  60. #item-btm::before {content:"";position: absolute;left: 0px;top: 0px;right: 0px;height: 1px;color: rgb(192, 191, 196);transform-origin: 0px 0px 0px;transform: scaleY(0.5);border-top: 1px solid rgb(192, 191, 196);}
    61. 

  61. #item-btm .btn{display: block;background: #F53833;color: #fff;text-align: center;width: 100%;height: 50px;line-height: 50px;font-size: 16px;font-weight: 600}
    62. 

  62. #item-btm .btn-total{flex:2;display: block;line-height: 40px;font-size: 1em;line-height: 50px;text-align: center;color: #ff5722;}
    63. 

  63. #item-btm .btn-gray{background: #fff;color: #c0bfc4;}
    64. 

  64. #item-btm .btn a{color: #FFF;display: block}
    65. 

  65. #item-btm .btn-gray a{color: #666}
    66. 

  66. /* 浮动层 */
    67. 

  67. .slidebar {position: fixed;z-index:9;top: 60%;right: 0;}
    68. 

  68. .slidebar li {padding: 5px;margin-bottom: 10px;border: 1px solid #eee;border-right: 0;background-color: #fff;border-radius: 50px 0 0 50px;display: block;}
    69. 

  69. .slidebar li.item1 .icon {background-color: #12B7F5;}
    70. 

  70. .slidebar li.item1 span {color: #12B7F5;}
    71. 

  71. .slidebar li.item2 .icon {background-color: #f56e12;}
    72. 

  72. .slidebar li.item2 span {color: #f56e12;}
    73. 

  73. .slidebar li.item3 .icon {background-color: #4b0;}
    74. 

  74. .slidebar li.item3 span {color: #4b0;}
    75. 

  75. .slidebar span {display: inline-block;width: 30px;font-size: 12px;line-height: 1.2;text-align: center;vertical-align: middle;}
    76. 

  76. .slidebar span img{width: 100%}
    77. 

  77. .slidebar .icon {display: inline-block;width: 32px;height: 32px;padding: 6px;vertical-align: middle;border-radius: 50%;}
    78. 

  78. /* 加入联盟 */
    79. 

  79. .gounmarket{ padding: 20px 30px;background: #FFF}
    80.