.contact_v { width: 80%; margin: 0 auto; margin-top: -5rem; } .contact_v .li { width: 50%; height: 10.5rem; border-radius: 10px; background-color: #ccc; background-color: #fff; position: relative; float: left; z-index: 3; box-shadow: 3px 9px 20px 0px #003ab80f; padding: 2rem 1.5rem; color: #111; display: block; transition: all 0.5s; } .contact_v .li .tit-36 { font-size: .9rem; line-height: 1; } .contact_v .li .tit-22 { font-size: .5rem; margin-top: 1rem; } .contact_v .li .tit-22 .p { display: flex; align-items: flex-start; justify-content: flex-start; } .contact_v .li .tit-22 .p .img { width: 30px; height: 30px; background-color: #0041c3; border-radius: 50%; position: relative; margin-right: 0.5rem; } .contact_v .li .tit-22 .p p { line-height: 1.5; } .contact_v .li .tit-22 .p .img svg { fill: #fff } .contact_v .p { margin-bottom: 1rem; } .contact_v .li:hover { background-color: #0041c3; color: #fff; } .contact_v .li:hover .p .img { background-color: #fff; } .contact_v .li:hover .p .img svg { fill: #0041c3; } .contact_e { width: 80%; margin: 0 auto; /* height: 18.5rem; */ padding-bottom: 4rem; border-radius: 10px; overflow: hidden; } .contact_e .bg { padding: 2rem 1.5rem; } .contact_e .bg form { margin-top: 1.25rem; } .contact_e .bg form .row { display: flex; margin-bottom: .5rem; } .contact_e .bg form .row .item { width: 9.375rem; height: 1.5rem; margin-right: .5rem; background-color: #fff; border-radius: 5px; /* border: 1px solid rgb(210, 209, 209); */ position: relative; } .contact_e .bg form .row .item input { width: calc(100% - 2.5rem); padding-left: 0.5rem; font-size: .4rem; height: 100%; } .contact_e .bg form .row .item .lab { width: 2rem; height: 100%; position: absolute; right: 0; top: 0; } .contact_e .bg form .row2 { width: 19.25rem; position: relative; margin-bottom: .5rem; } .contact_e .bg form .row2 textarea { width: 19.25rem; height: 4.25rem; padding: 0.5rem; font-size: 0.4rem; border: 1px solid #ccc; border-radius: 5px; resize: none; } .contact_e .bg form .row2 .lab { width: 2rem; position: absolute; right: 0; top: 0; height: 1.5rem; } .contact_e .bg form .tit-14 { width: 19.25rem; color: #666; line-height: 1.5; margin-top: .5rem; } .contact_e .bg form .tit-14 a { color: #000; font-weight: 800; text-decoration: underline; } .contact_e .bg form .submitss { width: 9.375rem; height: 1.5rem; background-color: #0041c3; border-radius: 10px; margin-top: 1rem; color: #fff; font-size: .5rem; font-weight: 700; } .contact_b .list .li { color: #000; } .contact_e .bg form .row.yzm { display: flex; margin-bottom: .5rem; } .contact_e .bg form .row.yzm .item{ padding: 0 0.5rem; font-size:0.4rem; color: #999; } .solu_a{ padding-top: 3rem; } .contact_e .bg form .tit-14{ display: flex; align-items: flex-start; justify-content: flex-start; } .contact_e .bg form .tit-14 .box{ width: 16px; height: 16px; border-radius: 2px; border: 1px solid #ccc; margin-right: 10px; cursor: pointer; } .contact_e .bg form .tit-14 .s{ width: calc(100% - 32px); } .contact_e .bg form .tit-14 .box.on{ background-color: #0041c3; border: 1px solid #0041c3; }