.page .list>div {
    border-bottom: solid .5px #f8f8f8;
    padding: 15px 0;
}

.page .list .title {
    margin-bottom: 20px;
    color: #333;
    font-size: 16px;
    font-weight: normal;
}

.page .list .sortname {
    font-size: 18px;
    font-weight: normal;
}

.page .list .sortcontent {
    font-size: 13px;
    line-height: 1.6;
    font-weight: normal;
    padding-top: 10px;
    word-break: break-all;
}

.page .list .sorticon {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 9px;
    border-radius: 50%;
    border: solid .5px #f8f8f8;
}

.page .search {
    background-color: #ececec;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-bottom: 15px;
}

.page .search>div {
    background-color: #fff;
    background-image: url('data:image/png;base64,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');
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    padding: 5px 5px 5px 44px;
}

.page .search>div>input {
    border: none;
    font-size: 17px;
    letter-spacing: 1px;
    outline: none;
    box-shadow: none;
    padding: 0;
    color: #333;
}

#searchBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #555;
    border: solid .5px #666;
    font-size: 15px;
    text-align: center;
    padding: 0 10px;
    height: 28px;
    line-height: 26px;
    cursor: pointer;
}

.page .null {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABDhJREFUeF7tmk1oXUUUx8+ZoElBUSLdVCg88AtxkznzgiiKrYIILorSYBGqBTeCgqgb66Iqoqsq6saNYjaiLeqqLhS0aIzUe8+8hQQVXPiBH4u6leBL7pF5zJOYvOTOnXv75pXcu8w9H//zmzNzZ94EYZc/uMvrhxZA2wG7nEA7BXZ5A7SLYNIpwMwnEPEO14Va6wMpujE5AAB4DhHPXrQA8jw/bIw5HTN6rgMuagCueEQ8JSILMRDqArDWnvLTZyFmAJxP9BQYFj9MHAOhDgBXvIgcHhSBeFprHQUhGoBLXBdCLICmiq/VAcORrwMhBkCTxTcCoE4nVAXQdPGNAYiFUAXAhSi+UQCbIcQsijut5EMAdRa8UfFrLYKjAro1wf095rNY9ilzEGJX++1iNw6grIhJe98CmLQRGbeetgOqELfW3iMiH1fxGbetiNxtjPkkNG+lDmBmCwBzocET2WVENB+aOxgAMx8DgLd94M8A4IvQJGOyux0ADvpcDxDR+yF5qwD4GQD2u6Dr6+u3zs/PL4ckGJdNr9e7pSiKr3y+H4no2pDcQQB6vd4zRVG85AN+SET3hwQftw0zfwQAhwZbXMRHtdZvlmkoBbCysnLZ6urqrwBwpQ92IxF9VxY4xfssy25SSn3rc/8lIvuNMX/vpKUUQJ7nryPi457qW1rrR1IUF5rTWrsoIkedvYgcN8a8HA2Ama9BxB9ERPmA+4wxf4SKSWFnrd0nIr/53IWIdIwxv2ynZccOyPP8HUR8yBf/ijHmqRRFVc3JzG8AwGNe90ljzNOVATDzbRs/dbOzs3s6nc5qVTEp7JeXl/dMT0//N/dFhIwxbg+z5dm2A5j5AwC4z1M8YYx5IUUxsTmZ+UUAeNavXYta64eDAeR5fggR3SfFPX0iujRWSEo/Zv4HAC7xgzhyizyyA6y1n4rIXc5RKfXE3NzcaykLic1trX1SRE56/zNEdO/mWFsAZFl2VCm16A3PE9HeWAGT4MfM5wHgKt8FDxpj3t2oawsAa+05ERkcJpRSx9bW1n6qWwgiflO2IRmVI8uywcVpnUcp1dlwhjlHRDfvCICZpU7CUb5FUehut9urEndpaenymZmZHBGvq+JXZktE/xv0LR1wIQAg4hGt9Xtl4ja+d6OvlPq8ik+IbRIA7gaYiJ4PETi0Gd4ZVPEJsU0FAIqiONDtds+GiMyy7Hql1PchtlVtkgEAgN+J6OoQwczsTps3hNhWtUkJwGn9EwAWiOjLUcL9r06vAsAVVQsLtU8NYKDTXW+JyNdTU1NnELHf7/fvVEodFJEjoYXE2k0EgFjxTfi1AFLsA5oYuaZitB3QdkCCrXBT7dtEnHYKtFOgnQLjPw43MXebilG6BlhrGz+DNyW+iTib/yu99GqsiaSTHKMFMMmjMw5tbQeMg/Ik52g7YJJHZxzadn0H/AuUa/BQnirDswAAAABJRU5ErkJggg==);
    background-position: center 25px;
    background-repeat: no-repeat;
    color: #999;
    font-size: 15px;
    text-align: center;
    padding: 85px 0 25px 0 !important;
}

.page .list .title a:hover {
    text-decoration: underline;
}

.page .list .author {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: rgba(0, 0, 0, .3)
}

.page .list .author .headpic {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    margin-top: 2px;
    border-radius: 50%;
    border: solid .5px #eee;
    cursor: pointer;
}

.page .list .author .username {
    /* color: #576b95; */
}

.page .list .author span {
    margin-right: 5px;
}

.page .list .author .price {
    float: right;
}

.list .footer {
    font-size: 14px;
    color: #666;
    text-align: center;
}

.list .footer a:hover {
    text-decoration: underline;
}