.contact-title { margin: 0.2rem 0; display: flex; justify-content: space-between; }

.contact-title .h1 { font-size: 0.38rem; }

.contact-title .h2 { font-size: 0.24rem; margin-top: 0.1rem; }

.contact-title .logo { width: 1.6rem; }

.contact_container { display: flex; flex-direction: column; justify-content: space-between; margin: 0.3rem 0; }

.contact .left-wrapper { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0.3rem; }

.contact .left-wrapper .items { width: 48%; box-sizing: border-box; background-color: #f2f2f2; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 3.5rem; }

.contact .left-wrapper .items img { margin-top: 0.2rem; }

.contact .left-wrapper .items p { font-size: 0.3rem; margin-bottom: 0.2rem; }

.contact .left-wrapper .items h4 { font-weight: bold; font-size: 0.24rem; text-align: center; }

.contact .left-wrapper .items:nth-child(1), .contact .left-wrapper .items:nth-child(2) { margin-bottom: 0.28rem; }

.contact .right-wrapper { width: 100%; height: 5.5rem; z-index: 10; }

.contact .contact_message { margin: 0.6rem 0 0.3rem; }

.contact .contact_message .message-title { display: flex; flex-direction: column; align-items: center; position: relative; }

.contact .contact_message .message-title-wrapper { display: inline-block; margin: 0 auto; text-align: center; background-color: #fff; z-index: 200; padding: 0 0.2rem; }

.contact .contact_message .message-title .line-style { position: absolute; top: 50%; transform: translateY(-50%); height: 0.02rem; width: 4rem; background-color: var(--base-color1); }

.contact .contact_message .message-title-cn { font-size: 0.32rem; /*margin-bottom: 0.1rem;*/ }

.contact .contact_message .message-title-en { font-size: 0.24rem; }

.contact .from-box { margin: 0.6rem 0 0; }

.contact .from-item { display: flex; padding: 0.14rem; background-color: #fafafa; border-radius: 0.08rem; margin-bottom: 0.2rem; }

.contact .from-item .from-le { font-size: 0.28rem; color: #a49ca4; }

.contact .from-item input { flex: 1; background-color: transparent; }

.contact .textarea-item { display: flex; flex-direction: column; }

.contact .textarea-item .from-le { font-size: 0.28rem; margin-bottom: 0.1rem; }

.contact .textarea-item textarea { background-color: transparent; }

.contact .from-btn { cursor: pointer; margin-top: 0.6rem; background-color: var(--base-color1); height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; text-align: center; color: #fff; }
