@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%;
   height: auto;
}
.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/pc/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 h4 span:nth-of-type(1){
   color: #23ede1;
}
.event-container h4 span:nth-of-type(2){
   color: #ff6b56;
}
.event-container h4 span:nth-of-type(3){
   color: #fff;
}
.event-container p:nth-of-type(1) span:nth-of-type(1){
   color: #23ede1;
}

.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;
}