#sub {
     margin: 0 auto;
     width: 73%;
     background-color: #fff;
}
body{
     font-size: .16rem;
}
 #sub .sub-top {
     width: 100%;
     display: flex;
     border-bottom: 0.01rem solid #e5e5e5;
     justify-content: space-around;
}
 #sub .sub-top .top-a {
     width: 2.86rem;
     text-align: center;
}
 #sub .sub-top .top-a img {
     margin: 0.9rem 0 0.2rem 0;
     width: .9rem;
     height: .9rem;
}
 #sub .sub-top .top-a p {
     font-size: 0.16rem;
     color: #919191;
     margin: 0.2rem 0 0.7rem 0;
}
 #sub .sub-center {
     padding: 0 0.9rem;
}
 #sub .sub-center .center-serve {
     border-bottom: 0.01rem solid #e5e5e5;
     padding-bottom: 0.4rem;
}
 #sub .sub-center .center-serve h2 {
     border-left: 0.03rem solid #0077ff;
     border-right: 0.02rem solid #000;
     padding: 0 0.15rem;
     display: inline-block;
     margin: 0.35rem 0.05rem 0.3rem 0;
}
 #sub .sub-center .center-serve h3 {
     display: inline-block;
}
 #sub .sub-center .center-serve p {
     font-size: 0.16rem;
     color: #787878;
     margin-bottom: 0.15rem;
}
 #sub .sub-liucheng {
     padding: 0 0.5rem 0.5rem;
     text-align: center;
     display: flex;
     flex-direction: column;
}
 #sub .sub-liucheng .liucheng-top {
     display: flex;
     flex-direction: column;
     text-align: center;
}
 #sub .sub-liucheng .liucheng-top p {
     font-size: 0.4rem;
     font-weight: inherit;
     margin: 0.55rem 0 0.17rem 0;
}
 #sub .sub-liucheng .liucheng-top span {
     font-size: 0.26rem;
     color: #a2a8ad;
}
 #sub .sub-liucheng .liucheng-bot {
     margin-top: 0.4rem;
}
 #sub .sub-liucheng .liucheng-bot img {
     width: 100%;
}