/* 首页，考试记录，做题记录 学习记录 培训等页面样式 */
body{
    width: 100%;
    height:100%;
    background:rgb(245,245,245);
}
.home .main{
    width: 10.3rem;
    height: 3.08rem;
    margin:.14rem auto 0;
    padding-left:.65rem;
    border-radius:.1rem;
    background-color: #f4faff;
    display:flex;
    align-items: center;

}
.home .main img{
    width:1.56rem;
    height:1.56rem;
    margin-right:.55rem;
}
.home .main .desc .p1{ 
    margin-bottom:.44rem;
}
.main .p1 span{
    font-size: .56rem;
    /* line-height: .25rem; */
    color: #0e100e;
    font-weight: 700;
}
.home .main .p1 span:nth-child(1),.main .p2 span:nth-child(1){
    margin-right:.45rem
}
.home .main .p2 span{
    font-size: .4rem;
    /* line-height: .25rem; */
    color: #0e100e;
    font-weight: 400;
}
.home .list ul{
    width:100%;
    height:7.94rem;
    background:#fff;
    padding-top:.64rem;
}
.home .list li{
    height:.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.06rem 0 1.6rem;
    margin-bottom:1.45rem;
    position:relative
}
.home .list li span{
    font-size: .44rem;
    line-height: .25rem;
    color: #0e100e;
    font-weight: 400;
}
.home .list li .sp1{
    font-size: .36rem;
    line-height: .25rem;
    color: #999999;
    font-weight: 400;
}
.home .list li:after{
    content: '';
    width:.18rem;
    height:.32rem;
    background: url('../images/arrowright2.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.12rem;
    right: .5rem;
}
.home .list li:nth-child(1)::before{
    content: '';
    width:.62rem;
    height:.55rem;
    background:url('../images/book.png') no-repeat;
    background-size:cover;
    position:absolute;
    top: 0;
    left: .7rem;

}
.home .list li:nth-child(2)::before{
    content: '';
    width:.62rem;
    height:.59rem;
    background:url('../images/icon_zuoti.png') no-repeat;
    background-size:cover;
    position:absolute;
    top:.05rem;
    left: .7rem;

}
.home .list li:nth-child(3)::before{
    content: '';
    width:.55rem;
    height:.65rem;
    background:url('../images/public_problem_parsing.png') no-repeat;
    background-size:cover;
    position:absolute;
    top:0;
    left: .7rem;

}
.learn h5{
    font-size: .56rem;
    color: #333333;
    font-weight: 700;
    margin-bottom:.49rem;
    padding:.38rem 0 0 .55rem;
}
.learn .main{ 
    padding:0 0 0 .7rem;
}
.learn .recordList{
    width:9.2rem;
}
.learn .recordList ul{
   border-left:1px solid #cacaca;
   padding: 0.1rem 0 1.2rem .35rem;
}
.learn .recordList ul li{
    position:relative;
}
.learn .recordList ul li .circle{
    display: inline-block;
    width: .43rem;
    height: .43rem;
    background: url('../images/circle.png') no-repeat;
    background-size: cover;
    position: absolute;
    top: -.15rem;
    left: -.6rem;
}
.learn .recordList .content{
    width: 9.18rem;
    border-radius: .1rem;
    background-color: #f5f5f5;
    padding:.45rem 0 .27rem .27rem;
    margin-bottom:.45rem;
}
.learn .recordList .date{
    font-size: .38rem;
    line-height: .25rem;
    color: #00d8ff;
    font-weight: 400;
    margin-bottom:.2rem;
    padding-left:.17rem;
}
.learn .recordList .content .clock{
    display: flex;
    align-items: center;
}
.learn .recordList .content .time{
    font-size: .38rem;
    line-height: .25rem;
    color: #666666;
    font-weight: 400;
    margin-left:.1rem;
}
.learn .recordList .content .info{
    font-size: .42rem;
    line-height: .48rem;
    color: #333333;
    font-weight: 400;
    margin-top:.2rem;
}
.learn .recordList .content .con{
    display:flex;
    align-items: center;
    margin-top:.3rem;
}
.learn .recordList .content .icon2{
    display:inline-block;
    width: 0.32rem;
    height:.33rem;
    background:url('../images/time.png') no-repeat;
    background-size: cover;
}
.learn .recordList .content .icon3{
    display:inline-block;
    width: 0.51rem;
    height:.36rem;
    background:url('../images/shipin_2.png') no-repeat;
    background-size: cover;
}
.learn .recordList .content .icon{
    display:inline-block;
    width:.36rem;
    height:.45rem;
    background:url('../images/wenjian_2.png') no-repeat;
    background-size: cover;
}
.learn .recordList .content .title{
    font-size: .42rem;
    line-height: .25rem;
    color: #333333;
    font-weight: 700;
}
.note h5{
    font-size: .56rem;
    color: #333333;
    font-weight: 700;
    margin-bottom:.49rem;
    padding:.38rem 0 0 .55rem;
}
.note .main{ 
    padding:0 0 0 .7rem;
}
.note .recordList{
    width:9.2rem;
}
.note .recordList ul{
   border-left:1px solid #cacaca;
   padding: 0 0 3.2rem .35rem;
}
.note .recordList ul li{
    position:relative;
    margin-bottom:.7rem;
}
.note .recordList ul li .circle{
    display: inline-block;
    width: .43rem;
    height: .43rem;
    background: url('../images/circle.png') no-repeat;
    background-size: cover;
    position: absolute;
    top: -.1rem;
    left: -.6rem;
}
.note .recordList .content{
    width: 9.18rem;
    border-radius: .1rem;
    background-color: #f5f5f5;
    padding:.25rem 0 .27rem .27rem;
    margin-bottom: .3rem;
}
.note .recordList .date{
    font-size: .38rem;
    color: #00d8ff;
    font-weight: 400;
    margin-bottom:.3rem;
    padding-left:.17rem;
}
.note .recordList .content .clock{
    display: flex;
    align-items: center;
    margin-bottom:.2rem;
}
.note .recordList .content .time{
    font-size: .38rem;
    line-height: .25rem;
    color: #666666;
    font-weight: 400;
    margin-left:.1rem;
}
.note .recordList .content .info{
    font-size: .48rem;
    color: #333333;
    font-weight: 700;
    margin-bottom:.33rem;
}
.note .recordList .content .con{
    display:flex;
    align-items: center;
    margin-top:.3rem;
}
.note .recordList .content .con .p1{
    margin-left:.7rem;
}
.note .recordList .content .con span{
    font-size: .36rem;
    line-height: .25rem;
    color: #333333;
    font-weight: 400;
}
.note .recordList .content .con span.rate{
    color: #ff5e5d;
}
.note .recordList .content .icon{
    display:inline-block;
    width: 0.34rem;
    height: .34rem;
    background:url('../images/time.png') no-repeat;
    background-size: cover;
}
.exam h5{
    font-size: .56rem;
    color: #333333;
    font-weight: 700;
    margin-bottom:.49rem;
    padding:.38rem 0 0 .55rem;
}
.exam .main{ 
    padding:0 0 0 .7rem;
}
.exam .recordList{
    width:9.2rem;
}
.exam .recordList ul{
   border-left:1px solid #cacaca;
   padding: 0 0 5.5rem .35rem;
}
.exam .recordList ul li{
    position:relative;
    margin-bottom:.7rem;
}
.exam .recordList ul li .circle{
    display: inline-block;
    width: .43rem;
    height: .43rem;
    background: url('../images/circle.png') no-repeat;
    background-size: cover;
    position: absolute;
    top: -.1rem;
    left: -.6rem;
}
.exam .recordList .content{
    width: 9.18rem;
    border-radius: .1rem;
    background-color: #f5f5f5;
    padding:.25rem 0 .27rem .27rem;
    margin-bottom: .3rem;
}
.exam .recordList .date{
    font-size: .38rem;
    color: #00d8ff;
    font-weight: 400;
    margin-bottom:.3rem;
    padding-left:.17rem;
}
.exam .recordList .content .clock{
    display: flex;
    align-items: center;
    margin-bottom:.35rem;
}
.exam .recordList .content .time{
    font-size: .38rem;
    line-height: .25rem;
    color: #666666;
    font-weight: 400;
    margin-left:.1rem;
}
.exam .recordList .content .info{
    font-size: .42rem;
    color: #333333;
    font-weight: 700;
    margin-bottom:.25rem;
}
.exam .recordList .content .date_area{
    font-size: .38rem;
    color: #666666;
    font-weight: 400;
    margin-bottom:.65rem;
}
.exam .recordList .content .type{
    font-size: .38rem;
    line-height: .25rem;
    color: #666666;
    font-weight: 400;
    display: flex;
    margin-bottom:.4rem;
}
.exam .recordList .content .type  p{
    margin-right:.1rem;
}
.exam .recordList .content .score{
    font-size: .36rem;
    color: #0cd432;
    font-weight: 400;
}
.exam .recordList .content .icon{
    display:inline-block;
    width: 0.34rem;
    height: .34rem;
    background:url('../images/time.png') no-repeat;
    background-size: cover;
}
.train .recordList li {
    display: flex;
}
.train .recordList li{ 
    width:100%;
    background:#fff;
    margin-bottom:.15rem;
    padding:.53rem .48rem .7rem .38rem;
}
.train .recordList li .content{
    margin-top:.13rem;
}
.train .recordList li .img{
    width:1.26rem;
    height:1.26rem;
    margin-right:.28rem;
}
.train .recordList li .img img{
    width:100%;
    height:100%;
}
.train .recordList li .p1{
    font-size: .48rem;
    color: #333333;
    font-weight: 700;
    margin-bottom:.37rem;
    padding-left: .35rem;
}
.train .recordList li .total{
    width: 8.35rem;
    height: .68rem;
    border-radius: .34rem;
    background-color: #f1f1f1;
    text-align: center;
    line-height: .68rem;
    margin-bottom:.48rem;
    padding-left:.2rem;
}
.train .recordList li .total span{
    font-size: .34rem;
    color: #666666;
    font-weight: 400;
    margin-right:.3rem;
}
.train .recordList li .p2{
    font-size: .36rem;
    color: #333333;
    font-weight: 400;
    padding-left: .3rem;
}
.train .more{
    width:100%;
    height:1.3rem;
    font-size: .42rem;
    color: #333333;
    font-weight: 400;
    text-align: center;
    line-height:1.3rem;
    background:#fff;
}