.page-community-home{ background-color:#b11b1c; background-image: url("https://business.coffunity.cn/upload/sqbg.png"); background-repeat: repeat-x; width:100vw; min-height:100vh; display: flex; padding-bottom: 100px; .community-top{ background-image: url("https://business.coffunity.cn/upload/sqbg2.png"); background-repeat: no-repeat; width:100%; height:100%; display: flex; flex-direction: column; margin-top: 50px; .swiper-item{ margin-top: 70px; opacity: 0.7; border-radius: 7px; width:95%; margin: 50px auto 20px; overflow: hidden; } .swiper-img{ width: 100%; } .section1{ display: flex; width:100%; flex-direction: column; justify-content: space-between; // margin-top:50px; font-size:12px; .caption{ color:#FFF; display: flex; flex-direction: row; justify-content: space-between; margin-left:10px; margin-right: 10px; } .more{ text-align:center; height:20px; line-height: 30px; color:#FFF; font-size:12px; } } .section2{ margin-left:10px; margin-right: 10px; margin-top:10px; .title{ font-size:12px; color:#FFF; } .contents{ height:100px; width: 100%; display:flex; flex-direction: row; overflow-x: auto; .list{ height:80px; display:flex; flex-direction: row; .content{ display: flex; width:80px; height: 80px; border-radius: 5px; overflow: hidden; margin-top: 10px; margin-right: 10px; .icon{ width:100%; height:100%; } } } } } .data-select{ margin-right: 10px; color: #666666; width: 100px; } .uni-easyinput{ margin-left: 10px; color: #333333; width: 100px; } .section3{ margin-left:10px; margin-right: 10px; min-height: 100px; background:#FFF; border-radius: 10px; overflow: hidden; .title{ display: flex; justify-content: space-between; align-items: center; margin-left:10px; margin-right: 10px; height:50px; font-size:12px; } .selection{ margin:10px 0px; display:flex; flex-direction: row; color: #333333; width: 95%; margin-left:10px; margin-right: 10px; } .events-list{ display:flex; flex-direction: column; } .plan-bg{ background:#E0E0E0; height: 110px; padding-top: 10px; } } } }