.contact-us {
    margin: 1rem 4.2rem;
}

.contact-title {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #979797;
    font-size: 0.54rem;
    color: #242728;
}

.piece5 {
    float: left;
    width: 20%;
    margin: 0.5rem 0;
    padding-right: 7px;
}

.country {
    font-size: 0.4rem;
    color: #242728;
}


.developer {
    margin-top: 0.3rem;
}
.theme{
    margin-top: 0.5rem;
}
.email-title {
	color: #242728;
}
.contact-content {
    font-size: 0.31rem;
    color: #9195A1;
    line-height: 0.53rem;
}

@media (max-width: 768px) {
    .contact-us {
        margin: 1.2rem 0.4rem 0;
        border-bottom: 1px solid #979797;
    }

    .contact-title {
        padding-bottom: 0.3rem;
        border-bottom: 1px solid #979797;
        font-size: 0.36rem;
        color: #242728;
        text-align: center;
    }

    .piece5 {
        float: none;
        width: 100%;
        display: block;
        margin: 0.5rem 0;
        padding: 0 1rem;
        text-align: center;
    }

    .country {
        font-size: 0.24rem;
        color: #242728;
    }

    .developer {
        margin-top: 0.3rem;
    }
    .theme{
        margin-top: 0.3rem;
    }
    .contact-content {
        font-size: 0.24rem;
        color: #9195A1;
        line-height: 0.53rem;
    }
}