body, html { margin: 0; padding: 0; background:linear-gradient(-90deg,rgba(85,170,255,1),rgba(35,186,255,1));; } .section { width: 100%; } .section-title { position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin: 0; z-index: 1; } .section-title img { width: 100%; } .section-li { text-align: center; /* position: relative; top: 0; left: 0; z-index: 1000; */ } .section-li-header{ position: relative; z-index: 1000; } .section-li-one{ font-size: 1.1rem; color: #fff; /* margin: 0.4rem 0; */ } .section-li-two{ font-size: 1.2rem; color: #fff; margin: 0.5rem 20%; font-weight: bold; } .section-li-three{ margin-bottom: 1rem; margin-top: 1.8rem; } .section-li-three img{ width:20rem; height:9.6rem; margin-left: 1%; } .section-form{ position: relative; bottom: 2.5rem; background:rgba(255,255,255,1); border-radius:1rem; margin: 1rem; padding: 2rem 0 1rem 0; z-index: 100; } .section-form-item { text-align: left; background:rgba(245,245,245,1); border-radius:1.5rem; padding: 0.5rem 0.8rem; margin: 0.8rem 1rem; } .section-form-item img { width: 0.8rem; height: 0.8rem; margin: auto 0; } .address-img{ width: 0.8rem !important; height: 1rem !important; } .section-form-item span { -webkit-flex: 1; flex: 1; color: #515467; font-size: 0.8rem; font-weight: 600; margin: 0 .4rem; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #A1A1B3; font-size: 0.7rem; } ::-moz-placeholder { /* Firefox 19+ */ color: #A1A1B3; font-size: 0.7rem; } :-ms-input-placeholder { /* IE 10+ */ color: #A1A1B3; font-size: 0.7rem; } :-moz-placeholder { /* Firefox 18- */ color: #A1A1B3; font-size: 0.7rem; } .section-form-item input { border: none; height: 1.5rem; /* line-height: 1.5rem; */ background: #F5F5F5; font-size: 0.8rem; outline: none; /*width: 70%;*/ } .section-form-btn{ width:11rem; height:2.8rem; background:linear-gradient(-90deg,rgba(0,183,255,1),rgba(50,142,255,1)); box-shadow:0rem 0rem 1rem 0rem rgba(36, 163, 104, 0.35); border-radius:3rem; margin: 0rem auto; color: #FFFFFF; text-align: center; line-height:2.8rem; font-size: 1rem; } /* 弹框 */ .showMedeol { z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); display: none; } .show { min-height: 9rem; width: 13rem; background: #fff; border-radius: 0.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .model-title{ font-size: 1.2rem; color: #41414C; font-weight: 500; margin: 1rem auto; text-align: center; } .model-content{ font-size: 0.8rem; color: #6C6C80; margin: 0 2rem; line-height: 1.2rem; } .model-img{ height: 2rem; width:2rem; position: absolute; top: 64%; left: 46.5%; } .active{ display: block; }