html,body{
        height: 100%;
        background-color: #fff;
    }
    .cultural-list-box  {
        background-color: #fff;
    }
    /* 默认样式初始化 */
    input,
    button {
        outline: none;
        border: none;
        background: none;
    }

    .cultural-search-filter,
    .cultural-filter,
    .cultural-list-header,
    .cultural-footer-praise {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    /* 顶部搜索部分 */
    .cultural-search-filter {
        padding: 14px 34px 16px 28px;
        box-sizing: border-box;
        border-bottom: 2px solid #eee;
    }

    .cultural-search {
        width: 454px;
        height:60px;
        background:#F2F2F2;
        border-radius:30px;
        padding: 0 21px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
    }
    .cultural-type {
        position: fixed;
        top: 92px;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 1;
    }

    .cultural-type li{
        height: 96px;
        line-height: 97px;
        border-bottom: 1px solid #e2e2e2;
        font-size: 28px;
        color: #666666;
        padding: 0 20px;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .cultural-type li .iconfont{
        font-size: 35px;
    }
    .cultural-type li.cur {
        color: #E12E34;
    }
    .cultural-search-icon {
        width: 32px;
        background: url("https://oss.hn.hnwhyy.com/static/yd/image/common/icon_search.png") no-repeat center;
        background-size: 100% 100%;
        height: 32px;
        margin-right: 11px;
    }
    .cultural-search-input {
        height: 100%;
        opacity:0.85;
        font-size:24px;
        font-weight:400;
        color:#666666;
        width: 100%;
    }

    .cultural-filter .text,
    .cultural-filter .iconarrow_down,
    .cultural-filter .iconarrow_up {
        font-size:28px;
        font-weight:400;
        color:#262626;
    }
    .cultural-filter .iconarrow_down,
    .cultural-filter .iconarrow_up {
        margin-left: 13px;
    }

    /* 列表部分 */
    .cultural-list {
        padding: 19px 24px 44px 24px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .more-list {
        border-bottom: 20px solid #eee;
    }

    .more-list:last-child {
        border-bottom: none;
    }

    .cultural-user-info,
    .cultural-attention-operation {
        display: flex;
        align-items: center;
    }
    .cultural-user-info .avatar {
        width:68px;
        height:68px;
        border-radius:50%;
        overflow: hidden;
        margin-right: 18px;
    }
    .cultural-user-info .avatar img {
        width: 100%;
        height: 100%;
    }
    .cultural-user-info .name {
        font-size:28px;
        font-weight:bold;
        color:#262626;
    }
    .cultural-user-info .type {
        font-size:22px;
        font-weight:400;
        color:#999999;
        margin-top: 16px;
    }
    .cultural-attention{
        border: 1px solid #E12E34;
        height: 42px;
        line-height: 42px;
        padding: 0 20px;
        border-radius:20px;
        font-size:28px;
        font-weight:400;
        color:#E12E34;
        box-sizing: border-box;
    }

    .cultural-followed{
        color:#fff;
        border: none;
        background-color: #B9BFCA;
    }
    
    .cultural-list-video {
        width: 100%;
        height: 394px;
        margin-top: 18px;
        position: relative;
    }
    .cultural-list-video img {
        width: 100%;
        height: 100%;
    }
    .cultural-list-video .is-play {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .cultural-list-footer {
        margin-top: 28px;
        width: 100%;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .product-name {
        font-size:30px;
        font-weight:400;
        color:#262626;
    }
    .cultural-footer-praise {
        margin-top: 32px;
    }
    .cultural-list-box .footer-praise-title {
        font-size:26px;
        font-weight:400;
        color:#999999;
    }

    .footer-praise-num .praise,
    .footer-praise-num .num,
    .footer-praise-num .unit{
        vertical-align: middle;
    }
    .footer-praise-num .praise {
        font-size: 36px;
    }
    .footer-praise-num .icondianzan{
        color: #262626;
    }
    .footer-praise-num .icondianzanon{
        color: #E12E34;
    }
    .footer-praise-num .num {
        color: #E12E34;
        font-size:24px;
        font-weight:400;
        margin: 0 12px;
        line-height: 38px;
    }
    .footer-praise-num .unit {
        color: #999999;
        font-size:24px;
        font-weight:400;
        line-height: 38px;
    }