.discover-phone{
    display:block;
}
.discover{
    display:none;
}


.pc{
    /* padding:1px; */
    width: 100%;
    height: 12rem;
    position: fixed;
    z-index: 99;
}
.nav,.foot{
    display:none;
}
.indexPage .swiper-height{
    height:100%;
    overflow: hidden;
    position: relative;
}
.indexPage .swiper-container-v .swiper-slide img {
    width: 100%;
    height: auto;
    /* min-height: 100%; */
    transition: 1s linear 2s;
    transform: scale(1, 1);
}
.b-img-1{
    width:100%
}
.indexPage .swiper-container-v .swiper-slide-active img,
.indexPage .swiper-container-v .swiper-slide-duplicate-active img {
    transition: 6s linear;
    transform: scale(1.1, 1.1);
}

.indexPage .swiper-pagination-bullet{
    width:2.6rem;
    height:2.6rem;
}
.indexPage .swiper-container{
    --swiper-pagination-color: #FA820A;
}
.indexPage .swiper-wrapper{
    height:auto;
}

.panel-1{
    position: absolute;
    top: 153rem;
    left: 13rem;
    width: 55rem;
    height: 16rem;
}
.title-1{
    /* display: none; */
    font-size: 7.2rem;
    /* font-family: Rany-Medium; */
    color: #313131;

}
.txt-1{
    /* display: none; */
    font-size: 2.4rem;
    color: #7D7D7D;
    margin-top: 1rem;
}
.link-1{
    position: absolute;
    top: 170rem;
    left: 14rem;
    font-size: 3.6rem;
    color: #FFFFFF;
    width:28.9rem;
    height: 6.5rem;
    background-color: black;
    line-height: 6.5rem;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}
.link-1:hover{
    background-color:#FA820A;
}
.panel-1 .title-1-fadeIn{
    display: block;
    animation: fadeIn 3s;
}
    
@keyframes fadeIn {
    
    from { opacity: 0; }
    
    to { opacity: 1; }
    
 }
 .panel-1 .txt-1-fadeIn{
    display: block;

    animation: fadeIn 3s;
    
    }
    
    @keyframes fadeIn {
    
    from { opacity: 0; }
    
    to { opacity: 1; }
 }
 .panel-1 .link-1-fadeIn{
    display: block;

    animation: fadeIn 5s;
    
    }
    
    @keyframes fadeIn {
    
    from { opacity: 0; }
    
    to { opacity: 1; }
 }
.panel-2{
    position: relative;
    top: -49rem;
    left: 18rem;
    width: 77rem;
 
}
.title-2{
    display: none;
    font-size: 6rem;
    /* font-family: Rany-Medium; */
    color: #313131;

}
.txt-2{
    display: none;
    font-size: 2.4rem;
    color: #7D7D7D;
    margin-top: 1rem;
}
.panel-2 .title-2-fadeIn{
    display: block;

    animation: fadeIn 3s;
    
    }
    
@keyframes fadeIn {
    
    from { opacity: 0; }
    
    to { opacity: 1; }
    
 }
 .panel-2 .txt-2-fadeIn{
    display: block;

    animation: fadeIn 3s;
    
    }
    
    @keyframes fadeIn {
    
    from { opacity: 0; }
    
    to { opacity: 1; }
 }
 .left{
    margin-left: 5rem;
    width: 10rem;
    height: 10rem;
}
.right{
    margin-right: 5rem;
    width:10rem;
    height: 10rem;
}
.left img, .right img{
    width: 12rem;
}
.hypamel{

}
.h-panel-1{
    width: 60rem;
    margin-left: 9%;
    margin-top: 8rem;
    
}
.h-title-1{
    font-size: 6rem;
    color: #000000;
    /* font-family:Rany-Regular; */
    font-weight: bolder;
}
.h-subtitle-1{
    font-size: 3rem;
    color: #000000;
    /* font-family: Rany-Regular; */

}
.dis-more{
    width: 30rem;
    /* float: right; */
    margin-left: 69%;
    margin-top: -4rem;
    cursor: pointer;

}
.dm-txt{
    font-size: 3.6rem;
    color: #898989;
    /* font-family: Roboto-Light; */
}
.dm-icon{
    float: right;
    margin-top: -5rem;
    margin-right: 1rem;
    width: 5.6rem;
}
.h-show{
    width: 100%;
    text-align: center;
    margin-top: 6rem;
    display: flex;
    flex-direction: column;
}
.h-show-1-panel, .h-show-2-panel{
    width: 98rem;
    height:83rem;
    overflow:hidden;
    margin: auto;
}

.h-show-1, .h-show-1-1{
    width: 98rem;
    height:83rem;
    border-radius: 5rem 5rem 0  0 ;
    /* transition: 1s linear 2s;
    transform: scale(1, 1); */
}
/* .h-show-1-active{
    transition: 2s linear;
    transform: scale(1.1, 1.1);
} */
.h-show-1:hover, .h-show-1-1:hover, .d-panel-1 img:hover, .d-panel-2 img:hover, .d-panel-3 img:hover, .d-panel-4 img:hover, .d-panel-5 img:hover{
    transition: 2s linear;
    transform: scale(1.1, 1.1);
}
.h-show-2{
    width: 98rem;
    height:83rem;
    margin-left: -1rem;
    border-radius: 0  0 5rem 5rem;
}
.h-show-2-txt{
    font-size: 3.6rem;
    color: #FFFFFF;
    /* font-family: Roboto-Light; */
    position: absolute;
    margin-top: -21rem;
    margin-left: 6rem;
    width: 79%;
    text-align: left;
}
.brand{
    width: 100%;
}
.b-title, .d-title{
    font-size: 6rem;
    /* font-family: Roboto-Bold; */
    color: #000000;
    margin-left: 9%;
    margin-top: 8rem;
    width: 31%;
}
.b-panel{
    width: 108rem;
    height: 119rem;
    background: url(../../img/phone/brand.jpg) no-repeat;
    display: flex;
    margin-top: 4rem;
    flex-direction: column;
    background-size: 100% 100%;

}
.brand-1, .brand-2, .brand-3{
    border: 1px solid white;
    flex-grow:1;
   
}

.b-subtitle-1, .b-subtitle-2, .b-subtitle-3{
    font-size: 6rem;
    color: #FFFFFF;
    font-family: 'Roboto-Light';
    width: 44rem;
    margin-left: 15%;
    margin-top: 10rem;

}
.rm-1, .rm-2, .rm-3{
    margin-left: 15%;
    margin-top: 3rem;
 
}
.rm-icon-1, .rm-icon-2, .rm-icon-3{
    width:5.5rem;
    cursor: pointer;
}
.rm-txt-1 , .rm-txt-2 , .rm-txt-3{
    font-size: 3rem;
    color: #FFFFFF;
    /* font-family: Roboto-Light; */
    width: 28%;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    margin-top: -5rem;
    margin-left: 2rem;
}
.brand-active{
    background-color:rgb(30 3 3 / 20%);
}
.brand-1-active{
    transition:0.5s linear;
    flex-grow:8;
    /* transform: scale(2); */
}
.brand-1-close{
    /* transition:0.5s linear;
    flex-grow:1; */
    /* transform: scale(2); */
}
.brand-unselect{
    /* transform: rotate(90deg); */
    margin-top: 6rem;
}
.b-content-1, .b-content-2, .b-content-3{
    color: #e3dede;
    font-size: 3.6rem;
    width: 68%;
    margin-left: 15%;
    margin-top: 11rem;
    display: none;
}
.b-content-1 a, .b-content-2 a, .b-content-3 a{
    color: #e3dede;
    font-size: 3.8rem;
    text-decoration: underline;
}
.b-close-1, .b-close-2, .b-close-3{
        position: relative;
        left: 85rem;
        top: 11rem;
        width: 5rem;
        display: none;
        cursor: pointer;
}
.discover{
    background-color: rgb(223 220 220);
    padding: 1px;
    height: 121rem;
}
.d-panel-1, .d-panel-2, .d-panel-3, .d-panel-4, .d-panel-5{
    width: 98rem;
    height: 116rem;
    /* position: relative; */
    /*left: 7rem;*/
    /*top: 3rem;*/
    overflow: hidden;
    border-radius: 25px;
    margin: auto;
    margin-top: 8rem;
    /*margin-left: 7rem;*/
}
.d-panel-1 img,.d-panel-2 img,.d-panel-3 img,.d-panel-4 img,.d-panel-5 img{
    border-radius:25px 25px 0 0;
    width: 100%;
}
.d-title-1,.d-title-2,.d-title-3,.d-title-4,.d-title-5{
    position: relative;
    top: 6rem;
    font-size: 3.6rem;
    color: #000000;
    /* font-family: Roboto-Regular; */
    left: 5rem;
}
.d-subtitle-1,.d-subtitle-2,.d-subtitle-3,.d-subtitle-4,.d-subtitle-5{
    position: relative;
    top: 8rem;
    font-size: 6rem;
    color: #000000;
    /* font-family: Rany-Medium; */
    left: 5rem;
    width: 90%;
}
.d-div{
    background-color: #FFFFFF;
    position: relative;
    top: -32rem;
    height: 43rem;
    border-radius: 0 0 25px 25px;
}
.d-div1{
    /* top: -9rem; */
}
.d-panel-5{
    margin-bottom: 10rem;
}
.company-banner-box{
    display:block !important;
}

.d-icon {
    width: 4rem !important;
}

.d-p-1 {
    position: absolute;
    top: 19rem;
    color: white;
}

.d-L-1 {
    font-size: 4.8rem;
    margin-top: 9rem;
    margin-left: 5rem;
}
.comm-select{
    display:block !important;
 }
 .page-select{
     display: none !important;
 }