.filter { position: relative; height: 0.97rem; }
    .filter .sortLayout { overflow: hidden; overflow-x: auto; white-space: nowrap; margin: 0 0.88rem 0 0; height: 0.97rem; display: flex; align-items: center; flex-wrap: nowrap; }
        .filter .sortLayout::-webkit-scrollbar { height: 0; }
        .filter .sortLayout::-webkit-scrollbar-track { background-color: transparent; }
        /* 滚动条的滑轨背景颜色 */
        .filter .sortLayout::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 0.04rem; }
            /* 滑块颜色 */
            .filter .sortLayout::-webkit-scrollbar-thumb:hover { background-color: #999; }
        /* 滑块颜色 */
        .filter .sortLayout::-webkit-scrollbar-button { background-color: transparent; }
        /* 滑轨两头的监听按钮颜色 */
        .filter .sortLayout::-webkit-scrollbar-corner { background-color: transparent; }
        /* 横向滚动条和纵向滚动条相*/
        .filter .sortLayout a { font-size: 0.32rem; color: #666666; position: relative; }
            .filter .sortLayout a.select { color: #038139; }
                .filter .sortLayout a.select:after { content: ""; height: 0.053333rem; position: absolute; width: 100%; background: #038139; border-radius: 0.053333rem; left: 0; bottom: -0.133333rem; }
            .filter .sortLayout a + a { margin-left: 0.2rem; }
    .filter .btn_filter { background: url(//s.faloo.com/wap/images/newWap/list/filter.png) no-repeat center center/0.528rem auto; width: 0.528rem; position: absolute; display: block; right: 0; top: 0; bottom: 0; }

/*已选*/
.selected { margin: 0.133333rem 0 0; background: #fff; box-shadow: 0 0 0.2rem #D9DADC; border-radius: 0.053333rem; padding: 0.266667rem 0.266667rem 0; display: none; }
    .selected em { font-style: normal; font-size: 0.293333rem; color: #666; }
    .selected span { border: 0.013333rem solid #038139; border-radius: 0.266667rem; font-size: 0.293333rem; color: #038139; padding: 0.19em 0.7em 0.22em; display: inline-block; position: relative; margin-bottom: 0.266667rem; }
        .selected span + span { margin-left: 0.2rem; }
        .selected span i { font-style: normal; display: block; position: absolute; right: -0.053333rem; top: -0.23333rem; width: 0.366667rem; height: 0.366667rem; background: url(//s.faloo.com/wap/images/newWap/list/del.png) no-repeat center center/0.366667rem; cursor: pointer; }

/*小说列表*/
.novelList { margin: 0.186667rem 0 0; list-style: none; }
    .novelList li { background-color: #FAF9F9; border: 0.026667rem solid #fff; border-radius: 0.053333rem; box-shadow: 0 0 0.2rem #E1E3E6; padding: 0.266667rem; position: relative; overflow: hidden; }
        .novelList li + li { margin-top: 0.266667rem; }
    .novelList .bg_cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0px; opacity: 0.04; display: block; height: 100%; width: 100%; -webkit-filter: blur(8px); -moz-filter: blur(8px); -o-filter: blur(8px); -ms-filter: blur(8px); filter: blur(8px); z-index: 1; }
    .novelList .nl_r1 { position: relative; z-index: 2; min-height: 2.92rem; }
        .novelList .nl_r1 .cover { width: 26%; min-height: 2.879998rem; border: 0.026667rem solid #fff; border-radius: 0.053333rem; box-shadow: 0 0 0.2rem #DBDBDB; display: block; }
        .novelList .nl_r1 .nl_r1_r { position: absolute; top: 0; right: 0; bottom: 0rem; left: 29.5%; overflow: hidden; flex-direction: column; justify-content: space-between; padding-bottom: 1%; }
        .novelList .nl_r1 .date { font-size: 0.32rem; color: #FF6600; margin-left: 0.266667rem; }
        .novelList .nl_r1 .bl_r1_tit { font-size: 0.4rem; color: #333; line-height: 1.1em; flex-shrink: 0;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
        .novelList .nl_r1 .bl_r1_into { font-size: 0.346667rem; color: #666; line-height: 1.4em; text-align: justify; flex-shrink: 0;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
        .novelList .nl_r1 .nl_r1_author { font-size: 0.293333rem; color: #999; display: flex; align-items: center; float: left; height: 100%; }
            .novelList .nl_r1 .nl_r1_author img { width: 0.373333rem; margin-right: 0.133333rem; }
    .novelList .shu { margin: 0 0.133333rem; }
    .novelList .nl_r2 { position: relative; z-index: 2; flex-shrink: 0; }
        .novelList .nl_r2 em { font-style: normal; font-size: 0.293333rem; border: 0.013333rem solid #ff6600; color: #FF6600; padding: 0 0.5em 0.046em; border-radius: 0.266667rem; }
        .novelList .nl_r2 i { font-size: 0.32rem; color: #038139;  }
        .novelList .nl_r2 em + i { margin-left: 0.133333rem; }
            .novelList .nl_r2 .nl_r2_sp1 { font-size: 0.32rem; color: #999; margin-left: 0.266667rem; }
        .novelList .nl_r2 .nl_r2_sp2 { font-size: 0.32rem; color: #666; }
    .novelList .nl_tags a { display: inline-block; padding: 0.08em .6em .1em; font-size: 0.266667rem; color: #038139; border: 0.013333rem solid #038139; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
.tag + .tag { margin-left: 0.133333rem; }

.pageliste_body { text-align: center; font-size: 0.4rem; color: #666; margin-top: 0.266667rem; }
    .pageliste_body .pagelist_curr { color: #ff6600; margin-left: 4%; }
    .pageliste_body a { margin-left: 4%; }


.zheZhao3 { background: rgba(0,0,0,0.3); position: fixed; bottom: 0; z-index: 100; top: 0; }

.filterWin { max-height: 80vh; width: 90%; position: absolute; right: -100%; top: 0; background: #fff; padding: 0 2.8%; box-sizing: border-box; display: flex; flex-direction: column; box-shadow: 0 0 0.2rem #B3B3B3; }
.zheZhao.show .filterWin { right: 0%; }
.filterWin .fw_tit { height: 0.88rem; border-bottom: 0.066667rem solid #E3E5E8; color: #666666; font-size: 0.4rem; }
    .filterWin .fw_tit .fw_alphabet { background: url(//s.faloo.com/wap/images/newWap/list/filter_icon5.png) no-repeat left center; background-size: auto 84%; padding-left: 0.527996rem; position: relative; }
        .filterWin .fw_tit .fw_alphabet .fw_alphabet_list { position: absolute; list-style: none; top: 0.64rem; right: 0; width: 44vw; max-width: 3.946667rem; z-index: 10; box-shadow: 0 0 0.2rem #cdcdcd; background: #fff; padding: 0.133333rem 0.133333rem 0.266667rem 0.266667rem; border-radius: 0.106667rem; display: flex; flex-wrap: wrap; }
            .filterWin .fw_tit .fw_alphabet .fw_alphabet_list li { min-width: 0.8rem; border: 0.013333rem solid #038139; border-radius: 1.333333rem; text-align: center; margin-right: 0.133333rem; margin-top: 0.133333rem; font-size: 0.293333rem; }
                .filterWin .fw_tit .fw_alphabet .fw_alphabet_list li.select { background-color: #038139; color: #fff; }
            .filterWin .fw_tit .fw_alphabet .fw_alphabet_list:after, .filterWin .fw_tit .fw_alphabet .fw_alphabet_list:before { border: solid transparent; content: ' '; height: 0; left: 85%; position: absolute; width: 0; margin-left: -0.16rem; }
            .filterWin .fw_tit .fw_alphabet .fw_alphabet_list:after { border-width: 0.186667rem; border-bottom-color: #fff; top: -0.346667rem; z-index: 3; }
            .filterWin .fw_tit .fw_alphabet .fw_alphabet_list:before { border-width: 0.186667rem; border-bottom-color: rgba(0,0,0,.2); top: -0.373333rem; filter: blur(0.026667rem); }

.filterWin .fw_tit2 { height: 0.88rem; font-size: 0.32rem; color: #666666; }
.filterWin .fw_icon1 { background: url(//s.faloo.com/wap/images/newWap/list/filter_icon1.png) no-repeat left center/0.306667rem auto; padding-left: 0.44rem; }
.filterWin .fw_icon2 { background: url(//s.faloo.com/wap/images/newWap/list/filter_icon2.png) no-repeat left center/0.306667rem auto; padding-left: 0.44rem; }
.filterWin .fw_icon3 { background: url(//s.faloo.com/wap/images/newWap/list/filter_icon3.png) no-repeat left center/0.306667rem auto; padding-left: 0.44rem; }
.filterWin .fw_icon4 { background: url(//s.faloo.com/wap/images/newWap/list/filter_icon4.png) no-repeat left center/0.306667rem auto; padding-left: 0.44rem; }
.filterWin .fw_icon5 { background: url(//s.faloo.com/wap/images/newWap/list/filter_icon5.png) no-repeat left center/0.306667rem auto; padding-left: 0.44rem; }
/*作品分类*/
.filterWin .fw_items { background-color: #F5F8FB; border-radius: 0.106667rem; padding: 0.133333rem 1.8%; }
    .filterWin .fw_items .fw_item_box { margin-bottom: 0.133333rem; flex-wrap: wrap; }
    .filterWin .fw_items .fw_item { border: 1px solid #038139; font-size: 0.293333rem; color: #666666; text-align: center; border-radius: 0.266667rem; background-color: #fff; padding: 0.19em 0em 0.22em; position: relative; box-sizing: border-box; white-space: nowrap; min-width: 30%; }
        .filterWin .fw_items .fw_item.select { background-color: #038139; color: #fff; }
            .filterWin .fw_items .fw_item.select:after, .filterWin .fw_items .fw_item.select:before { border: solid transparent; content: ' '; height: 0; left: 50%; position: absolute; width: 0; margin-left: -0.16rem; }
            .filterWin .fw_items .fw_item.select:after { border-width: 0.186667rem; border-bottom-color: #fff; top: 0.453333rem; z-index: 3; }
            .filterWin .fw_items .fw_item.select:before { border-width: 0.186667rem; border-bottom-color: #038139; top: 0.426667rem; }
        .filterWin .fw_items .fw_item.noarrow:after { display: none !important; }
        .filterWin .fw_items .fw_item.noarrow:before { display: none !important; }
    .filterWin .fw_items .fw_item_sub { border: 1px solid #038139; border-radius: 0.053333rem; color: #999999; font-size: 0.293333rem; margin: 0.2rem 0; line-height: 0.8rem; overflow: hidden; background-color: #fff; position: relative; z-index: 2; }
        .filterWin .fw_items .fw_item_sub.hide { display: none; }
        .filterWin .fw_items .fw_item_sub .sublist { display: none; }
            .filterWin .fw_items .fw_item_sub .sublist.select { display: block; }
            .filterWin .fw_items .fw_item_sub .sublist span.select { color: #038139; }
        .filterWin .fw_items .fw_item_sub .xuxian { background: url(//s.faloo.com/wap/images/newWap/list/xuxian.png) center top/0.16rem 0.8rem; margin: 0 0.266667rem; font-size: 0; }
        .filterWin .fw_items .fw_item_sub span { display: inline-block; vertical-align: bottom; font-size: 0.293333rem;/* min-width: 33.3%;*/ white-space: nowrap; }
            .filterWin .fw_items .fw_item_sub span:nth-child(3n-1) { text-align: center; }
            .filterWin .fw_items .fw_item_sub span:nth-child(3n) { text-align: right; }
.filterWin .fw_items2 { flex-wrap: wrap; }
    .filterWin .fw_items2 .fw_item:nth-child(3n) { margin-right: 0; }
    .filterWin .fw_items2 .fw_item:nth-child(n+4) { margin-top: 0.133333rem; }
    .filterWin .fw_items2 .fw_item.select:after, .filterWin .fw_items2 .fw_item.select:before { display: none; }
.filterWin .f_box { overflow-y: auto; height: 80vh; }
.filterWin .f_btn { width: 38%; height: 0.693333rem; line-height: 0.693333rem; font-size: 0.346667rem; border-radius: 0.053333rem; }
.filterWin .btnLayout { padding: 0.266667rem 0; text-align: center; }
.filterWin .btn_reset { border: 1px solid #038139; color: #038139; margin-right: 0.466667rem; background: #fff; }
.filterWin .btn_ok { border: 1px solid #FF6600; color: #FFFFFF; background: #FF6600; }