.input-card {
    display: flex;
    background-color: #fff;
    padding: 0.5rem;
    box-shadow:0 0.3rem 1rem 0 rgb(140 152 164 / 13%);
    border-radius: 0.5rem;
    width:580px;
    padding:6px;
    margin:0 auto;
}
.input-card-wrap{padding:40px 0;}
.search-input {
    width: 100%;
    padding: 0.8rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3rem;
    background-clip: padding-box;
    border:0;
    appearance: none;
    border-radius: 0.3125rem;
    outline:0;
}
.search-card{width:100%; margin:0 -8px; padding:0; display:flex; flex-direction:row; flex-wrap:wrap; margin-top:8px; margin-bottom:25px;}
.search-card > li{ 
    width:200px;
    height:35px;
    background-color:#FFFFFF;
    margin:8px;
    border-radius:8px;
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:8px 12px;
    box-shadow: 0 0.1rem 0.1rem 0 rgb(140 152 164 / 13%);
    position:relative;
    cursor: pointer;
}
.search-card-item > a{display:flex; align-items:center; flex-direction:row; flex-wrap:nowrap; width:100%;}
.search-card > li:hover{box-shadow:0 10px 15px -10px rgba(116, 116, 116, 0.15);}
.search-card-item-icon{width:26px; height:26px; border-radius:50%; background-repeat:no-repeat; background-size:100% auto; background-color:#FFFFFF;}
.search-card > li:hover .search-card-item-icon{box-shadow:inset 0 2px 8px 0 rgba(105, 184, 245, 0.22), 0 2px 8px 0 rgba(105, 184, 245, 0.22)}
.search-card-item-title{margin-left:10px; width:100px; flex:1; font-size:14.5px;}
.search-card-item-title > a{display:block; width:100%;}
.search-card-item-title .vist{display:none; font-size:12px; line-height:12px; margin-top:1px;}
.search-card-item-title .vist a{color: #3688FF; font-size:12px; line-height:12px;}
.search-card > li:hover .vist {display:block;}
.space-box{height:20px; width:100%;}
.search-card > li > .selectBox{position:absolute; z-index:1; right:5px; top:5px; width:26px; height:26px; text-align:center;}
.search-card > li > .selectBox > .iconfont{font-size:26px; line-height:26px; color:#D9D8D7;}
.search-card > li > .selectBox > .icon-radioactive{display:none;}
.search-card > li > .selected span{color:#3688FF !important;}
.search-card > li > .selected .icon-radioactive{display:block;}
.search-card > li > .selected .icon-radio{display:none;}

#searchCard{position:fixed; top:56px; left:0; z-index:8; background-color:#F7F8F9;}
.searchCardSpace{height:135px;}

@media screen and (max-width: 768px) {
    .search-card{margin:8px 0; margin-bottom:20px !important; justify-content:space-between;}
    .input-card{width:90%;}
    .input-card-wrap{padding:30px 0;}
    .search-card > li{ width:calc(50% - 24px); margin:6px 0; padding:6px 8px;}
    #searchCard{top:50px;}
    .searchCardSpace{height:115px;}
}