.nav-bottom {
    border-radius: 60px;
    overflow: hidden;
    margin-top: 85px;
}

.nav-bottom .item {
    width: 400px;
    position: relative;
}
.nav-bottom .item a {
    width: 100%;
    color: var(--hover-font-color);
    font-size: 24px;
    padding: 20px 0 20px 60px;
}
.nav-bottom .item:first-child {
    background-color: #ff9200;

}
.nav-bottom .item:first-child a {
    background-color: #e40012;
    border-radius: 60px;
}
.nav-bottom .item:nth-child(2) {
    background-color: #ffd710;
}
.nav-bottom .item:nth-child(2) a {
    background-color: #ff9200;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
}
.nav-bottom .item:nth-child(3) a {
    background-color: #ffd710;
}

.nav-bottom .item .more {
    position: absolute;
    right: 30px;
    top: 50%;
    width: 25px;
    height: 25px;
    margin-top: -12.5px;
}

.nav-bottom .item .more img {
    display: block;
    width: 25px;
    height: 25px;
}

.friendly-link {
    margin-top: 35px;
}
.friendly-link .select-lists .form-select {
    width: 300px;
    height: 45px;
    margin-top: 7px;
}

.footer {
    border-top: 1px solid #eaeaea;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 50px;
}

.footer a,
.footer p {
    color: var(--footer-font-color);
}

.footer a {
    /*padding-bottom: 20px;*/
}

.footer .company p:nth-child(2),
.footer .company p:nth-child(3),
.footer .company p:nth-child(4){
    margin-left: 50px;
}
.footer .company a {
    margin-top: 20px;
}
.footer .company a:first-child {
    margin-top: 0;
}
.footer .qrcode p {
    text-align: center;
}
.footer .qrcode img{
    width: 131px;
}