guanwangh/java.css

* {
    margin: 0rem;
    padding: 0em;
    list-style: none;
    text-decoration: none;
}

.log {
    width: 1.64rem;
height: 0.65rem;
    background: red;
}
.log-img{
    width: 1.64rem;
    height: 0.65rem;
    margin-left:0.3rem ;
}
.fig{
    width: 7.5rem;
    height: 4.25rem;
}
.fig-img{
    width: 7.5rem;
    height: 4.25rem;
}
.Class-star-time{
    width: 7.5rem;
 margin-top:0.26rem ;
    /* background-color: aqua; */
}
.Class-start-time-p{
font-size: 0.24rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #C3975F;
margin-left:0.3rem ;
}
.content{
    width: 7.5rem;
    /* background-color: aqua; */
  
}
.web{
    width: 7.5rem;
    height: 0.5rem;
    /* background-color: aqua; */
    display: flex;
    justify-content: space-between;
    align-items: center;
   padding-top: 0.3rem;
}
.web-p{

font-size: 0.36rem;
font-family: Source Han Sans CN;
font-weight: 500;
color: #11100F;
line-height: 0.54rem;
margin-left: 0.3rem;
}
.web-div{
    width: 1.29rem;
    height: 0.56rem;
    background: #FDEED9;
    border-radius: 0.5rem 0rem 0rem 0.5rem;
   
    margin-right: 0rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.web-img{
    width: 0.31rem;
    height: 0.31rem;
}
.web-span{
font-size: 0.24rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FEAE18;
}
.teacher{
    width: 7.5rem;
    height: 0.5rem;
    /* background-color: aqua; */
    padding-top: 0.3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.teacher-p{
 
    font-size: 0.24rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
    margin-left: 0.3rem;
}
.teacher-span{

font-size: 0.24rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #999999;
margin-left: 0.39rem;
}
.money{

    /* background-color: aqua; */
font-size: 0.24rem;
font-family: Source Han Sans CN;
font-weight: 500;
color: #FD514C;
margin-left: 0.3rem;
padding-top: 0.3rem;
}
.Class-time{
    width: 7.5rem;
    height: 0.5rem;
    /* background-color: aqua; */
    display: flex;
    justify-content: space-around;
    padding-top: 0.3rem;

}
.Duration{
    width: 2.24rem;
    height: 0.43rem;
    background: #FDEED9;
    border: 0px solid #FEAE18;
    border-radius: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;

}
.Duration-p{
    font-size: 0.24rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FEAE18;
}
.Time{
    width: 2.24rem;
    height: 0.43rem;
    background: #FDEED9;
    border: 0px solid #FEAE18;
    border-radius: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;

}
.Time-p{
    font-size: 0.24rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FEAE18;
}
.state{
    width: 2.24rem;
    height: 0.43rem;
    background: #FDEED9;
    border: 0px solid #FEAE18;
    border-radius: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;

}
.state-p{
    font-size: 0.24rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FEAE18;
}
.navigation{
    width: 7.5rem;
height: 1rem;
/* background: red; */
border-top: #EDEDED 0.01rem solid; 
margin-top: 0.5rem;
display: flex;
justify-content: space-around;
align-items: center;
}
#Course-Introduction{
font-size: 0.3rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FF7A3E;
line-height: 0.28rem;
}
#Audition-list{
font-size: 0.3rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #8F8F8F;
line-height: 0.28rem;
}
.Coursediagram{
    width: 7.5rem;
  
    /* justify-content: center; */
}
.Audition-text{
    width: 7.5rem;
    /* background-color: #C3975F; */
    display: none;
}
.Course{
    width: 7.5rem;
    /* background-color: #FD514C; */
    display: flex;
    justify-content: center;
   
}
.Main-image{
    width: 7.08rem;
    /* height: 64.64rem; */
    /* display: none; */
}
.list-One{
    width: 7.5rem;
    /* background-color: #FD514C; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top:0.8rem;
}
.One-img{
    width: 0.29rem;
    height: 0.29rem;
    margin-left: 0.3rem;
}
.One-div{
    width: 1.05rem;
height: 0.39rem;
background: #41ACFF;
opacity: 0.5;
border-radius: 0.1rem;
margin-left: 0.3rem;
display: flex;
justify-content: center;
align-items: center;

}
.One-span{
    font-size: 0.22rem;
    font-family: PingFangSC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.7rem;
}
.One-p{

font-size: 0.28rem;
font-family: PingFangSC;
font-weight: 400;
color: #333333;
line-height: 0.7rem;
margin-left: 0.2rem;
}
.list-Two{
    width: 7.5rem;
    /* background-color: #FD514C; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top:0.8rem;
}
.Two-img{
    width: 0.29rem;
    height: 0.29rem;
    margin-left: 0.3rem;
}


.Two-p{

font-size: 0.28rem;
font-family: PingFangSC;
font-weight: 400;
color: #333333;
line-height: 0.7rem;
margin-left: 0.2rem;
}



.Bottom-navigation{
    width: 7.5rem;
height: 1.28rem;
background: #1C1F21;
display: flex;
flex-direction:column;
margin-top: 0.2rem;

}
.navigation-div{
    width: 7.5rem;
    /* background-color: #FD514C; */
    margin-top: 0.35rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.navigation-div p{
font-size: 0.2rem;
font-family: PingFang SC;
font-weight: 400;
color: #C8CDD2;
margin-left: 0.35rem;
}
.ICP{
    width: 7.5rem;
    /* background-color: #FD514C; */
    margin-top: 0.35rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.15rem;
}
.ICP-p{
    font-size: 0.14rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #949699;
    margin-left: 0.3rem;
}