Brak opisu

earnings.css 2.5KB

123456789101112131415161718192021222324
  1. body{min-height:100vh;}
  2. em{font-style: normal;}
  3. .container{width: 100%;height: 100%;background: #F4F4F4;}
  4. .header{width: 100%;height: 1.356rem;background:-webkit-linear-gradient(-112.5deg, rgba(250,42,55,1), rgba(252,113,35,1));background:-moz-linear-gradient(-112.5deg, rgba(250,42,55,1), rgba(252,113,35,1));background:-o-linear-gradient(-112.5deg, rgba(250,42,55,1), rgba(252,113,35,1));background:linear-gradient(-112.5deg, rgba(250,42,55,1), rgba(252,113,35,1));}
  5. .header .top{height: 0.44rem;font-size:0.18rem;color:#fff;line-height:0.44rem;text-align: center;}
  6. .header .add_up{font-size:0.14rem;color:#fff;line-height:0.17rem;padding:0.08rem 2.28rem 0.2rem 0.15rem;}
  7. .header .money{color:#fff;}
  8. .header .money span{display: inline-block;vertical-align: middle;}
  9. .header .money span:nth-child(1){font-size:0.18rem;padding-left: 0.09rem;padding-top: 0.09rem;}
  10. .header .money span:nth-child(2){font-size:0.36rem;}
  11. .header .money span:nth-child(3){font-size:0.14rem;display: block;float: right;padding-right: 0.3rem;padding-top: 0.15rem;letter-spacing: 0.005rem;box-sizing: border-box;}
  12. .day_estimate{height: 0.99rem;background: #FFFFFF;}
  13. .day_estimate div,.month_estimate div,.month_accumulative div{width: 1.86rem;float: left;margin-top: 0.1rem;margin-bottom:0.08rem;}
  14. .day_estimate div:nth-child(1),.month_estimate div:nth-child(1),.month_accumulative div:nth-child(1){border-right: 0.01rem solid #DDDDDD;}
  15. .tit{font-size:0.14rem;color:#333333;text-align: center;padding-bottom: 0.1rem;}
  16. .order_form, .commission{display:block;width: 50%;height:0.49rem;float: left;font-size: 0.12rem;color: #666666;}
  17. .order_form, .commission{display: flex;flex-direction: column;align-items: center;}
  18. .order_form em,.commission em{padding-bottom: 0.1rem;font-size: 0.16rem;color: #FC4C53;}
  19. .month_estimate{height: 0.99rem;background: #FFFFFF;margin-top: 0.05rem;border-bottom: 1px solid #DDDDDD;}
  20. .month_accumulative{height: 0.99rem;background: #FFFFFF;margin-top: 0.05rem;border-bottom: 1px solid #DDDDDD;}
  21. .con{clear: both;box-sizing:border-box;line-height:0.16rem;color:#999999;padding-left: 0.4rem;padding-right: 0.15rem;font-size: 0.11rem;background: #fff url(images/icon.png) no-repeat 0.15rem 0.1rem;background-size: 0.15rem 0.15rem;}
  22. .container a{display: block;color:#666666;background: #fff;font-size: 0.14rem;padding: 0.1rem 0.15rem;border-bottom: 1px solid #DDDDDD;}
  23. .container a span{font-size: 0.18rem;color: #FC4C53;padding-left: 0.05rem;vertical-align: middle;letter-spacing: 0.005rem;}
  24. .container a em{font-size: 0.18rem;color: #666666;padding-left: 1.7rem;vertical-align: middle;}