.contact .contact-title{font-size:30px;font-weight:var(--fontbold7);}
.contact .contact-inner{margin-top:30px;display:flex;justify-content: space-between;flex-wrap:wrap;}
.contact .contact-inner .inner-left{width:48%;}
.contact .contact-inner .inner-left .item{display:flex;margin-bottom:20px;}
.contact .contact-inner .inner-left .item .icon{width:40px;height:40px;margin-right:10px;background: #000;display:flex;align-items: center;justify-content: center;border-radius: 50%;}
.contact .contact-inner .inner-left .item .icon em{color:#fff;}
.contact .contact-inner .inner-left .item .word{width:calc(100% - 50px)}
.contact .contact-inner .inner-left .item .word p:nth-child(1){font-weight:var(--fontbold7);font-size:18px;}
.contact .contact-inner .inner-left .item .word a{color:var(--fontcolor);}
.contact .contact-inner .inner-left .item .word a:hover{color:var(--color)}
.contact .contact-inner .inner-left>ul{display:flex;flex-wrap:wrap;}
.contact .contact-inner .inner-left>ul li{margin:0px 12px 0px 0px;list-style:none;}
.contact .contact-inner .inner-left>ul .social-item{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:#555;color:#FFFFFF;border-radius:2px;transition:transform .3s ease}
.contact .contact-inner .inner-left>ul .social-item>i,.contact .contact-inner .inner-left>ul .social-item>em{font-size:var(--fontsize20)}
.contact .contact-inner .inner-left>ul .social-item.fb{background-color:#3b5997}
.contact .contact-inner .inner-left>ul .social-item.tw{background-color:#2d2d2d}
.contact .contact-inner .inner-left>ul .social-item.lk{background-color:#0A66C2}
.contact .contact-inner .inner-left>ul .social-item.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
.contact .contact-inner .inner-left>ul .social-item.pi{background-color:#cc2127}
.contact .contact-inner .inner-left>ul .social-item.you{background-color:#FF0000}
.contact .contact-inner .inner-left>ul .social-item.vk{background:#0077FF}
.contact .contact-inner .inner-left>ul .social-item.tik{background-color:var(--fontcolor)}
.contact .contact-inner .inner-left>ul .social-item:hover{transform:scale(1.1);text-decoration: none;}
.contact .contact-inner .inner-right{width:48%;}
@media (max-width:768px){.contact .contact-inner .inner-left,.contact .contact-inner .inner-right{width:100%;margin:10px 0;}}