@font-face {
    font-family: 'imagsearch-iconfont';
    src: url('data:font/woff;charset=utf-8;base64,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') format('woff'),
       url('../font/iconfont.ttf') format('truetype');
}

.iconfont-imageserach {
    font-family: "imagsearch-iconfont" !important;
    font-size: 25px!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666;
    height: 100%;
    display: flex;
    align-items: center;
}

.icon-tubiaozhizuomoban:before {
    content: "\e613";
}

.icon-xiangji:before {
    content: "\e607";
}

.icon-xiangji1:before {
    content: "\e605";
}

.icon-xiangji2:before {
    content: "\e619";
}

.icon-xiangji3:before {
    content: "\e6d0";
}

.imagesearch_icon{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.Serach_InputFile{
    display: inline-block;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 0;
    opacity: 0;
    cursor: pointer;
    padding: 20px;
}
.imagesearch_content{
    padding: 20px 0;
    background-color: #fff;
    text-align: center;
    margin: 20px;
    border-radius: 15px;
}
.imagesearch_content h3{
    font-weight: bold;
    font-size: 18px;
    color: #222;
}
.imagesearch_text{
    font-size: 14px;
    margin: 10px;
}
.imagesearch_button{
    margin: 25px auto;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #222;
    position: relative;
}
.imagesearch_upload{
    position: absolute;
    border: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.imagesearch_upload_button{
    color: #fff;
    font-weight: 600;
    line-height: 30px;
    height: 30px;
    margin: 0 auto;
    width: 200px;
    background-color: #222;
    position: relative;
}
.imagesearch_mask{
    position:fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background-color: #0009;
}
.imagesearch_box{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}