@charset "utf-8";
.appdown {
    padding: 3px 0;
    box-sizing: border-box;
    font: 15px/1.75 Arial;
    background: #fff;
}

    .appdown ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .appdown ul li {
            float: none;
            width: auto;
            height: auto;
            padding: 0px 0px 0px 0px;
            text-align: left;
            font-family: Arial;
        }

    .appdown img {
        vertical-align: middle;
    }

    .appdown a {
        text-decoration: none;
        color: inherit;
    }

.appdown-boxt {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.appdown-boxt-1 {
    width: 30%;
    min-width: 130px;
    text-align: center;
}

    .appdown-boxt-1 img {
        width: 100px;
    }

.appdown-boxt-2 {
    width: 70%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.appdown-boxt-2l {
    width: 50%;
    color: black;
}

    .appdown-boxt-2l ul {
        width: 100%;
    }

.appdown-boxt-2r {
    width: 50%;
    color: black;
}

    .appdown-boxt-2r img {
        width: 22px;
    }

.appdown-rz {
    margin-top: 5px;
    color: #15bc83;
}

    .appdown-rz img {
        width: auto;
        height: 24px;
        margin-right: 3px;
    }

.appdown-boxf {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    color: #fff;
}

    .appdown-boxf div {
        width: 33.33%;
    }

.appdown-boxf1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    color: #fff;
}

    .appdown-boxf1 a img {
        width: 20px;
        margin-right: 3px;
    }

.appdown-boxf-4 a {
    background: #000;
}

.appdown-boxf1 div {
    width: 25%;
}

.appdown-boxf a {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 80%;
    border-radius: 5px;
    transition: all 0.2s;
}

.appdown-boxf1 a {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 80%;
    border-radius: 5px;
    transition: all 0.2s;
}

.appdown-boxf a img {
    width: 24px;
    margin-right: 3px;
}

.appdown-boxf a:hover {
    margin-top: -5px;
}

.appdown-boxf-1 {
}

    .appdown-boxf-1 a {
        background: #c34dff;
    }

.appdown-boxf-2 {
}

    .appdown-boxf-2 a {
        background: #ff5b5b;
    }

.appdown-boxf-3 {
}

    .appdown-boxf-3 a {
        background: #3ebc40;
    }

@media screen and (max-width:500px) {
    .appdown {
        padding: 3px 0;
        font: 12px/1.75 Arial;
    }

    .appdown-boxt-1 {
        width: 20%;
        min-width: 100px;
        text-align: center;
    }

        .appdown-boxt-1 img {
            width: 70px;
        }

    .appdown-boxt-2 {
        width: 80%;
    }

    .appdown-boxt-2r img {
        width: 16px;
    }

    .appdown-rz img {
        height: 20px;
        margin-right: 3px;
    }

    .appdown-boxf a {
        height: 34px;
        line-height: 34px;
        display: inline-block;
        width: 90%;
        border-radius: 5px;
        transition: all 0.2s;
    }

    .appdown-boxf1 a {
        height: 34px;
        line-height: 34px;
        display: inline-block;
        width: 90%;
        border-radius: 5px;
        transition: all 0.2s;
    }

    .appdown-boxf a img {
        width: 24px;
        margin-right: 3px;
    }

    .appdown-boxf a:hover {
        margin-top: 0;
    }

    .appdown-boxf a img {
        width: 20px;
    }
}