便民生活助手

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 3004|回复: 0

合伙人副业收入代码

[复制链接]

25

主题

32

帖子

754

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
754
发表于 2020-7-7 10:56:21 | 显示全部楼层 |阅读模式
  1. <style>
  2. .hhr-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 15px; position: relative;}
  3. .hhr-flex-box{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; font-size: 14px; color: #333;}
  4. .hhr-flexView{width: 100%; height: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
  5. .hhr-scrollView{width: 100%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; margin-top:0;}
  6. .hhr-navBar{height: 44px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1002; background: #f11d1c;}
  7. .hhr-navBar-item{height: 44px; min-width: 25%; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 0 0.9rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.7rem; white-space: nowrap; overflow: hidden; color: #808080; position: relative;}
  8. .hhr-navBar-item:first-child{-webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-right: -25%; font-size: 0.9rem; font-weight: bold;}
  9. .hhr-navBar-item:last-child{-webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
  10. .hhr-center{-webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 44px; width: 50%; margin-left: 25%;}
  11. .hhr-center-title{text-align: center; width: 100%; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; font-size: 0.95rem; color: #fff;}
  12. .hhr-wer-box{background:#f11d1c; width:100%; position:relative; height:140px;}
  13. .hhr-wer-box-item{position:absolute; left:50%; bottom:-30px; margin-left:-46%; width:92%; background:#fff; border-radius:5px; height:150px; box-shadow:0 2px 5px #d2d2d2; text-align:center; padding:30px 0;}
  14. .hhr-wer-box-item h2{color:#999999; font-weight:normal; font-size:0.85rem; margin-bottom:0.5rem;}
  15. .hhr-wer-box-item h3{color:#333333; font-size:2rem; width:180px; margin:0 auto; position:relative;}
  16. .hhr-wer-box-item h3 em{font-size:0.75rem; background:#feaa33; border-radius:5px; color:#fff; width:22px; height:22px; display:inline-block; font-style:normal; line-height:22px; float:left; position:absolute; left:0; top:8px;}
  17. .hhr-wer-box-item button{background:#f11d1c; border-radius:20px; color:#fff; font-size:0.85rem; border:none; padding:0.4rem 0.9rem; margin-top:0.3rem;}
  18. .hhr-flex-spot{width:22px; height:22px; margin-right:0.3rem;}
  19. .hhr-flex-spot img{width:22px; height:22px; display:block; border:none;}
  20. .hhr-flex-top{padding-top:45px;}
  21. .hhr-flex-box p{font-weight: 400; font-size: 0.6rem; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; word-wrap: break-word; word-break: break-all; color:#999999;}
  22. .hhr-wer-list{background:#fff; position:relative; overflow:hidden;margin: 8px 16px;border-radius: 15px;}
  23. .hhr-wer-img{width:45px; height:45px; margin-right:0.5rem;}
  24. .hhr-wer-img img{width:45px; height:45px; display:block; border:none;}
  25. .hhr-flex-box h3{font-size:0.92rem; margin-bottom:0.5rem;}
  26. .hhr-wer-button button{background:#fff; border:none; color:#f11d1c; border-radius:3px; padding:0.3rem 0.8rem; border:1px solid #f11d1c; font-size:0.8rem;}
  27. .hhr-layout{position: relative; overflow: hidden; padding-bottom: 15px; padding-top: 10px;}
  28. .hhr-layout-item{width: 33.333%; float: left; position: relative; z-index: 0; padding: 0.32rem 0; font-size: 0.85rem; text-align: center; color: #71777d;}
  29. .hhr-layout-item:not(:nth-child(3n)):before{content: ''; position: absolute; z-index: 0; top: 15px; right: 0; height: 50%; border-right: 1px solid #D9D9D9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}
  30. .hhr-layout-item h2{color:#f11d1c; height:28px;}
  31. .hhr-wer-list a{display:block; position:relative;}
  32. </style>
  33. <div class="hhr-wer-list">
  34.     <ul>
  35.         <li>
  36.             <div class="hhr-flex b-line">
  37.                 <div class="hhr-wer-img">
  38.                     <img src="source/plugin/tom_tongcheng/images/yong.gif" alt="">
  39.                 </div>
  40.                 <div class="hhr-flex-box">
  41.                     <h3>给你一份赚钱的副业收入</h3>
  42.                     <p>成为合伙人,高达80%的提成佣金</p>
  43.                 </div>
  44.                 <div class="hhr-wer-button">
  45.                     <button>立即申请</button>
  46.                 </div>
  47.             </div>
  48.             <div class="hhr-layout">
  49.                 <a href="javascript:;" class="hhr-layout-item">
  50.                     <h2>¥13685.00</h2>
  51.                     <p>已发放佣金</p>
  52.                 </a>
  53.                 <a href="javascript:;" class="hhr-layout-item">
  54.                     <h2>45%-80%</h2>
  55.                     <p>参考佣金</p>
  56.                 </a>
  57.                 <a href="javascript:;" class="hhr-layout-item">
  58.                     <h2>3652</h2>
  59.                     <p>受益人群</p>
  60.                 </a>
  61.             </div>
  62.         </li>
  63.     </ul>
  64. </div>
复制代码


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|便民生活助手 ( 陇ICP备20002254号 )

GMT+8, 2021-4-18 22:58 , Processed in 0.056236 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表