footer {
    padding-bottom: 50px;
    padding-top: 100px;
    background-color: #f0f0f0;
}

    footer .title p {
        margin: 0px;
    }

    footer .top {
        margin-right: 5rem;
        margin-left: 5rem;
        text-align: left;
    }

        footer .top .foot-nav, .contact, .cooperations, .followus {
            display: inline-block;
            vertical-align: top;
            padding-right: 1.5rem;
            /* width: 25%; */
            box-sizing: border-box;
            text-align: left;
        }

    footer .title {
        margin-bottom: 36px;
    }

    footer .top .foot-nav {
        text-align: left;
        width:10%;
        box-sizing:border-box;
    }

    footer .top .icon {
        margin-bottom: 40px;
        text-align: left;
    }

        footer .top .icon img {
        }

    footer .top .foot-nav .vertical-nav {
    }

        footer .top .foot-nav .vertical-nav .list {
        }

        footer .top .foot-nav .vertical-nav ul {
            list-style: none;
            padding: 0px;
        }

        footer .top .foot-nav .vertical-nav li {
            margin-right: 20px;
            margin-bottom: 5px;
        }

            footer .top .foot-nav .vertical-nav li:hover {
                cursor: pointer;
            }

            footer .top .foot-nav .vertical-nav li a {
                text-decoration: none;
                color: black;
            }

                footer .top .foot-nav .vertical-nav li a:hover {
                    color: #ff4951;
                }

    footer .top .contact {
        width: 20%;
        box-sizing: border-box;
    }

        footer .top .contact .contact-list {
        }

            footer .top .contact .contact-list p {
            }

    footer .top .cooperations {
        width: 50%;
        box-sizing: border-box;
    }

        footer .top .cooperations .c-list {
            float: left;
            padding-right: 2.5rem;
        }

            footer .top .cooperations .c-list p {
            }

    footer .top .followus {
        margin-right: 0px;
        width: 13%;
        box-sizing: border-box;
    }

        footer .top .followus .followus-taobao {
            display: none;
        }

        footer .top .followus .QRCODE {
        }

            footer .top .followus .QRCODE img {
                width: 140px;
            }

        footer .top .followus .desc {
        }

            footer .top .followus .desc p {
            }

    footer .bottom {
        margin-left: 5rem;
        margin-top: 100px;
    }

        footer .bottom .taobao-link {
        }

            footer .bottom .taobao-link a {
                color: #ff4951;
            }

        footer .bottom .copyright {
            color: #999999;
            margin-top: 30px;
        }
    footer .friend-link {
        margin-right: 5rem;
        margin-left: 5rem;
        margin-top:90px;
        margin-bottom:74px;
    }
        footer .friend-link .link-title {
            display: inline-block;
            font-size: 1.125rem;
            font-weight: bold;
            width: 7%;
            box-sizing: border-box;
            vertical-align: top;
            text-align: left;
        }
            footer .friend-link .link-title .title {
            }
        footer .friend-link .links {
            display:inline-block;
            font-size:0.875rem;
            box-sizing:border-box;
            width:78%;
        }
            footer .friend-link .links .link-item {
                margin-right: 40px;
                margin-top: 5px;
                margin-bottom: 10px;
                display: inline-block;
            }
            footer .friend-link .links a {
                text-decoration:none;
                color:black;
            }

        .taobao-icon {
            color: white;
            background-color: #ff4951;
            border-radius: 5px;
            display: inline-block;
            line-height: 0.875rem;
            padding: 3px;
            margin-right: 10px;
        }
footer .top .placehold {
height:39px;
}
@media(min-width:769px) and (max-width:1440px) {
    footer .title {
    font-size:0.875rem;
    }
    footer .top .foot-nav .vertical-nav li a {
    font-size:0.75rem;
    }
    footer .top .contact .contact-list {
        font-size: 0.75rem;
    }
    footer .top .cooperations .c-list {
    font-size:0.75rem;
    padding-right:0.875rem;
    }
    footer .top .followus .desc {
    font-size:0.75rem;
    }
}
    @media (max-width: 768px) {
        footer {
            padding-top: 25px;
        }

            footer .icon {
                display: none;
            }

            footer .foot-nav {
                display: none !important;
            }

            footer .top {
                margin-left: 0px;
                margin-right: 0;
                padding-left: 32px;
            }

            footer .title {
                margin-bottom: 10px;
            }

            footer .top .cooperations .c-list p {
                margin-top: 5px;
                margin-bottom: 5px;
            }

            footer .top .cooperations .c-list:nth-child(2) {
                display: none;
            }

            footer .top .foot-nav, .contact, .cooperations, .followus {
                padding-right: 0;
            }

            footer .top .followus .title {
                display: none;
            }

            footer .top .contact, footer .top .cooperations, footer .top .followus {
                border-bottom: 1px solid #cacaca;
                padding-bottom: 50px;
                padding-top: 20px;
                /* margin-left: 32px; */
                width: 100%;
                box-sizing: border-box;
            }

                footer .top .followus .followus-taobao {
                    display: block;
                    text-align: center;
                    font-size: 9px;
                }

            footer .top .followus {
                text-align: center;
                margin-left: -32px;
                border-bottom: 0px;
                padding-bottom: 0px;
                padding-left: 0px;
                width: 100%;
            }

                footer .top .followus .followus-taobao a {
                    color: #ff4951;
                }

                    footer .top .followus .followus-taobao a:visited {
                        color: #ff4951;
                    }

            footer .bottom .taobao-link {
                display: none;
            }

            footer .top .followus .desc p {
                font-size: 15px;
                width: 40%;
                margin: 0 auto;
            }

            footer .bottom {
                margin-left: 0;
                margin-right: 0;
                text-align: center;
                font-size: 10px;
                margin-top: 20px;
                padding: 0px 32px 0px 32px;
            }
            footer .friend-link .link-title {
            display:block;
            width:100%;
            margin-bottom:10px;
            }
            footer .friend-link .links {
            width:100%;
            }
    }