.box {
    padding: 20px;
}

.box .searchBox {
    border-radius: 500px;
    border: 1px solid rgba(12, 196, 252, 1);
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

.box .searchBox .iconSearch {
    color: rgba(174, 220, 244, 1);
    background: linear-gradient(180deg, rgba(164, 250, 253, 1) 0%, rgba(75, 176, 254, 1) 100%);
    background-clip:text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 5px;
    font-size: 22px;
}

.box .searchBox .searchText {
    background: none;
    border: none;
    flex: 1;
    color: #fff;
}

.box .searchBox .searchBtn {
    display: flex;
    cursor: pointer;
    background: transparent;
    color: #249BCF;
    border: none;
    align-items: center;
    font-size: 24px;
}

.box .List {
    margin: 10px 0;
    font-size: 14px;
}

.box .List>li {
    margin: 10px 0;
    display: flex;
    align-items: center;
    border: 1px solid #08467f;
    border-radius: 5px;
    box-shadow: inset 0 0 6px 0 rgba(97, 173, 246, 0.5);
    cursor: pointer;
    padding: 20px;
    transition: all 500ms;
}
.box .List>li.active,
.box .List>li:hover{
    background:rgba(0,54,120,0.76);
    box-shadow:0px 0px 10px 0px rgba(142,204,252,1) inset;
    border: 1px solid rgba(99,188,251,1);
}
.box .List>li .left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.box .List>li .left h2{
    color: rgba(142, 179, 207, 1);
    margin-bottom: 10px;
    font-size: 1.2em;
    line-height: 1.3em;
}
.box .List>li .left .Line{
    flex: 1;
    border-bottom:1px solid rgba(71, 147, 250, 0.24);
}
.box .List>li .left>ol{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}
.box .List>li .left>ol>li{
    color: rgba(36, 155, 207, 1);
    font-size: 1em;
    word-wrap:break-word;
    margin-bottom: 5px;
}
.box .List>li .right {
    font-size: 1em;
    color: rgba(174, 220, 244, 1);
    background: linear-gradient(360deg, rgba(225, 3, 147, 0.46) 0%, rgba(46, 57, 209, 1) 100%);
    box-shadow: 0px 0px 6px 0px rgba(7, 104, 181, 0.5);
    border-radius: 500px;
    border: 1px solid rgba(5, 146, 247, 1);
    padding: .6em 1.2em;
    margin-left: 20px;
}