/*小说列表*/
.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 { 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; /*text-align: justify; */line-height: 1.1em; flex-shrink: 0;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;}
        .novelList .nl_r1 .bl_r1_into { font-size: 0.346667rem; color: #666; text-indent: 2em; 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; }

    /*24小时打赏榜*/
    .novelList .nl_r3 { margin-bottom: 0.266667rem; align-items: center; font-size: 0.32rem; border-bottom: 0.026667rem solid #E1E3E6; padding-bottom: 0.266667rem; z-index: 2; position: relative; }
        .novelList .nl_r3 .nl_r3_head { width: 0.64rem; height: 0.64rem; border-radius: 50%; border: 0.013333rem #fff solid; box-shadow: 0 0 0.15rem 0.013333rem #bbb; flex-shrink: 0; position: relative; margin-right: 0.133333rem; }
            .novelList .nl_r3 .nl_r3_head:before { content: ""; position: absolute; width: 0.253333rem; height: 0.253333rem; top: -0.106667rem; right: -0.106667rem; background: url("/images/newWap/booklist/huangan.png") no-repeat center center/100%; }
            .novelList .nl_r3 .nl_r3_head img { width: 100%; height: 100%; border-radius: 50%; }
        .novelList .nl_r3 .nl_r3_name { align-items: center; flex-shrink: 1; overflow: hidden; }
            .novelList .nl_r3 .nl_r3_name i { width: 0.333333rem; height: 0.293333rem; background: url(//s.faloo.com/novel2/Index/chaofeng.png) no-repeat center center; background-size: 0.333333rem 0.293333rem; position: relative; }
            .novelList .nl_r3 .nl_r3_name a { white-space: nowrap; position: relative; margin-right: 0.05rem; }
            .novelList .nl_r3 .nl_r3_name span { color: #FF6600; white-space: nowrap; }
        .novelList .nl_r3 .nl_r3_level { color: #FF6600; flex-grow: 1; flex-shrink: 1; overflow: hidden; }
        .novelList .nl_r3 .reward { flex-shrink: 0; }


/*下面是搜索页的样式*/
.searchLayout { margin-top: 0.4rem; }
    .searchLayout .btnSearch { padding: 0.42em 1.1em 0.52em; background: #1CB15C; border-radius: 0.4rem; color: #FFFFFF; font-size: 0.346667rem; border: none; flex-shrink: 0; margin-left: 0.2rem; }
    .searchLayout .search { align-content: center; flex-shrink: 1; flex-grow: 1; background: #FFFFFF; border: 0.026667rem solid #1CB15C; border-radius: 0.4rem; }
        .searchLayout .search input { color: #666; font-size: 0.32rem; flex-grow: 1; border: none; outline: none; background: #fff; width: 3.594rem;}
        .searchLayout .search .searchIcon1 { background: url(//s.faloo.com/wap/images/newWap/search2.png) no-repeat center center; background-size: 100% auto; width: 0.373333rem; margin-left: 0.266667rem; margin-right: 0.16rem; }
        .searchLayout .search .searchIcon2 { content: ""; background: url(//s.faloo.com/wap/images/newWap/list/del.png) no-repeat center center/100% auto; width: 0.384rem; margin: 0 0.192rem; display: none; cursor: pointer; }
        .searchLayout .search .searchIcon3 { content: ""; width: 0.384rem; margin: 0 0.192rem; }
    .searchLayout .question { width: 0.839993rem; background: url(//s.faloo.com/wap/images/newWap/search/question.png) no-repeat center right 20%/50% auto; }

.orderTabLayout { list-style: none; font-size: 0.4rem; color: #666666; background: #fff; text-align: center; margin-top: 0.266667rem; box-shadow: 0 -0.053333rem 0.2rem #e1e3e6; border-bottom: 0.013333rem solid #DFE6EC; }
    .orderTabLayout li { width: 60%; line-height: 2.68em; position: relative; }
        .orderTabLayout li:first-child { width: 40%; }
        .orderTabLayout li.select { color: #0B9E4A; }
            .orderTabLayout li.select::after { content: ""; display: block; width: 0.893333rem; height: 0.053333rem; background: #1CB15C; border-radius: 0.026667rem; position: absolute; bottom: -0.026667rem; left: calc(50% - 0.453333rem); }
.div-sort { color: #666666; position: relative; text-align: right; font-size: 0.346667rem; }
.sort-select { color: #ff6600; position: relative; }
    .sort-select:after { content: ''; display: inline-block; width: 0.621875rem; position: absolute; bottom: -0.05625rem; right: 26%; height: 0.058125rem; background-color: #ff6600; }
.margin_left03 { margin-left: 0.3rem; }
.none {display:none; }
/*下拉刷新样式*/
.dropload-up, .dropload-down { position: relative; height: 0; overflow: hidden; font-size: 12px; /* 开启硬件加速 */ -webkit-transform: translateZ(0); transform: translateZ(0); }
.dropload-down { height: 50px; float: right; /*margin-right:43%;*/ margin-right: 0; width: 100%; }
.dropload-refresh, .dropload-update, .dropload-load, .dropload-noData { height: 50px; line-height: 50px; text-align: center; }
    .dropload-load .loading { display: inline-block; height: 15px; width: 15px; border-radius: 100%; margin: 6px; border: 2px solid #666; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; }
input::-webkit-search-cancel-button { display: none; }
input[type=search]::-ms-clear { display: none; }

@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
}

.bddh { width: 100%; clear: both; text-align: center; padding-top: 15px; white-space: nowrap; overflow: hidden }
    .bddh a { text-decoration: none; margin-left: 0.3%; margin-right: 0.3%; font-size: 16px; }
        .bddh a:link { color: rgb(0, 77, 0); }
        .bddh a:visited { color: rgb(0, 77, 0); }

@media screen and (min-width: 400px) {
    .shape { width: 100px; height: 140px; position: fixed !important; position: absolute; left: 88%; bottom: 5px !important; bottom: auto; top: 90%; }
}

@media only screen and (min-device-width: 330px) and (max-device-width: 400px) {
    .shape { width: 100 px; height: 140 px; position: fixed !important; position: absolute; left: 88%; bottom: 5 px !important; bottom: auto; top: 90%; }
}