a { text-decoration: none; color: #000; } .contact a:hover { text-decoration: none; color: #000; } .contact_visible a:hover { text-decoration: none; color: #000; } p { margin-top: 20px; } #container { width: 100%; height: 600px; margin: auto; overflow: hidden; } #box { width: 74%; height: 800px; background-color: white; display: flex; margin: 100px auto; box-shadow: darkgrey 10px 10px 30px 5px; position: relative; top: -150px; } #box_contact { width: 50%; height: 100%; background-color: white; } .contact { width: 80%; height: 90%; margin: 0 auto; font-family: "Microsoft YaHei", 微软雅黑; } .size1 { font-size: 2em; font-weight: 600; } .size2 { font-size: 2em; font-weight: 600; } .box_QRcode { width: 100%; height: 18%; display: flex; justify-content: space-around; margin-top: 30px; } .QRcode { width: 125px; height: 125px; text-align: center; } .QRcode img { width: 100%; height: 100%; } .QRcode span { font-size: 13px; color: #595959; } #box_liuyan { width: 50%; height: 100%; background-color: rgb(0, 167, 134); } .liuyan { width: 80%; height: 90%; margin: 0 auto; } .size3 { font-size: 2em; font-weight: 600; color: white; } textarea { background-color: rgb(0, 167, 134); border-style: none; outline: none; color: white; } .textarea_border textarea { border-bottom: 1px solid rgb(192, 192, 192); height: 80px; } #box_liuyan textarea { min-width: 100%; } #box_liuyan .textarea_border :hover { border-bottom: 1px solid rgb(5, 224, 253); } #box_liuyan .input_border input { width: 100%; height: 60px; } #box_liuyan input { background-color: rgb(0, 167, 134); border-style: none; outline: none; color: white; } #box_liuyan .input_verification { width: 60%; height: 40px; margin-top: 50px; float: left; } #box_liuyan .input_verification input { width: 100%; height: 100%; border-bottom: 1px solid rgb(192, 192, 192); } #box_liuyan .input_border { border-bottom: 1px solid rgb(192, 192, 192); } #box_liuyan .input_border :hover { border-bottom: 1px solid rgb(5, 224, 253); } #box_liuyan .input_verification :hover { border-bottom: 1px solid rgb(5, 224, 253); } input::-webkit-input-placeholder { color: white; } textarea::-webkit-input-placeholder { color: white; } .verification { float: left; margin-top: 51px; width: 40%; } .verification img { font-size: 18pt; cursor: pointer; width: 120px; margin-top: 10px; } .submit button { width: 100px; height: 35px; } #box_liuyan .submit button { background-color: white; border: 1px solid black; color: #000; } #box_liuyan .submit button:hover { border: 1px solid white; transition: 0.5s; background-color: rgb(0, 167, 134); color: white; } #box_visible { width: 90%; height: auto; background-color: white; margin: 0 auto; box-shadow: darkgrey 10px 10px 30px 5px; position: relative; top: -100px; } #box_contact_visible { width: 100%; height: 100%; background-color: white; display: flex; align-items: center; justify-content: center; } .contact_visible { width: 90%; height: 95%; } #box_liuyan_visible { width: 100%; height: 100%; background-color: rgb(0, 167, 134); margin-top: 60px; } #box_liuyan_visible { width: 100%; height: 650px; display: flex; justify-content: center; align-items: center; } textarea { background-color: rgb(0, 167, 134); border-style: none; outline: none; color: white; } .textarea_border textarea { border-bottom: 1px solid rgb(192, 192, 192); height: 80px; } #box_liuyan_visible textarea { min-width: 100%; } #box_liuyan_visible .textarea_border :hover { border-bottom: 1px solid rgb(5, 224, 253); } #box_liuyan_visible .input_border input { width: 100%; height: 60px; } #box_liuyan_visible input { background-color: rgb(0, 167, 134); border-style: none; outline: none; color: white; } #box_liuyan_visible .input_verification { width: 55%; height: 40px; margin-top: 50px; float: left; } #box_liuyan_visible .input_verification input { width: 100%; height: 100%; border-bottom: 1px solid rgb(192, 192, 192); } #box_liuyan_visible .input_border { border-bottom: 1px solid rgb(192, 192, 192); } #box_liuyan_visible .input_border :hover { border-bottom: 1px solid rgb(5, 224, 253); } #box_liuyan_visible .input_verification :hover { border-bottom: 1px solid rgb(5, 224, 253); } input::-webkit-input-placeholder { color: white; } textarea::-webkit-input-placeholder { color: white; } .box_liuyan_visible { float: left; margin-top: 50px; color: rgb(0, 167, 134); background-color: #ffffff; font-size: 18pt; padding: 5px 15px 5px 15px; cursor: pointer; } .submit button { width: 100px; height: 35px; } #box_liuyan_visible button { background-color: white; border: 1px solid black; color: #000; margin-top: 10px; } #box_liuyan_visible .submit button :hover { border: 1px solid white; transition: 0.5s; background-color: rgb(0, 167, 134); color: white; } #box_liuyan_visible .verification { float: left; margin-top: 51px; font-size: 18pt; cursor: pointer; } .amap-logo { z-index: 100 !important; } .amap-copyright { z-index: 100 !important; }