.main{
    width: 100vm;
    height: 100vh;
    overflow: hidden;
}
.main .content{
   position: relative;
   width: 100%;
   height: calc(100% - 130px);
   background-image: url(../images/bg.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-color: #e8fbfa;
   /* background-color: aqua; */

}

.main .content .head{
    position: absolute;
    width: 490px;
    height: 46px;
    /* background-color: aqua; */
    top: 26px;
    left: 390px;
    display: flex;
    justify-content: space-between;
}

.main .content .head .head-img img{
  height: 46px;
  cursor: pointer;
}

.main .content .head .head-item {
    height: 46px;
    font-size: 18px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: 46px;
    cursor: pointer;
}

/* ****************************************************************** */

.main .content .swiper{
    position: absolute;
    left: 260px;
    top: 50px;
    width: calc(100% - 300px);
    height: calc(100vh - 215px);
    --swiper-pagination-color: #37DED6;/* 两种都可以 */
    /* background-color: #000000; */
}

.s-box{
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
    display: flex;
    justify-content: flex-start;
}
.s-left{
    /* width: 440px; */
    height: 100%;
    position: relative;
}
.s-left img{
    /* width: 800px; */
    height: 100%;
}
.s-img{
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: -5px;
    left: 260px;
    z-index: 200;
}
.s-img-pk{
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: -5px;
    left: 253px;
    z-index: 200;
}
.s-right{
    /* width: 500px; */
    height: 100%;
    position: relative;
    /* background-color: #000000; */
}
.swiper-pagination-bullet{
    padding: 5px !important;
    margin: 20px 0 !important;
    /* background-color: #000000 !important; */
}
/* ****************************************************************** */
.main .content .download{
   /* position: absolute; */
   width: 400px;
   height: 500px;
   margin-top: 210px;
   /* left: 0; */
   /* right: 67rem; */
}
.main .content .download .download-box{
    position: relative;
    width: 100%;
    height: 100%;
}
.main .content .download .download-box img{
    height: 60px;
}
.main .content .download .download-box .d-logo{
   top: 0;
   left: 0;
}
.main .content .download .download-box .d-span{
    top: 75px;
    left: 0;
    font-size: 35px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 59px;
    text-align: center;
 }
 .d-img{
    position: absolute;
    top: 240px;
    left: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
 }
 .main .content .bottom{
    z-index: 100;
    width: 100%;
    position: absolute;
    bottom: 0;
    
 }
 .main .content .bottom img{
    width: 100%;
 }
.action{
  border-bottom: 5px solid #37DED6;  
}
.main .foolt{
   width: 100%;
   height:130px;
   background-color: #ffffff;
}
.main .foolt .f-c{
    /* width: 200px; */
    height: 130px;
    /* background-color: #000000; */
    margin-left: 370px;
}
.main .foolt .f-c .f-span{
    padding: 5px 0;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #949494;
    line-height: 16px;
    display: flex;
}