.home{
   width: 100%; 
   height: 100%;
   overflow: hidden;
}

.banner{
    width: 100%;
    margin-top: 8px;
}
.banner .uls{
    display: flex;
    height: 400px;
}
/* .banner .uls .li{
    width: 100%;
  
}
.banner .uls .li img{
    width: 100%;
    height: 100%;
} */
.remen{

}
.title{
    width: 612px;
    height: 24px;
    background: url(../img/h-re.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 24px;
    margin: 0 auto;
    margin-top: 45px;
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: bold;
    color: #232323;
}
.remen .remen-list {
    width: 100%;
}
.remen .remen-list .list-uls{
    display: flex;
    flex-wrap: wrap;
}
.remen .remen-list .list-uls .list-li{
    width: 277px;
    margin-left: 30px;
    margin-top: 30px;
    cursor: pointer;
}
.remen .remen-list .list-uls .list-li:nth-child(1){
    margin-left: 0px;
}
.remen .remen-list .list-uls .list-li:nth-child(5){
    margin-left: 0px;
}
.remen .remen-list .list-uls .list-li:nth-child(1) .operation .time{
    background: #F88451 !important;
}
.remen .remen-list .list-uls .list-li:nth-child(2) .operation .time{
    background: #067AFE !important;
}
.remen .remen-list .list-uls .list-li:nth-child(3) .operation .time{
    background: #C9D650 !important;
}
.remen .remen-list .list-uls .list-li:nth-child(4) .operation .time{
    background: #6EBD6B !important;
}
.remen .remen-list .list-uls .list-li:nth-child(5) .operation .time{
    background: #6EBD6B !important;
}
.remen .remen-list .list-uls .list-li:nth-child(6) .operation .time{
    background: #C9D650 !important;
}
.remen .remen-list .list-uls .list-li:nth-child(7) .operation .time{
    background: #067AFE !important;
}
.remen .remen-list .list-uls .list-li:nth-child(8) .operation .time{
    background: #F88451 !important;
}
.remen .remen-list .list-uls .list-li .top-img{
    width: 277px;
    height: 208px;
}
.remen .remen-list .list-uls .list-li .top-img img{
    width: 100%;
    height: 100%;
}
.remen .remen-list .list-uls .list-li .bot{
    padding: 0 10px;
}
.remen .remen-list .list-uls .list-li .bot h3{
    font-size: 18px;
    font-weight: 400;
    color: #343434;
    margin-top: 10px;
    margin-bottom: 22px;
}
.remen .remen-list .list-uls .list-li .bot p{
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
    height: 48px;
}
.remen .remen-list .list-uls .list-li .operation{
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}
.remen .remen-list .list-uls .list-li .operation .time{
    width: 80px;
    height: 20px;
    border-radius: 2px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #FFFFFF;
}
.remen .remen-list .list-uls .list-li .operation .signUp{
    background: url(../img/tel.png) no-repeat;
    background-size: 18px 18px;
    padding-left: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #067AFE;
    margin-left: 16px;
    cursor: pointer;
}
.remen .remen-list .list-uls .list-li .operation .money{
    font-size: 12px;
    color: #F88451;
}
/* 免费试听  css */
.free{
    width: 100%;
    height: 550px;
    background: linear-gradient(0deg, #6A11CB 0%, #2575FC 100%);
    margin-top: 30px;
    position: relative;
}
.free .free-box{
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    overflow-x: hidden;
}
.free .free-box .free-list{
    width: 100%;
    margin-top: 97px;
  
}
.free .free-box .free-list .uls{
    display: flex;
  
}
.free .free-box .free-list .li{
    width: 341px !important;
    height: 302px;
    background: url(../img/free-bg.png) no-repeat;
    background-size: 100% 100%;
    padding-left: 39px;

}
.free .free-box .free-list .li h3{
    font-size: 16px;
    color: #343434;
    margin-top: 47px;
    margin-bottom: 23px;
    width: 300px;
}
.free .free-box .free-list .li p{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    width:90%;
}
.free .free-box .free-list .li .name{
    display: flex;
     margin-top: 40px;
     justify-content: space-between;
     align-items: center;

}
.free .free-box .free-list .li .name img{
    width: 68px;
    height: 68px;
    border-radius: 50%;
}
.free .free-box .free-list .li .name .anniu{
    display: flex;
    width: 149px;
    height: 47px;
    border: 2px solid #2F77FE;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    margin-right: 60px;
    cursor: pointer;
}
.free .free-box .free-list .li .name .anniu img{
    width: 19px;
    height: 19px;
} 
.free .free-box .free-list .li .name .anniu span{
    font-size: 16px;
    color: #2F77FE;
    margin-left: 10px;
}

/* 新闻 */
.Journalism .Journalism-list{
    width: 100%;
    margin-top: 48px;
}
.Journalism .Journalism-list .uls{
    display: flex
}
.Journalism .Journalism-list .uls .lis{
    margin-left: 30px;
}
.Journalism .Journalism-list .uls .lis:nth-child(1){
    margin-left: 0px;
}
.Journalism .Journalism-list .uls .lis img{
    width: 380px;
    height: 238px;
}
.Journalism .Journalism-list .uls .lis h3{
    font-size: 18px;
    color: #232323;
    margin-top: 23px;
    margin-bottom: 25px;
    width: 371px;
}
.Journalism .Journalism-list .uls .lis span{
    font-size: 14px;
    color: #999999;
   
}

/* 主讲老师-名师直播授课 */
.famousTeacher-list{
    width: 100%;
    margin-top: 49px;
}

.famousTeacher-list .uls{
    display: flex;
}
.famousTeacher-list .uls .lis{
   width: 277px;
   cursor: default;
   margin-left: 30px;
}
.famousTeacher-list .uls a{
    cursor: default;
}
.famousTeacher-list .uls .lis:nth-child(1){
    margin-left: 0px;
 }
 .famousTeacher-list .uls .lis img{
     width: 100%;
     height: 350px;
     /* border: 1px solid #ccc;; */
 }
 .famousTeacher-list .uls .lis .msg{
    display: flex;
    margin-top: 17px;
    justify-content: space-between;
 }
 .famousTeacher-list .uls .lis .msg h3{
    font-size: 20px;
    color: #343434;
 }
 .famousTeacher-list .uls .lis .msg span{
     /*width: 62px;*/
     height: 22px;
     border:1px solid #1BA0FC;
     border-radius: 4px;
     text-align: center;
     line-height: 22px;
     display: block;
     color: #1BA0FC;
     margin-left: 38px;
 }
 .famousTeacher-list .uls .lis p{
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
 }

 /* 留言板 */
 .Message{
     height: 508px;
     width: 1156px;
     background: url(../img/Message.png) no-repeat;
     background-size: 100% 100%;
     margin-top: 26px;
     display: flex;
     padding-left: 16px;
     padding-right: 27px;
     justify-content: space-between;
     padding-top: 56px;
     align-items: center;
     margin-bottom: 30px;
 }
 .Message .left h3{
    font-size: 26px;
    font-weight: 500;
    color: #FFFFFF;
 }
.Message .left h2{
    font-size: 32px;
    font-weight: 500;
    color: #FFFFFF;
}
 .Message .left h1{
    font-size: 40px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 27px;
 }
 .Message .right{
    width: 451px;
    /* height: 440px; */
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 26px;
 }

 .Message .right .title-con{
    font-size: 22px;    
    font-weight: 400;
    color: #343434;
    text-align: center;
    margin-top: 31px;
 }
 .Message .right .inp{
     display: flex;
     flex-direction: column;
 }
 .Message .right .inp input{
    width: 350px;
    height: 58px;
    background: #f5f5f5;
    padding-left: 23px;
    margin-top: 23px;
    color: #666666;
 }
 .Message .right .inp textarea{
    background: #f5f5f5;
     margin-top: 31px;
     text-align: left;
     color: #666666;
     padding-left: 23px;
     padding-top: 16px;
 }
 .btn{
     width: 310px;
     height: 54px;
     color: #fff;
     line-height: 54px;
     background-color: #296CFE;
     text-align: center;
     border-radius:34px;
     margin-top: 33px;
    font-weight: bold;
 }
 .btn a{
    font-size: 22px;
 }