.row-a,
.row-j,
.row-l,
.row-c,
.row-r,
.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.auto,
.row-a>.item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.row-l{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:start;}
.row-c,
.flex-lc{-webkit-box-pack:center;-webkit-justify-content:flex-center;-ms-flex-pack:center;justify-content:center;}
.row-r{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:end;}
.row-j,
.row-a{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
ul,li,body{padding:0;margin:0;list-style: none;}
.c {margin: 0 auto;max-width: 1024px;padding:0 15px;box-sizing:border-box;}
.c:after{content:"";display: block;clear: both;}
.l {background-color: red;}
.hh{font-weight:600;font-size:18px;line-height:25px}
footer{text-align: center;padding: 30px 0;}
nav {box-shadow:0 0 30px rgba(0,0,0,0.15);position: sticky; top: 0px;z-index: 98;padding: 10px 0;background-color: #fff;}
nav .logo{padding: 0 15px 0 0;}
nav .logo img{width: 50px;height: 50px;border-radius: 100px;}
body {background-color: #fafbfe;}
body *{box-sizing:border-box;}
.search {border: solid 1px rgba(0,0,0,0.1);height: 40px;overflow: hidden;margin: 7px 0 0 0;border-radius: 6px;}
.search img{width: 20px;height: 20px;position: relative;top: 5px;left: 10px;}
.search img:nth-child(3){width: 20px;height: 20px;position: relative;top: 5px;left: -10px;cursor: pointer;opacity: 0.0001;}
.search input{background: transparent;border: 0;height: 40px;line-height:40px;width: 400px;outline: none;font-size: 18px;margin: 0 0 0 15px;color: rgb(96, 108, 139)}

.books a{margin:30px 0 0 0;text-decoration: none;color: rgb(96, 108, 139);padding: 15px;background-color: #fff;border-radius: 6px;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.books .a{width: 200px;height: 240px;margin:10px 15px 0 0;border-radius: 6px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.books p{padding:9px 0;margin: 0;border-bottom:1px dashed #eee;line-height:20px}
.books b{font-weight: normal;color: rgb(167, 174, 192);width: 200px;text-transform:Uppercase;font-size: 14px;}
.books i{font-style: normal;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;display: inline-block;white-space: nowrap;text-overflow: ellipsis;width: 20px;overflow: hidden;}
.books i em{background-color: rgb(255, 219, 231);font-style: normal;color: #000}
.books .amp{display:none}
.more,.page a{margin: 30px auto 0 auto;border: 2px solid rgb(228, 19, 89);padding: 10px 15px;border-radius: 6px;color: rgb(228, 19, 89);cursor: pointer;width: 100px;text-align: center;display: none;text-decoration: none;}
.page {text-align: center;padding: 30px;}
.empty {text-align: center;font-size: 30px;color: rgba(0,0,0,0.5);padding:50px 0;}
@media screen and (max-width:640px) and (min-width:0){
    .search input{width: calc(100% - 45px);}
    .books a{margin: 15px 0 0 0;padding: 8px;}
    .books .a{width: 120px;height: 160px;}
    .books b{width: auto;padding: 0 10px 0 0;}
}