court-badminton/pages/topic/index.less

.main {
   height: 80.8vh;

   .zero {
      width: 96vw;

      margin: 0 0 2vw 0;
   }

   .zero:nth-child(2) {
      margin: 0;
   }

   .one {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 2vw;
      width: 92vw;
      background-color: #f1f1f1;

      input {
         font-size: 16px;
      }
   }

   .two {
      flex-grow: 1;
      position: relative;
      width: 96vw;


      .scroll-view {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;

         .list-scroll-view {
            display: flex;
            flex-wrap: wrap;
            align-content: flex-start;
            justify-content: space-between;

            .list {
               background-color: #ffffff;
               margin: 0 0 2vw 0;
               padding: 2vw;
               display: flex;
               flex-direction: column;
               width: 96vw;

               .list_1 {
                  display: flex;
                  flex-direction: row;
                  justify-content: space-between;
                  font-size: 14px;
                  margin: 0 0 1vw 0;
                  color: #858585;

                  .name {
                     width: 70vw;
                  }
               }

               .list_2 {
                  margin: 0 0 3vw 0;
                  font-size: 18px;
                  font-weight: bold;
               }

               .list_3 {
                  display: flex;
                  flex-direction: row;
                  justify-content: space-between;
                  font-size: 14px;
                  color: #858585;

                  .btn {
                     color: #334790;
                     font-size: 14px;
                     font-weight: 700;
                  }
               }
            }

            .list:last-child {
               margin: 0;
            }
         }
      }
   }
}