.page-school-index{ background:url(https://business.coffunity.cn/upload/school.png); background-size: cover; background-color:#cfab7b; width:100vw; min-height:100vh; display:flex; flex-direction: column; position:relative; overflow: hidden; .user-header{ margin-top:0px; margin-left:20px; border-radius: 10px; width:150px; overflow: hidden; } .school-item{ position:fixed; bottom:10px; left:10px; right:10px; display: flex; flex-direction: column; .process{ height:20px; display:flex; flex-direction: row; .heart{ font-size:12px; color:#FFF; } .process-txt{ width:100%; border-radius: 10px; margin-left:10px; z-index:-1; position:relative; .bg{ width:100%; height:100%; background:#FFF; opacity: 0.3; position:absolute; border-radius: 10px; } .bar{ border:1px solid $teacher-main-color; height:80%; margin:3px; border-radius: 10px; overflow: hidden; .p{ background:$teacher-main-color; height:100%; } } } } .content{ width:100%; height:260px; margin-bottom: 60px; border-radius: 10px; margin-top:10px; overflow: hidden; border:3px solid #643b17; position:relative; z-index:900; .bg{ width:100%; height:100%; background:#FFF; opacity: 0.8; position:absolute; z-index:-1; } .user{ border-bottom: 3px solid #643b17; width:100%; display:flex; flex-direction: row; height:60px; z-index:910; .left{ display:flex; flex-direction: row; height:100%; width:75%; .header{ width:30%; height:100%; display:flex; flex-direction: row; justify-content: center; align-items: center; .img{ width:40px; height:40px; border-radius: 10px; } } .info{ font-size:12px; height:100%; width:100%; display:flex; flex-direction: column; justify-content: flex-start; align-items:center; margin-left:10px; padding-top:5px; color:#653b18; .text{ height:20px; width:100%; line-height: 20px; text-align:left; } } } .right{ display:flex; justify-content: center; align-items: center; .btn{ background:#CCC; padding:0px; margin:0px; height:30px; line-height: 30px; font-size:12px; padding-left:10px; padding-right: 10px; border-radius: 5px; } .active{ background:#653b18; color:#FFF; .uni-icons{ color:#FFF; margin-right: 5px; } } } } .donate{ height:70%; width:100%; display:flex; justify-content: center; align-items: center; z-index:920; .mid{ display:flex; justify-content: center; align-items: center; height:100%; color:#000; font-size:14px; } } .heart_total{ justify-content:left; margin-left: 20px; margin-top: 10px; height:26px; align-items: center; font-size:12px; color:#653b18; font-weight: bold; } .item-list{ height:180px; overflow: hidden; overflow-y: auto; .items{ margin-left:10px; margin-right:10px; .item{ width:100%; display:flex; flex-direction: row; height:30px; justify-content: center; align-items: center; font-size:12px; color:#653b18; .date{ display:flex; width:30%; justify-content: center; align-items: center; } .name{ diaplay:flex; width:50%; justify-content: flex-start; align-items: center; } .qty{ display: flex; width:20%; justify-content: center; align-items: center; } } } } } } }