#tag1 {
    padding-top: 1.5rem;
    margin-bottom: .7rem;
}

.p1 {
    padding: .5rem 0;
}

.p1-tit {
    margin-top: .5rem;
    margin-bottom: .3rem;
    font-size: .6rem;
    font-weight: bold;
    color: #3e3a39;
}

.p1-intro {
    font-size: .24rem;
    line-height: .36rem;
    text-align: justify;
    color: #595757;
}

.p2 {
    padding: .8rem 0;
    display: flex;
    justify-content: space-between;
}

.p2 .p2-left {
    width: 5.85rem;
    flex: 0 0 5.85rem;
    display: flex;
    flex-direction: column;
}

.p2 .p2-left .p2-tit {
    margin-bottom: .1rem;
    font-size: .6rem;
    color: #3e3a39;
}

.p2 .p2-left .p2-tit strong {
    color: #00da6b;
}

.p2 .p2-left .p2-intro {
    font-size: .24rem;
    line-height: .42rem;
    color: #595757;
    justify-content: space-between;
}

.p2 .p2-left img {
    margin-top: auto;
}

.p2 .p2-img {
    width: 5.7rem;
    height: 7.42rem;
    flex: 0 0 5.7rem;
}

.p3 {
    padding-top: .55rem;
    padding-bottom: 1.5rem;
}

.p3 .p3-tit {
    margin-bottom: .35rem;
    font-size: .6rem;
    color: #3e3a39;
}

.p3 .p3-tit span {
    font-size: .97rem;
}

.p3 .p3-tit strong {
    color: #00da6b;
}

.p3 .tit-desc {
    margin-bottom: .4rem;
    font-size: .24rem;
    line-height: .42rem;
    color: #595757;
}

.p3 .img-box .img-desc {
    text-align: center;
    font-size: .22rem;
    color: #3e3a39;
    text-align: center;
    margin-bottom: .2rem;
}

.p3 .p3-intro {
    margin-top: .65rem;
    font-size: .24rem;
    line-height: .36rem;
    color: #595757;
}

.p4 {
    margin-bottom: .85rem;
}

.p4-cont {
    margin-top: 1.1rem;
    margin-bottom: .85rem;
    display: flex;
    justify-content: space-between;
}

.p4-cont .p4-left {
    width: 4.5rem;
}

.p4-cont .p4-left .p4-tit {
    font-size: .67rem;
    font-weight: bold;
    color: #00da6b;
    padding-bottom: .3rem;
    margin-bottom: .3rem;
    border-bottom: 1px solid #585757;
}

.p4-cont .p4-left .p4-intro {
    font-size: .26rem;
    line-height: .4rem;
    color: #585757;
    text-align: justify;
}

.p4-cont .p4-right {
    width: 7.53rem;
    height: 4.84rem;
    position: relative;
}

.p4-cont .p4-right::before {
    content: "";
    position: absolute;
    width: .5rem;
    height: .5rem;
    left: -.1rem;
    bottom: -.1rem;
    background: #00da6b;
}

.p4-cont .p4-right::after {
    content: "";
    position: absolute;
    width: 1rem;
    height: .85rem;
    right: -.1rem;
    top: -.1rem;
    background: #00da6b;
}

.p4-cont .p4-right img {
    width: 7.53rem;
    height: 4.84rem;
    position: relative;
    z-index: 1;
}

.p5 {
    margin-top: .85rem;
    margin-bottom: 1rem;
}

.p5-cont {
    margin-top: 1.1rem;
    margin-bottom: .85rem;
    display: flex;
    justify-content: space-between;
}

.p5-cont .p5-left {
    width: 4.5rem;
}

.p5-cont .p5-left .p5-tit {
    font-size: .67rem;
    font-weight: bold;
    color: #00da6b;
    padding-bottom: .3rem;
    margin-bottom: .3rem;
    border-bottom: 1px solid #585757;
}

.p5-cont .p5-left .p5-intro {
    font-size: .26rem;
    line-height: .4rem;
    color: #585757;
    text-align: justify;
}

.p5-cont .p5-right {
    width: 7.5rem;
    height: 4.85rem;
    position: relative;
}

.p5-cont .p5-right::before {
    content: "";
    position: absolute;
    width: .5rem;
    height: .5rem;
    left: -.1rem;
    bottom: -.1rem;
    background: #00da6b;
}

.p5-cont .p5-right::after {
    content: "";
    position: absolute;
    width: 1rem;
    height: .85rem;
    right: -.1rem;
    top: -.1rem;
    background: #00da6b;
}

.p5-cont .p5-right img {
    width: 7.5rem;
    height: 4.85rem;
    position: relative;
    z-index: 1;
}
.p6 {
    margin-top: .8rem;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
}
.p6  .p6-right{
    width: 5.02rem;
    height: 7.32rem;
}
.p6  .p6-left{
    width: 6.78rem;
    flex: 0 0 6.78rem;
}
.p6  .p6-left .p6-tit{
    font-size: .6rem;
    color: #3d3a39;
}
.p6  .p6-left .p6-tit span{
    color: #00da6b;
}
.p6  .p6-left .p6-intro{
    margin-bottom: .6rem;
    padding: .6rem 0;
    border-bottom: 1px dashed #3d3a39;
    display: flex;
    justify-content: space-between;
}
.p6  .p6-left .p6-intro .intro{
    margin-right: .2rem;
    font-size: .35rem;
    color: #3d3a39;
}
.p6  .p6-left .p6-intro .code{
    width: 1.56rem;
    height: 1.56rem;
}