a,a:hover {
    color: #333333;
}

.doc {
    padding-bottom: 0.67rem;
    width: 7.5rem;
    margin: 0 auto;
    color: #333333;
    overflow: hidden;
    background: powderblue;
}

.redian {
    background-color: #f0815a;
}

.fabu {
    background-color: #f47676;
}

.zhoubian {
    background-color: #d19565;
}

.jiank {
    background-color: #7bcf95;
}

.cuoshi {
    background-color: #71b1e3;
}

.doc .banner {
    width: 100%;
    height: 3.77rem;
    background: pink;
}

.area1 {
    padding: .1rem 0.24rem;
    margin: 0 0.25rem;
    background: #ffffff;
    border-radius: 0.16rem;
}

.area1 .listitem {
    height: 1.9rem;
    border-bottom: solid 0.01rem #e0e0e0;
    text-align: left;
    
    
}

.area1 .left {
    margin-top: 0.3rem;
    width: 4.46rem;
    float: left;
}

.area1 .left h3 i {
    padding-right: 0.1rem;
    font-size: 0.32rem;
}

.area1 .left h3 span {
    padding: 0.05rem .1rem;
    border-radius: 0.04rem;
    font-size: 0.24rem;
    color: #ffffff;
    font-weight: normal;
}

.area1 .left p {
    margin-top: 0.2rem;
    font-size: 0.24rem;
}

.area1 .left p i {
    padding-right: 0.2rem;
    color: #ff5c5c;
}

.area1 .left p span {
    color: #999999;
}

.area1 .right {
    margin-top: 0.25rem;
    width: 1.8rem;
    height: 1.35rem;
    border-radius: 0.04rem;
    background: pink;
    float: right;
}

.area1 .right img {
    width: 100%;
}