*{margin:0;padding:0;box-sizing:border-box}input,textarea,button{outline:none;background-color:transparent;border:0}body{font-family:zcool kuaile,cursive;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cntr{display:table;width:100%;height:100%}.cntr .cntr-innr{display:table-cell;text-align:center;vertical-align:middle}h1{text-align:center;margin-bottom:10px}p{margin-top:10px}i{margin-top:10px;color:#f08080}.page{min-height:100vh;width:95%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:lighter}.login-input-pink{width:220px;height:20px;border-width:1px;border-radius:3px;border-style:solid;border-color:pink;background:#fff;outline:none;font-family:Microsoft YaHei;color:#000;font-size:14px}.login-input-pink:hover{background:#fff;border-color:#ef027d}.login-button{width:160px;height:20px;border-width:0;border-radius:3px;background:#d8870b;cursor:pointer;outline:none;color:#fff;font-size:14px}.login-button:hover{background:#f90}.login-buttongm{width:80px;height:20px;border-width:0;border-radius:3px;background:#d8870b;cursor:pointer;outline:none;color:#fff;font-size:14px}.login-buttongm:hover{background:#f90}.login-input-pink1{width:160px;height:20px;border-width:1px;border-radius:3px;border-style:solid;border-color:pink;background:#fff;outline:none;font-family:Microsoft YaHei;color:#000;font-size:14px}.login-input-pink1:hover{background:#fff;border-color:#ef027d}.bg{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(../sy.png);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed}.container{position:relative;max-width:800px;width:95%;padding:45px 65px;border-radius:10px;color:#fff;overflow:hidden}.container.result{background:rgba(120,129,147,.3);box-shadow:0 0 10px 0 #333;backdrop-filter:blur(10px)}h1.title{text-align:center;margin-bottom:30px}.search-form{text-align:center;font-size:16px}.search-form input{border:#e1e1e1 solid 1px;border-radius:50px;width:100%;line-height:1;font-size:16px;padding:15px 30px;color:#fff;text-align:center;margin-bottom:30px}.search-form input::-webkit-input-placeholder{color:#f5f5f5}.search-form input::-moz-placeholder{color:#f5f5f5}.search-form input:-ms-input-placeholder{color:#f5f5f5}.search-form input:-moz-placeholder{color:#f5f5f5}.search-form .search-submit{padding:15px 60px;border:0;border-radius:50px;color:#fff;font-size:16px;cursor:pointer;line-height:1;transition:all .3s;background:-webkit-gradient( linear,left top,right top,from(#9c51ff),to(#816bff));background:-webkit-linear-gradient(90deg,#9c51ff,#816bff);background:linear-gradient(90deg,#9c51ff,#816bff)}.info{border:#e1e1e1 solid 1px;border-radius:10px}.info .info-item{padding:0;display:flex}.info .info-item~.info-item{border-top:#e1e1e1 solid 1px}.info .info-item .lable{border-right:#e1e1e1 solid 1px;width:120px;padding:12px 20px;text-align-last:justify}.info .info-item .value{flex:1;padding:12px 20px}.div_foot{position:fixed;bottom:20px;left:0;text-align:center;width:100%;font-size:16px;letter-spacing:1px}@media(max-width:820px){.container{padding:20px}}