.search-template-container{background:#fff;padding:20px;border-bottom:1px solid #eee;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.search-template-container,.show_template_box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.show_template_box{height:30px;border:1px solid #ccc;background-color:#fafafa;width:300px;line-height:30px;padding:0 10px;margin-right:10px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;border-radius:5px}.show_template_box .icon{-webkit-transition:all .2s;transition:all .2s}.show_template_box .icon.down_icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.popover_wrapper{width:300px}.popover_wrapper ul{margin:0;padding:0}.popover_wrapper ul .templete_item{padding:3px 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;color:#000;cursor:pointer}.popover_wrapper ul .templete_item.active{color:#36f}.popover_wrapper ul .templete_item.active:hover{color:#36f;opacity:.7}.popover_wrapper ul .templete_item:hover{color:#666;background:rgba(51,102,255,.03)}.popover_wrapper .add_templete{text-align:center;height:30px;line-height:30px;cursor:pointer;border-top:1px solid #eee}.popover_wrapper .add_templete:hover{color:#36f}.templete_popover .ant-popover-inner-content{padding:0}.search_template_modal .ant-modal-body .search_template_wrapper{padding:10px;background-color:#fff;border-radius:5px}