@charset "utf-8";

.visual{
   width: 100%;
}
.visual .wrapper{
   max-width: 1440px;
}

.row-1{
   width: 100%;
   max-width: 1920px;
   background-color: #de5f4d;
}
.row-1-left{
   width: 60%;
}
.row-1-right{
   width: 40%;
}
.row-1-right-txt{
   width: 40%;
   max-width: 280px;
   margin-left: 15%;
   margin-top: 17%;
}
.row-1-right-more{
   width: 15%;
   max-width: 123px;
   margin-top: 3%;
   margin-right: 17%;
}

.row-2{
   width: 100%;
   max-width: 1920px;
   background-color: #18b380;
}
.row-2-left{
   width: 40%;
}
.row-2-left-txt{
   width: 50%;
   max-width: 380px;
   margin-left: 15%;
   margin-top: 18%;
}
.row-2-left-more{
   width: 15%;
   max-width: 123px;
   margin-top: 8%;
   margin-right: 16%;
}
.row-2-right{
   width: 60%;
}

.event-container{
   position: relative;
   width: 1200px;
   height: 620px;
   background-color: #17224f;
   background-image: url('../img/index-event-bg.png');
   background-repeat: no-repeat;
   background-position: top 60px left 50%;
}
@media screen and (min-width: 1200px){
    .event-container{
        margin-top: 70px;
    }
}
.event-container #event-time{
   width: 700px;
   margin-top: 368px;
}
.event-container img{
   margin-top: 95px;
}

.miss-container{
   width: 1200px;
   margin-top: 65px;
}
.miss-container .list{
   margin-top: 30px;
}
.miss-container .list .miss{
   width: 289px;
}
.miss-container .list .miss .photo{
   border-radius:8px;
}
.miss-container .list .miss .base-info{
   height: 40px;
}