.kui-search{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;padding:25px 30px;background-color:#fff}.kui-search-search-icon{position:absolute;top:50%;left:60px;z-index:1;font-size:34px;color:#ccc;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.kui-search-input{padding-left:74px}.kui-search-input-wrap{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;-webkit-transition:all .15s;transition:all .15s}.kui-search-cancel{margin-left:26px;font-family:PingFangSC-Regular,PingFang SC;font-size:32px;font-weight:400;line-height:45px;color:#333;white-space:nowrap}.kui-search-mask{height:100vh;background-color:rgba(0,0,0,.5);opacity:0;-webkit-animation:kui-search-fadeIn 1s linear forwards;animation:kui-search-fadeIn 1s linear forwards}@-webkit-keyframes kui-search-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes kui-search-fadeIn{0%{opacity:0}to{opacity:1}}