.contact .module-title{text-align: center;}
.contact-list{margin-top: .88rem;}
.contact-item{position: relative;height: 7.5rem;border-radius: .3rem;}
.contact-item:nth-child(n+2){margin-top: .6rem;}
.contact-item:nth-child(even) .contact-main{justify-content: flex-end;background: url("/static/images/img/contact-cover2.png") no-repeat right top/contain;}
.contact-item:nth-child(even) .contact-card{margin: 0 1rem 0 0;}
.contact-main{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-start;background: url("./images/img/contact-cover.png") no-repeat left top/contain;border-radius: .3rem;}
.contact-card{height: 5.84rem;width: 5.2rem;margin-left: 1rem;border-radius: .3rem;background-color: #fff;padding: .7rem .6rem .86rem;box-shadow: 0 .06rem 0 0 var(--theme-color);}

.cc-title{font-family: Montserrat-Bold;}
.cc-title::after{content: "";display: block; width: 0.4rem;height: 0.04rem;margin-top: .08rem;border-radius: .02rem; background-color: var(--theme-color);}
.cc-method{display: flex;align-items: center;padding: .45rem 0;border-top: 0.01rem solid #00000014;}
.cc-icon{display: flex;justify-content: center;align-items: center;flex-shrink: 0;margin-right: .3rem;width: 1rem;height: 1rem;padding: .32rem;background-color: var(--theme-color);border-radius: 50%;}
.cc-subtitle{line-height: 1.5;color: #222;font-family: Montserrat-Bold;}
.cc-info{color: #666;line-height: 1.75;margin-top: .1rem;}
@media (max-width: 1300px) {.contact-card{width: 6rem;}}
@media (max-width: 1200px) {.contact-card{width: 7rem;}}
@media (max-width: 1000px) {.contact-card{width: 9rem;}}
@media (max-width: 750px) {
    .contact-item{height: auto;}
    .contact-main{position: static;margin-top: .6rem;background: none;}
    .contact-card{width: 100%;margin: 0 !important;height: auto;}
}