#whole{
    width: 100%;
    /*height: 98vh;*/
    background: rgba(1, 45, 88, 0);
    overflow: hidden;
}
#neicanListCon{
    width: 60%;
    margin-left: 20%;
    text-align: center;
    font-size: 1.4rem;
    color:white;
    margin-top: 4rem;
}
#neicanCon{
    list-style: none;
    cursor: pointer;
    height: 70vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
#neicanCon::-webkit-scrollbar {/*滚动条整体样式*/
    width:  5px;     /*高宽分别对应横竖滚动条的尺寸*/
    margin-left: 5px;
    height: 5px;
}
#neicanCon::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    background-color: rgb(0, 230, 246);
    /*background-image: -webkit-linear-gradient(45deg, rgba(164, 255, 12, 0.21) 25%, transparent 25%, transparent 50%, rgba(3, 221, 255, 0.6) 50%, rgba(255, 169, 5, 0.4) 75%, transparent 75%, transparent);
    */
    /*background-image: -webkit-linear-gradient(80deg, #04ffff, #86ff09, #04d0ff, #fffa08,red);*/
}
#neicanCon::-webkit-scrollbar-track {/*滚动条里面轨道*/
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
     border-radius: 10px;
     background: #031f38;
}


#neicanCon>li{
    border-left: 5px solid #00e6f6;
    margin: 10px 0;
    background: rgba(74, 247, 255, 0.51);
}
#neicanCon>li:nth-child(odd){
    background: rgba(169, 169, 169, 0.52);
}
#neicanCon>li>span{
    /*border: 1px solid #00e6f6;*/
    padding: 5px;
}
#noNeican{
    text-align: center;
    font-size: 2rem;
    font-weight: bolder;
    color:red;
    width: 100%;
    height: 20%;
    margin-top: 500px;
    display: none;
}
@media (max-width: 800px) {
    #neicanListCon{
        width: 100%;
        margin-left: 0%;

    }
}
@media (max-width: 600px){
    #neicanListCon{
        font-size: 1rem;
    }
    #noNeican{
        font-size: 1rem;
    }
}