home.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .home-head{}
  2. .home-head .head-img{
  3. position: relative;
  4. background: url(../img/home-bg.jpg) no-repeat center center;
  5. background-size: 100%;
  6. width: 100%;
  7. height: 200px;
  8. }
  9. .home-head .head-img .head-logo{
  10. overflow: hidden;
  11. width: 70px;
  12. height: 70px;
  13. border-radius: 50px;
  14. background: #fff;
  15. position: absolute;
  16. left: 2rem;
  17. bottom: 0;
  18. margin-bottom: -35px;
  19. }
  20. .home-head .head-img .head-logo img{
  21. width: 100%;
  22. }
  23. .home-head .head-img .head-name{
  24. position: absolute;
  25. bottom: 0;
  26. left: 110px;
  27. line-height: 2.5rem;
  28. color: #fff;
  29. font-weight: bold;
  30. }
  31. .home-head .head-img .head-icon{
  32. position: absolute;
  33. top: 0.625rem;
  34. right: 0.625rem;
  35. }
  36. .home-head .head-img .head-icon a{
  37. margin-left: 0.4rem;
  38. font-size: 1.5rem;
  39. color: #fff;
  40. }
  41. .home-head .head-cont{
  42. width: 70%;
  43. float: right;
  44. text-align: center;
  45. padding: 8px 0;
  46. }
  47. .home-head .weui-flex__item{border-right: 1px solid #eee;}
  48. .home-head .weui-flex__item:last-child{border-right: none;}
  49. .home-head .head-cont p{
  50. margin: 0;
  51. font-weight: bold;
  52. line-height: 1rem;
  53. font-size: 1.2rem;
  54. }
  55. .home-head .head-cont span{
  56. font-size: 1rem;
  57. }
  58. .home-cont{}
  59. .home-cont .choose-text{
  60. color: #444;
  61. }
  62. .home-order{
  63. padding: 1rem 0;
  64. border-top: 1px solid #f2f2f2;
  65. }
  66. .home-order .weui-flex__item{
  67. text-align: center;
  68. }
  69. .home-order .weui-flex__icon{}
  70. .home-order .weui-flex__label{
  71. margin: 0;
  72. color: #777;
  73. font-size: 1rem;
  74. }
  75. .text-red {
  76. color: #FF5722;
  77. }
  78. #app {
  79. height: auto;
  80. overflow-y: scroll;
  81. }
  82. .zyw-container {
  83. margin-bottom: 60px;
  84. }