/*.code-box{*/
/*    margin-top: 40px;*/
/*}*/
.code {
    /*display: none;*/
    /*border: thick black;*/
    visibility: hidden;
    /*width: 90px;*/
    /*height: 90px*/
}

.first-code {

}

.h4-code {
    color: white;
    font-weight: lighter;
}

#li-code1:hover {
    margin-top: 20px;
}

#li-code2:hover {
    margin-top: 20px;
}

#first-code:hover div {
    /*display: block;*/
    visibility: visible;
}

#second-code:hover div {
    /*display: block;*/
    visibility: visible;
}

#li-code1 {
    margin-top: 60px;
    float: left;
    width: 50%;
    transition: all 1s ease-out;
}

#li-code2 {
    margin-top: 60px;
    float: left;
    width: 50%;
    transition: all 1s ease-out;
}

.image-code {
    margin-top: 20px;
    width: 90px;
    height: 90px;
    border: thick double white;
    /*border-collapse: separate;*/
    /*border-spacing: 5px*/
    /*低版本不支持*/
}