body{ background-color: white; } *{ margin: 0; } .tri_header { width: 100%; height: 3.9rem; position: relative; } .tri_header img { width: 100%; height: 100%; } .suspension { position: absolute; left: 2rem; top: 1.3rem; color: white; } .suspension div { font-weight: bold; font-size: 0.4rem; margin-bottom: 0.4rem; } .suspension p { font-size: 0.16rem; } .tri_content{ width: 13rem; margin: 1rem auto; } .ser_title { color: #000000; letter-spacing: 0.01rem; font-size: 0.4rem; font-weight: bold; text-align: center; margin-bottom: 0.2rem; } .ser_comm p { width: 100%; color: #999999; font-size: 0.16rem; text-align: center; letter-spacing: 0.02rem; line-height: 0.3rem; margin: 0; } .submit_data{ margin-top: 0.6rem; } .submit_list{ display: flex; justify-content: space-between; margin-bottom: 0.4rem; } .submit_item{ width: 32%; display: flex; flex-direction:column-reverse; position: relative; } .submit_item p{ color: #333333; font-size: 0.16rem; font-weight: bold; line-height: 0.3rem; margin-bottom: 0.1rem; } .submit_item input{ width: calc(100% - 0.2rem); display: inline-block; height: 0.36rem; border: 1px solid #cccccc; border-radius: 0.06rem; outline-style: none; /*获取焦点时边框*/ padding-left: 0.1rem; } ::-webkit-input-placeholder { /* WebKit browsers,webkit内核浏览器 */ color: #ccc; } .submit_comm p{ color: #333333; font-size: 0.16rem; font-weight: bold; line-height: 0.3rem; margin-bottom: 0.1rem; } .submit_comm #comm{ width: calc(100% - 0.2rem); outline-style: none; /*获取焦点时边框*/ border: 1px solid #cccccc; padding: 0.06rem; font-family: Microsoft YaHei; } .subject_data{ padding: 0.6rem 0 1.6rem; } .btn{ width: 3.2rem; height: 0.48rem; margin: 0 auto; background-color: #2d8cf0; display: flex; align-items: center; justify-content: center; cursor: pointer; } .btn span{ color: white; font-size: 0.16rem; } .btn img{ margin-left: 0.2rem; width: 0.2rem; height: 0.06rem; } .submit_item .showerr{ position: absolute; bottom: -0.4rem; color: red !important; font-size: 0.14rem; /* visibility: hidden; */ }