.typeList{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2000;
}

.typeList ul.ulnth1{
    position: relative;
    margin-left: 60px;
    margin-bottom: 90px;
}
.typeList ul li.linth1{
    position: relative;
    z-index: 1;
}
.typeList ul li.linth1 span{
    display: block;
    width: 70px;
    height: 71px;
    background-color: #ffffff;
    border: none;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 18px;
    font-size: 17px;
    line-height:  71px;
    letter-spacing: 2px;
    color: #333333;
    font-weight: bold;
    cursor: pointer;

}
.typeList ul li.linth1 span:after{
    content:'';
    position: absolute;
    top: -4px; bottom: -4px;
    left: -4px; right: -4px;
    background: linear-gradient(90deg,#0d8d9f, #78e1b4);
    border-radius: 50%;
    content: '';
    z-index: -1;
    box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.25);

}
.typeList ul li.linth1.active span{
    background: #fff;
    color: #0d8d9f;
    box-shadow: #0d8d9f 0px 0px 20px 1px inset;
}
.typeList ul ul.ulnth2{
    position: absolute;
    bottom: 0;
    width: 156px;
    max-height: 410px;
    min-height: 156px;
    left:  90px;
    display: none;
    padding: 25px 20px;
    overflow: hidden;
    overflow-y:auto ;
    background: #fff;
    border-radius: 15px;
    z-index: 1;
    box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.25);
}
.typeList ul li.linth1.active ul.ulnth2{
    display: block;
}
.typeList ul ul.ulnth2.active{
    /*color: #c50000;*/
    display: block;
}
.typeList ul ul.ulnth2 li{
    line-height: 1.2rem;
    margin: 0 0 1rem;
    cursor: pointer;
}
.typeList ul li.linth1.active ul.ulnth2 li:hover{
    color: #c50000;
}
.con-ret{
    border: 12px solid transparent;
    border-right-color: #fff;
    position: absolute;
    left: 67px;
    bottom: 23px;
    z-index: 1;
    display: none;

}
.typeList ul li.linth1.active .con-ret{

    display: block;
}
.logo{
    width: 15%;
    right: 12%;
    top: 14.6%;
}
.logo .cloud{
    width: 68%;
    display: block;
    position: absolute;
    top: 5%;
    right: 0;
    animation: zy 2.5s linear infinite;
    -moz-animation: zy 2.5s  linear infinite; /* Firefox */
    -webkit-animation: zy 2.5s  linear infinite; /* Safari and Chrome */
    -o-animation: zy 2.5s linear infinite; /* Opera */
}
@-webkit-keyframes zy {
    0% {
        right: -80px;
    }
    50% {
        right: -60px;
    }
    100% {
        right: -80px;
    }
}

/*@-moz-keyframes zy {*/
    /*0% {*/
        /*right: 0px;*/
    /*}*/
    /*50% {*/
        /*right: -20px;*/
    /*}*/
    /*100% {*/
        /*right: 0px;*/
    /*}*/
/*}*/

/*@-o-keyframes zy {*/
    /*0% {*/
        /*right: 0px;*/
    /*}*/
    /*50% {*/
        /*right: -20px;*/
    /*}*/
    /*100% {*/
        /*right: 0px;*/
    /*}*/
/*}*/

/*@keyframes zy {*/
    /*0% {*/
        /*right: 0px;*/
    /*}*/
    /*50% {*/
        /*right: -20px;*/
    /*}*/
    /*100% {*/
        /*right: 0px;*/
    /*}*/
/*}*/