#app{display:table-cell;vertical-align:middle;text-align:center}#app .search{position:relative;margin:0 auto;width:100%;max-width:600px}#app .search .s{float:left;margin-left:15px;width:255px;height:30px;-o-object-fit:contain;object-fit:contain;border-radius:3px;border:1px solid #ccc;background-color:#fff;padding-left:15px}#app .search .s::-moz-placeholder{font-size:14px;font-weight:300;font-stretch:normal;font-style:normal;line-height:4.29;letter-spacing:normal;text-align:left;color:#ccc}#app .search .s::placeholder{font-size:14px;font-weight:300;font-stretch:normal;font-style:normal;line-height:4.29;letter-spacing:normal;text-align:left;color:#ccc}#app .search .c{display:none;position:absolute;left:0;top:28px;width:100%;height:156px;overflow-y:auto;list-style:none;padding-left:20px}#app .search .c.show{display:block;z-index:10}#app .search .c li{margin-top:-1px;padding:0 20px;width:91%;height:40px;background-color:#fff;box-sizing:border-box;border:1px solid #dcdcdc;outline:none;font-size:16px;line-height:40px;cursor:pointer}#app .search .c li.sel,#app .search .c li:hover{background-color:#f2f2f2}#app .search .c li:last-child{border-radius:0 0 4px 4px}#app .search .r{display:none;position:absolute;left:0;top:28px;width:100%;height:156px;overflow-y:auto;list-style:none;padding-left:20px}#app .search .r.show{display:block;z-index:10}#app .search .r li{margin-top:-1px;padding:0 20px;width:91%;height:40px;background-color:#fff;box-sizing:border-box;border:1px solid #dcdcdc;outline:none;font-size:16px;line-height:40px;cursor:pointer}#app .search .r li.sel,#app .search .r li:hover{background-color:#f2f2f2}#app .search .r li:last-child{border-radius:0 0 4px 4px}#app .search p{padding:10px 0;text-align:right;font-size:12px}