/* body {} */ /* background-color: rgba(0, 0, 0, 0.5); */ /* 由css来控制 */ * { padding: 0; margin: 0; list-style: none; box-sizing: border-box; } .header { height: 50px; width: 200px; line-height: 50px; font-size: 25px; cursor: pointer; text-align: center; margin: 0 auto; } .box { display: none; position: fixed; width: 440px; height: 480px; top: 50%; left: 50%; transform: translate(-50%, -50%); /* margin: 100px auto; */ background-color: #fff; border-radius: 20px; box-shadow: 0px 0px 10px 1px #fff; } .w { width: 380px; margin: 0 auto; } .close { height: 50px; text-align: center; line-height: 50px; cursor: move; /* background-color: orange; */ } .close span { float: right; cursor: pointer; color: red; } .lg-top { font-size: 25px; text-align: center; color: #000; } .lg-main li { margin-top: 30px; width: 100%; height: 60px; background-color: rgb(220, 231, 250); border-radius: 10px; } .lg-main li:nth-child(3) { background-color: #fff; } .lg-main li:nth-child(3) .left { color: rgb(105, 101, 101); width: 50%; float: left; } .lg-main li:nth-child(3) a { display: block; width: 50%; float: right; text-align: right; color: rgb(105, 101, 101); } .lg-main li:nth-child(4) { margin-top: -15px; } .lg-main li:nth-child(4) .sub { display: block; height: 100%; width: 100%; font-size: 18px; color: #fff; background-color: rgb(34, 168, 136); border: none; border-radius: 10px; cursor: pointer; } .acc-left { float: left; width: 60px; height: 60px; text-align: center; line-height: 60px; border-right: 1px solid #ccc; } .acc-right input { padding-left: 10px; display: block; float: right; width: 320px; height: 60px; font-size: 16px; border: 1px solid #ccc; border-left: none; outline: none; border-radius: 0 10px 10px 0; }