*{padding:0;margin:0;line-height:30px}body{background:#f5f5f5;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fdf6f9),color-stop(50%,#ecfcff),color-stop(100%,#f4fffe));background:linear-gradient(0deg,#fdf6f9 0,#ecfcff 50%,#f4fffe 100%)}.wrap{width:380px;padding:30px;background:#fff;margin:30px;border-radius:15px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);color:#333}h1{text-align:center;margin-bottom:30px;font-size:20px}h2{width:300px;font-weight:500;font-size:18px;margin:15px auto 5px}.add,.query{width:300px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto 15px}.add input,.query input{width:100%;height:30px;border:1px solid #ccc;padding:3px 10px;display:block;border-right:none;border-top-left-radius:5px;border-bottom-left-radius:5px}.add button,.query button{width:60px;background-color:#5e679f;color:#fff;border:none;height:38px;-ms-flex-negative:0;flex-shrink:0;border-top-right-radius:5px;border-bottom-right-radius:5px}.tips{width:300px;margin:0 auto}.tips span{font-weight:700;font-size:20px;color:#cd314e;margin-left:5px}.add button{background-color:#5e9f67}