/* 分类css */

#class_bananer{
    position: relative;

    height: 600px;
    /* background-image: url('../img/classify_img/classify.png'); */
    background-size: cover;
    background-position: center ; 

}
.class_title{
    position: absolute;
    text-align: center;
    
    bottom: 10%;
}
.class_title button{
   
    width: 150px;
    height: 50px;
    margin-top: 10px;
   border: 1px solid #383636;
   background-color: #dfe1e5;
    
   
}

@media (max-width:768px){
    #class_bananer{
        position: relative;
    
        height: 90vh;
        background-image: url('../img/phone_img/classify.jpg') !important;
        background-size: cover;
        background-position: center ; 
    
    }
    .class_title{
        position: absolute; 
        top: 10rem;
        text-align: center;
    }

}


/* 速卖通介绍css */
.ali_left{
    background-color: #b3f3ee;
}
.ali_left div{
    margin-top: 25%;
}

/* 莫桑石系列css */
#Moissanite_series{
    position: relative;

    height: 600px;
    /* background-image: url('../img/classify_img/Moissanite_series.png'); */
    background-size: cover;
    background-position: center ; 

}
.Moissanite_seriesTitle{
    position: absolute;
    right: 20%;
    top:40%
}
.Moissanite_seriesTitle h2{
    color:rgb(104, 231, 222);
}
.Moissanite_seriesTitle >p{
    color:rgb(104, 231, 222);
}
.Moissanite_seriesTitle button{
    color: rgb(255, 255, 255);
    width: 100px;
    height: 40px;
    background-color:rgb(104, 231, 222) ;
    border: 0px;

}
@media (max-width:576px) {
    

    .Moissanite_seriesTitle{
       margin-top: 3rem;
      
        
        
    }
    #Moissanite_series{
        position: relative;
    
        height: 90vh;
        background-image: url('../img/phone_img/Moissanite_series.jpg') !important;
        background-size: cover;
        background-position: right;
        
    
    }
    
}

/* 黑珍珠系列css */
#black_pearl{
    position: relative;

    height: 600px;
    /* background-image: url('../img/classify_img/black_pearl.png'); */
    background-size: cover;
    background-position: center ; 

}
.black_pearlTitle{
    position: absolute;
    left: 40%;
    bottom: 20%;
}

.black_pearlTitle h2,p{
    color:black;
    

}
.black_pearlTitle button{
    color: rgb(255, 255, 255);
    width: 100px;
    height: 40px;
    background-color:black ;
    border: 0px;

}
@media (max-width:576px) {
    #black_pearl{

        position: relative;

        height: 90vh;
        background-image: url('../img/phone_img/black_pearl.jpg') !important;
        background-size: cover;
        background-position: center ;     
    }

    .black_pearlTitle{
        position: absolute;
      bottom: 30px;
     
      
        
        
    }
    
}