.site-element {
    width: calc((100% - 100px) / 6);
    max-width: 300px;
    height: 80px;
    margin-top: 20px;
    margin-right: 20px;
    position: relative
}

.site-element:nth-child(6n) {
    margin-right: 0;
}

.element-img {
    width: 40px;
    height: 40px;
    left: 40px;
}

.element-text {
    width: 70%;
    height: 70%;
    left: 75px;
    bottom: 5px;
    text-align: left;
}

.element-title {
    width: 80%;
}

.element-profile {
    width: 80%;
    font-size: 0.8rem;
}

.btn-more svg {
    width: 16px;
    height: 16px;
}

.hot-icon {
    width: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
}

/*中等屏幕（桌面显示器）*/
@media screen and (max-width: 1200px) {
    .site-element {
        width: calc((100% - 30px) / 4);
        margin-right: 10px;
        margin-top: 10px;
    }

        .site-element:nth-child(6n) {
            margin-right: 5px;
        }

        .site-element:nth-child(4n) {
            margin-right: 0;
        }
}

/*手机样式*/
@media screen and (max-width: 1000px) {
    .site-element {
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        margin-top: 10px;
        overflow: hidden;
    }

        .site-element:nth-child(2n) {
            margin-right: 0;
        }

    .element-text {
        left: 70px;
    }
}