.section-tag {
    padding: 0 .4rem .4rem .4rem;
    background-color: #F9F9F9;
}

.main .tag-box {
    background-color: #fff;
    padding: 0 .4rem;
}

    .main .tag-box .tag-title {
        font-size: .4rem;
        color: #C49F75;
        border-bottom: 1px solid #C49F75;
        height: 1.2rem;
        display: flex;
        align-items: center;
    }

    .main .tag-box .list .item {
        border-bottom: 1px solid #F2F2F2;
    }

        .main .tag-box .list .item .item-title {
            font-size: .36rem;
            font-weight: bold;
            color: #333333;
            padding: .4rem 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .main .tag-box .list .item .item-desc {
            font-size: .32rem;
            color: #333333;
            line-height: .56rem;
            height: 1.12rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .main .tag-box .list .item .flex-props {
            display: flex;
            align-items: center;
            font-size: .32rem;
            color: #999999;
            padding: .4rem 0;
        }

            .main .tag-box .list .item .flex-props .pubdate {
                display: flex;
                align-items: center;
            }

            .main .tag-box .list .item .flex-props .tags {
                flex: 1;
                padding-left: .2rem;
                font-size: .32rem;
                color: #999999;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }


                .main .tag-box .list .item .flex-props .tags > a {
                    padding-left: .2rem;
                    font-size: .32rem;
                    color: #999999;
                }

.main aside {
    width: 100%;
}

.adsiver {
    background-color: #FFFFFF;
    padding: 0 .4rem;
}

    .adsiver .title {
        padding: .4rem 0;
        font-size: .4rem;
        font-weight: bold;
        color: #C49F75;
    }

    .adsiver .form-horizontal {
        padding: 0 25px;
    }

        .adsiver .form-horizontal .form-group {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding: 10px 0;
        }

            .adsiver .form-horizontal .form-group > label {
                font-size: 14px;
                color: #333333;
                margin-right: 10px;
            }

                .adsiver .form-horizontal .form-group > label > span {
                    font-size: 14px;
                    color: #C49F75;
                }

        .adsiver .form-horizontal .form-control {
            height: 42px;
            width: 232px;
            border: 1px solid #F8F8F8;
            border-radius: 8px;
            outline: none;
            padding: 0 1em;
            background-color: #F8F8F8;
        }


    .adsiver .form-tips {
        padding: 10px 80px 0 115px;
        font-size: 14px;
        color: #D80922;
    }


    .adsiver .form-btns {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px 0 30px;
    }

        .adsiver .form-btns > button {
            width: 300px;
            height: 45px;
            background-color: #C49F75;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            color: #FFFFFF;
            margin: 0 50px;
            outline: none;
            border: none;
            cursor: pointer;
        }

.recommend {
    background-color: #FFFFFF;
    margin-top: .4rem;
    padding: 0 .4rem;
}

    .recommend .title {
        padding: .4rem 0;
        font-size: .4rem;
        font-weight: bold;
        color: #222222;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .recommend .title a {
            font-size: 2.9333vmin;
            font-weight: 400;
            color: #999999;
        }

            .recommend .title a::after {
                content: ">";
            }

    .recommend .list .item {
        border-bottom: 1px dashed #E5E5E5;
        padding: .2rem 0;
    }

        .recommend .list .item > a {
            display: flex;
            align-items: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: .36rem;
        }

        .recommend .list .item .props {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: .32rem;
            color: #999999;
            margin-top: .2rem;
        }


.hot {
    background-color: #FFFFFF;
    margin-top: .4rem;
    padding: 0 .4rem;
}

    .hot .title {
        padding: .4rem 0;
        font-size: .4rem;
        font-weight: bold;
        color: #222222;
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

        .hot .title a {
            font-size: 2.9333vmin;
            font-weight: 400;
            color: #999999;
        }

            .hot .title a::after {
                content: ">";
            }

    .hot .list .item {
        border-bottom: 1px dashed #E5E5E5;
        padding: .2rem 0;
    }

        .hot .list .item > a {
            display: flex;
            align-items: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: .36rem;
        }

            .hot .list .item > a > span {
                width: .56rem;
                height: .56rem;
                background-color: #C49F75;
                margin-right: .2rem;
                font-size: .36rem;
                color: #FFFFFF;
                flex-shrink: 0;
                display: flex;
                justify-content: center;
                align-items: center;
            }

        .hot .list .item:nth-child(n+4) > a > span {
            background-color: #F0F0F0;
            color: #666666;
        }

        .hot .list .item .props {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: .32rem;
            color: #999999;
            margin-top: .2rem;
        }

.slogan img {
    width: 100%;
}