html { background-color: #F2F4F7; } .contact { padding: 0.7rem 0.3rem 0.7rem; background-color: #fff; } .input-image-info{ font-size: 0.1rem; margin-left: 1.55rem; margin-bottom: 0.3rem; color: #999999; } .form-subtitle{ font-size: 0.3rem; font-weight: 550; margin-bottom: 0.5rem; } .input-box{ display: flex; flex-direction: row; font-size: 0.2rem; align-items: center; margin-bottom: 0.3rem; justify-content: space-between; } .input-box-top{ display: flex; flex-direction: row; font-size: 0.2rem; margin-bottom: 0.3rem; justify-content: space-between; } .form-input-box-top{ box-sizing: border-box; /* margin-top: 0.2rem; */ height: 2.9rem; background-color: #fff; border: 1px solid #E6E6E6; margin-bottom: 0.2rem; width: 5.4rem; } .form-input-box-top textarea{ width: 100%; height: 100%; border: none; padding: .25rem; box-sizing: border-box; font-size: .26rem; } .check-list-item{ display: flex; align-items: center; margin-bottom: 0.4rem; font-size: 0.2rem; } .check-list-item-three{ display: flex; align-items: center; margin-bottom: 0.4rem; font-size: 0.28rem; } .check-box{ margin-right: 0.3rem; } .check-box-three{ margin-right: 0.1rem; } input[type='checkbox']:checked::after{ color: #D90012; } .check-box-list{ display: flex; flex-direction: row; font-size: 0.2rem; justify-content: space-between; } .check-box-title{ width: 1.36rem; font-size: .28rem; display: flex; justify-content: space-between; } .check-box-title i{ width: 1.12rem; font-style: normal; text-align-last: justify; display: block; } .check-list{ font-size: 0.2rem; display: flex; flex-direction: row; width: 5.4rem; flex-wrap: wrap; justify-content: space-between; } .contact-list { padding-top: 0.2rem; } .contact-list-item { margin-top: 0.3rem; padding: 0.35rem 0.5rem; background-color: #fff; border-radius: 0.15rem; box-shadow: 0rem 0.04rem 0.1rem rgba(0,18,38,0.2); } .contact-list-itemIcon { margin-top: -0.1rem; width: 1rem; height: 1rem; } .contact-list-itemInfo { margin-left: 0.4rem; } .contact-list-itemTitle { font-size: 0.3rem; font-family: Source Han Sans CN; font-weight: bold; color: #262626; line-height: 1; } .contact-list-item .contact-list-itemInfo .contact-list-itemText { margin-top: 0.1rem; font-size: 0.28rem; font-family: Source Han Sans CN; font-weight: 400; line-height: 0.5rem; color: #262626; } .map { margin-top: 0.7rem; height: 5rem; background-color: #E6E6E6; } .form-box { padding: 0.7rem 0.25rem; background-color: #fff; } .form-box-info{ padding: 0.7rem 0.25rem; background-color: #fff; border-top: .2rem solid #F2F4F7; } .form { overflow: hidden; margin-top: 0.3rem; } .form-input-box { box-sizing: border-box; width: 5.4rem; height: 0.8rem; background-color: #fff; border: 1px solid #E6E6E6; padding-left: .25rem; } .form-input { font-size: 0.26rem; width: 100%; height: 100%; } /* .c-input-icon{ position: absolute; width: 0.2rem; top: 1.85rem; left: 3.2rem; } */ input::placeholder, select::placeholder, textarea::placeholder { color: #999; } .form-input-suffix { font-size: 0.24rem; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #262626; } .form-cell { font-size: 0; } .form-cell .form-input-box, .form-cell .form-select { width: 3.2rem; } .form-select { outline: none; margin-top: 0.2rem; padding: 0 0.2rem; width: 100%; height: 0.9rem; background-color: #fff; border: 1px solid #E6E6E6; font-size: 0.24rem; font-family: Source Han Sans CN; font-weight: 400; color: #262626; } .form-textarea-box { box-sizing: border-box; margin-top: 0.2rem; padding: 0.33rem 0.2rem; height: 2rem; border: 1px solid #E6E6E6; } .form-textarea { width: 100%; height: 100%; font-size: 0.24rem; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #999; } .form-submit { margin-top: 0.3rem; width: 100%; height: 0.9rem; background-color: #6AA84F; font-size: 0.28rem; font-family: Source Han Sans CN; font-weight: 400; color: #fff; border-radius: 0.1rem; } .form-info{ line-height: 0.5rem; font-size: 0.25rem; font-weight: lighter; font-family: Source Han Sans CN-Regular; } .input-select{ border: 1px solid #E6E6E6; padding: 0 0.1rem; height: 0.7rem; -webkit-appearance: none; background:url(../images/select-arrow.png) no-repeat 86% center; } input[type=checkbox] { position: relative; width: 0.24rem; height: 0.24rem; } input[type=checkbox]::after { position: absolute; top: 0; background-color: #fff; color: #fff; width: 0.24rem; height: 0.24rem; display: inline-block; visibility: visible; padding-left: 0; text-align: center; content: ' '; border-radius: 2px; box-sizing: border-box; border: 1px solid #ddd; } input[type='checkbox']:checked::after{ content: ""; background-color: red; border-color: red; background-color:red; } input[type=checkbox]:checked::before { content: ''; position: absolute; top: 1px; left: 0.08rem; width: 0.06rem; height: 0.1rem; border: solid white; border-width: 0 0.01rem 0.02rem 0; transform: rotate(45deg); z-index: 1; } /* ::-webkit-datetime-edit-fields-wrapper{ display: none; } */