/*首页男生女生*/
a{
    text-decoration: none !important;
}
button {
    outline: none;
}
.store-container{
    display: flex;
    flex-direction: column;
    background: #f6f7f9;
    margin-bottom: 5rem;
}
.store-top-div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem 1rem 1.5rem;
    background: #fff;
}
.store-name{
    font-size: 1.8rem;
    font-weight: 700;
    flex: 1;
    color: #33373D;
}
.store-tab{
    display: flex;
    flex: 1;
    justify-content: center;
}
.store-tab a{
    /*font-size: 1.4rem;
    width: 5rem;
    text-align: center;
    background: #fff;
    color: #ed424b;
    height: 2.2rem;
    border: 0.1rem solid #ed424b;
    display: flex;
    justify-content: center;
    align-items: center;*/
    width: 4rem;
    font-size: 1.4rem;
    text-align: center;
    background: #fff;
    color: #ed424b;
    height: 2.2rem;
    border: 0.1rem solid #ed424b;
    padding: 0.2rem 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.store-female a{
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}
.store-male a{
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.store-tab-active a{
    background: #ed424b;
    border: 0.1rem solid #ed424b;
    color: #fff;
}
.store-other-btn{
    display: flex;
    flex: 1;
    justify-content: flex-end;
}
.store-mine-div{
    display: block;
    width: 2rem;
    margin-right: 1.5rem;
}
.store-mine-div img{
    width: 100%;
}
.store-bookshelf-div{
    display: block;
    width: 2rem;
}
.store-bookshelf-div img{
    width: 100%;
    height: 2rem;
}
.store-lb-div{
    height: 10rem;
    padding: 1rem 1.5rem;
    background: #fff;
}
.store-lb-a{
    display: block;
    width: 100%;
}
.store-lb-div .swiper-container{
    border-radius: 0.6rem;
}
.store-lb-a img{
    width:100%;
    height: 100%;
    display: block;
}
.store-card-nto1-div{
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 1.5rem;
    padding-bottom: 1rem;
}
.store-card-top-div{
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    margin-top: 1.5rem;
}
.store-card-title{
    font-size: 1.6rem;
    /*font-weight: 700;*/
    padding: 0 0.8rem;
    border-left: 0.2rem solid #ed424b;
    color: #33373D;
}
.store-card-subtitle{
    color: #969ba3;
    font-size: 1.4rem;
}
.store-card-more{
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
}
.store-card-more a{
    display: flex;
    align-items: center;
}
.store-card-more span{
    font-size: 1.4rem;
    color: #969ba3;
}
.store-card-more img{
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.4rem;
    position: relative;
    top: -1px;
}
.store-cardn1-div{
    overflow-x: auto;
    margin-top: 1rem;
    padding-bottom: 1rem;
}
.store-cardn1-book-div{
    display: flex;
    padding: 0 0.5rem 0 1.5rem;
    width: fit-content;
}
.store-cardn1-book-info{
    display: flex;
    flex-direction: column;
    width: 7rem;
    overflow-x: hidden;
}
.store-cardn1-book-cover{
    width: 7.2rem;
    height: 9.6rem;
}
.store-cardn1-book-cover img{
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
    box-shadow:0 1px 3px rgba(0,0,0,.3);
}
.store-cardn1-book-title{
    overflow-x: hidden;
    margin-top: 0.3rem;
    font-size: 1.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color:#33373d;
}
.store-cardn1-book-author{
    margin-top: 0.2rem;
    color: #969ba3;
    font-size: 1.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.store-card-1ton-div{
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 1.5rem;
}
.store-card1n-div{
    display: flex;
    flex-direction: column;
}
.store-card1n-book-info{
    display: flex;
    padding: 1.8rem 0;
    margin: 0 1.5rem;
    border-bottom: 0.1rem solid #f0f1f2;
}
.store-card1n-book-cover{
    width: 6.6rem;
    height: 8.8rem;
}
.store-card1n-book-cover img{
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
    box-shadow:0 1px 3px rgba(0,0,0,.3);
}
.store-card1n-book-otherinfo{
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex: 1;
}
.store-card1n-book-title{
    font-size: 1.6rem;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color:#33373d;
}
.store-card1n-book-ins{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.4rem;
    color: #969ba3;
}
.store-card1n-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.store-card1n-bottom-left{
    display: flex;
    align-items: center;
    flex: 1;
}
.store-card1n-bottom-left img{
    width: 1.2rem;
}
.store-card1n-bottom-left span{
    margin-left: 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #969ba3;
    font-size: 1.2rem;
}
.store-card1n-bottom-right{

}
.store-card1n-category{
    border: 0.1rem solid #969ba3;
    padding: 0.1rem 0.2rem;
    color: #969ba3;
    border-radius: 0.2rem;
    font-size: 1.2rem;
}
.store-card1n-status{
    border: 0.1rem solid blue;
    padding: 0.1rem 0.2rem;
    color: blue;
    border-radius: 0.2rem;
    font-size: 1.2rem;
}
.store-card1n-size{
    border: 0.1rem solid #ed424b;
    padding: 0.1rem 0.2rem;
    color: #ed424b;
    border-radius: 0.2rem;
    font-size: 1.2rem;
}
.store-card-3ton-div{
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    background: #fff;
    padding-bottom: 1.5rem;
}
.store-card3n-div{
    padding: 0 1.5rem;
    margin-top: 1.5rem;
    display: flex;
    justify-content: space-between;
}
.store-card3n-book-info{
    flex: 1;
}
.store-card3n-book-info-middle{
    margin: 0 2rem;
}
.store-card3n-book-cover img{
    width: 100%;
    border-radius: 0.2rem;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
    box-shadow:0 1px 3px rgba(0,0,0,.3);
}
.store-card3n-book-title{
    overflow-x: hidden;
    margin-top: 0.3rem;
    font-size: 1.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color:#33373d;
}
.store-card3n-bottom-author{
    margin-top: 0.1rem;
    color: #969ba3;
    font-size: 1.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}



.store-limit-free-div{
    display: flex;
    flex-direction: column;
}
.store-limit-free-book-info{
    display: flex;
    padding: 1.8rem 0;
    margin: 0 1.5rem;
    border-bottom: 0.1rem solid #f0f1f2;
}
.store-limit-free-book-cover{
    width: 6.8rem;
    position: relative;
}
.store-limit-free-book-cover img{
    width: 6.8rem;
    border-radius: 0.2rem;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
    box-shadow:0 1px 3px rgba(0,0,0,.3);
}
.store-limit-free-book-otherinfo{
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex: 1;
}
.store-limit-free-book-title{
    font-size: 1.6rem;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color:#33373d;
}
.store-limit-free-book-ins{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.4rem;
    color: #969ba3;
}
.store-limit-free-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.store-limit-free-bottom-left{
    display: flex;
    align-items: center;
    flex: 1;
}
.store-limit-free-bottom-left img{
    width: 1.2rem;
}
.store-limit-free-bottom-left span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: red;
    font-size: 1.2rem;
}
.store-limit-free-bottom-right{

}
.store-limit-free-category{
    border: 0.1rem solid #969ba3;
    padding: 0.1rem 0.2rem;
    color: #969ba3;
    border-radius: 0.2rem;
    font-size: 1.2rem;
}
.store-limit-free-status{
    border: 0.1rem solid blue;
    padding: 0.1rem 0.2rem;
    color: blue;
    border-radius: 0.2rem;
    font-size: 1.2rem;
}
.store-limit-free-size{
    border: 0.1rem solid #ed424b;
    padding: 0.1rem 0.2rem;
    color: #ed424b;
    border-radius: 0.2rem;
    font-size: 1.2rem;
}
.free-logo{
    position: absolute;
    top: 0;
    right: 0;
    width: 3.6rem !important;
    border: 0 !important;
    box-shadow: none !important;
}


.store-card-free-lb{
    height: fit-content;
    padding: 0 0 0 1.5rem;
    margin-top: 1.5rem;
}
.store-card-free-lb-div{
    overflow-x: hidden;
}
.store-lb-free-div{
    width: fit-content;
}

.store-search-div{
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 1.5rem 1rem 1.5rem;
}
.store-search-input{
    height: 3rem;
    background: #f1f1f1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
}
.store-search-input img{
    height: 2rem;
}
.store-search-place-text{
    color: #969ba3;
    margin-left: 1rem;
    font-size: 1.4rem;
}

/*登录页*/
.toast {
    width: 60%;
    min-width: 180px;
    background: #000;
    opacity: 0.7;
    height: 3rem;
    min-height: 30px;
    color: #fff;
    position: fixed;
    top: 40%;
    left: 20%;
    z-index: 999999;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

.login-container {
    display: flex;
    flex-direction: column;
}

.login-top-div {
    display: flex;
    flex-direction: column;
    height: 9.5rem;
    padding: 0 2rem;
    justify-content: center;
    background: #f54b3f;
    background: -webkit-linear-gradient(left, #ed444d, #f75340); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ed444d, #f75340); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ed444d, #f75340); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ed444d, #f75340); /* 标准的语法 */
}

.login-text1 {
    font-size: 1.8rem;
    color: #fff;
}

.login-text2 {
    font-size: 1.2rem;
    color: #fff;
}

.login-div {
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
    border-radius: 0.5rem;
    background: #fff;
    position: relative;
    top: -0.5rem;
}

.login-logo {
    align-self: center;
    width: 7.5rem;
}

.login-logo img {
    width: 100%;
}

.login-phone-div {
    display: flex;
    margin: 2rem 2rem 1rem 2rem;
    height: 4rem;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: #aaa;
    font-size: 1.5rem;
}
.phone-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.phone-icon img {
    height: 2rem;
}

.phone-pre {
    font-size: 1.8rem;
    margin: 0 1rem;
    color:#33373D;
}

.phone-num-div {
    height: 3rem;
    display: flex;
    flex: 1;
    color:#33373D;
}

.phone-num {
    outline: none !important;
    width: 100%;
    font-size: 1.8rem;
    color:#33373D;
}

.login-code-div {
    display: flex;
    margin: 1rem 2rem 0 2rem;
    height: 4rem;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
}

.code-div {
    height: 3rem;
    display: flex;
    flex: 1;
}

.code-num {
    outline: none !important;
    width: 100%;
    font-size: 1.8rem;
}

.code-btn-div {

}

.code-btn {
    outline: none;
    background: #d0d2dd;
    padding: 0.8rem 0.2rem;
    border-radius: 2rem;
    color: #fff;
    font-size: 1.4rem;
    min-width: 12rem;
}
.code-on{
    background: #ed444d;
}

.login-btn-div {
    display: flex;
    margin: 2rem 2rem 0 2rem;
    height: 4.5rem;
}

.login-btn {
    width: 100%;
    border-radius: 3rem;
    color: #fff;
    background: #ed424b;
    font-size: 1.6rem;
    outline: none !important;
}
.login-other{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.login-other-text{
    font-size: 1.3rem;
    margin-top: 5rem;
    color: #969ba3;
    align-self: center;
}
.login-btn-wx{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.5rem 0 0.2rem 0;
}
.login-btn-wx img{
    width: 6rem;
}
.login-other-name{
    font-size: 1.4rem;
    color: #969ba3;
    align-self: center;
}

/*菜单的菜单*/
.common-top-shadow {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 28;
    background: rgba(0, 0, 0, 0.5);
}

.common-top-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    padding: 1rem 0 2rem 0;
    background: #fff;
    z-index: 30;
    top: 4rem;
}

.common-top-menu-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.common-top-menu-div {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 1rem;
}

.common-menu-div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.common-menu-div img {
    width: 3rem;
    height: 3rem;
    color:#33373D;
}
.common-menu-text{
    font-size: 1.4rem;
    margin-top: 0.5rem;
    color:#33373D;
}

.common-menu-shelf-div {
    text-align: center;
    margin-top: 2rem;
}

.common-menu-shelf-div button {
    padding: 1rem 1rem;
    width: 70%;
    background: #ed424b;
    color: #fff;
    outline: none;
    border-radius: 3rem;
    font-size: 1.4rem;
}
.common-menu-a{
    display: block;
    color:#33373D;
    text-decoration: none;
}

.search-img, .menu-img {
    height: 2rem;
}
.menu-img{
    margin-left: 1.5rem !important;
    margin-right: 1.5rem;
}

/*搜索*/
.common-top-search-shadow {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 35;
    background: #fff;
}

.common-top-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    padding: 1rem 0;
    background: #fff;
    z-index: 35;
    top: 4rem;
}

.common-top-search-container{
    display: flex;
    flex-direction: column;
}
.common-search-div{
    display: flex;
    align-items: center;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
.common-search-input-div{
    display: flex;
    align-items: center;
    position: relative;
    flex: 1;
}
.common-search-logo{
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    left: 1rem;
}
.common-search-input{
    flex: 1;
    border: 0.1rem solid #33373D;
    outline: none;
    height: 3.5rem;
    font-size: 1.5rem;
    padding: 0 3rem 0 3.8rem;
    border-radius: 0.4rem;
    color: #33373D;
}
.common-search-del-img{
    width: 2rem;
    position: absolute;
    right: 1rem;
    display: none;
}
.common-search-cancle{
    padding-left: 1rem;
    font-size: 1.6rem;
    color: #33373D;
}

.common-search-label{
    height: 3rem;
    align-items: flex-end;
    padding: 0 1.5rem 0.5rem 1.5rem;
    font-size: 1.4rem;
    display: flex;
    justify-content: space-between;
    color: #33373D;
}
.common-search-label-history{
    height: 4rem;
}
.common-search-history-del{
    display: flex;
    align-items: center;
    color:#969ba3;
}
.common-search-history-del img{
    height: 1.4rem;
    margin-right: 0.2rem;
}
.common-search-hot,.common-search-history{
    padding: 0.5rem 1.5rem 1rem 1.5rem;
    display: flex;
    flex-wrap: wrap;
    min-height: 5rem;
}
.search-hot,.search-history{
    background: #fff;
    border: 1px solid #969ba3;
    padding: 0.5rem 0.8rem;
    border-radius: 2rem;
    margin: 0.5rem 0.5rem 0 0;
    color: #969ba3;
}
.common-search-other{
    display: flex;
    flex-direction: column;
}

/*book-detail*/

.menu-img {
    margin-left: 1rem;
    margin-right: 1.5rem;
}

.detail-container {
    display: flex;
    flex-direction: column;
    padding: 4.5rem 1.5rem 0 1.5rem;
    background: #fff;
    z-index: 5;
    position: relative;
}

.detail-info {
    display: flex;
}

.detail-info-cover {
    width: 9rem;
    height: 12rem;
    position: relative;
}

.detail-info-cover img {
    width: 100%;
    height: 100%;
}

.detail-info-right {
    display: flex;
    flex-direction: column;
    margin-left: 2.5rem;
    justify-content: space-around;
    flex: 1;
}

.detail-info-title {
    font-size: 2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #33373D;
}

.detail-info-author {
    font-size: 1.6rem;
    color: #33373D;
}

.detail-info-category {
    font-size: 1.4rem;
    color: #33373D;
}

.detail-info-status {
    font-size: 1.4rem;
    color: #33373D;
}

.detail-btn-div {
    display: flex;
    justify-content: space-around;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}
.go-to-read {
    flex: 1;
    display: flex;
    justify-content: flex-start;
}
.add-to-shelf {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.free-read-btn {
    padding: 0.6rem 0;
    font-size: 1.5rem;
    background: #ed424b;
    color: #fff;
    border: 0.1rem solid #ed424b;
    width: 90%;
}

.addshelf-btn {
    padding: 0.6rem 0;
    font-size: 1.5rem;
    color: #33373D;
    background: #fff;
    border: 0.1rem solid #ccc;
    width: 90%;
}

.detail-info-ins {
    padding-top: 2rem;
    border-top: 0.1rem solid #f1f1f1;
}

.detail-ins-content {
    color: #33373D;
    font-size: 1.5rem;
    line-height: 2rem;
    white-space: pre-wrap;
}

.detail-content-hide {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.detail-ins-open {
    font-size: 1.5rem;
    text-align: center;
    color: #ed424b;
    display: none;
    margin-top: 1rem;
}

.detail-ins-active {
    display: block;
}

.detail-contentlist-a {
    margin-top: 1rem;
    border-top: 0.1rem solid #f1f1f1;
    color: #33373D;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 5rem;
}

.detail-contentlist-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2rem;
    flex: 1;
}

.detail-contentlist-right {
    display: flex;
    align-items: center;
    color: #969ba3;
}

.detail-contentlist-left {
    font-size: 1.4rem;
    color: #33373D;
}

.chapter-amount-div {
    font-size: 1.4rem;
}

.chapter-right-div {
    height: 1.4rem;
    margin-left: 1rem;
}

.chapter-right-div img {
    height: 100%;
}

.detail-background {
    position: relative;
}

.detail-background-img {
    z-index: -10;
    height: 100%;
    -moz-filter: blur(6rem);
    -ms-filter: blur(6rem);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
    position: absolute;
    width: 100%;
    opacity: .02;
    opacity: calc(.1 + .2);
    -webkit-filter: blur(calc(17px + 1px));
    filter: blur(calc(17px + 1px));
    top: -4rem;

}
.add-active{
    background-color: transparent;
    color:#969ba3;
}

/*阅读页*/
.no-scroll {
    overflow: hidden;
}
.menu-common-top-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    padding: 1rem 0;
    background: #33373D;
    height: 2rem;
    z-index: 30;
}

.menu-common-top-left {
    display: flex;
    align-items: center;
    height: 2rem;
    margin-left: 1rem;
}

.menu-common-go-back {
    height: 100%;
}

.menu-common-top-right {
    display: flex;
    align-items: center;
    height: 1.5rem;
}



.content-common-top-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*position: fixed;*/
    position: absolute;
    width: 100%;
    z-index: 10;
    padding: 1rem 0;
}

.content-common-top-left {
    display: flex;
    align-items: center;
    height: 2rem;
    margin-left: 1rem;
}

.content-common-go-back {
    height: 100%;
}

.detail-title {
    font-size: 1.2rem;
}

.content-common-top-right {
    display: flex;
    align-items: center;
    height: 1.5rem;
}

.menu-img {
    margin-left: 1rem;
    margin-right: 1.5rem;
}

.content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 100%;
    color:#33373D;
}

.content-div {
    padding: 1rem 1.2rem 0rem 1.5rem;
/*    font-size: 2rem;*/

}

.content-div p {
    text-indent: 2em;
    line-height: 1.8em;
    margin: 0.5em 0;
}

.content-title {
    font-size: 2.4rem;
    margin: 1.5rem 0;
}

.next-chapter-div {
    margin-top: 1.5rem;
    margin-bottom: 5rem;
    z-index: 5;
}

.next-chapter-btn {
    padding: 0.5rem 2rem;
    background: #ed424b;
    color: #fff;
    border-radius: 2rem;
    font-size: 1.6rem;
}

.content-menu {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
    z-index: 5;
}

.content-menu button {
    padding: 1rem 2rem;
    background: #ed424b;
    color: #fff;
    border-radius: 2rem;
    font-size: 1.6rem;
    margin-top: 1rem;
}

.content-menu-shadow {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 20;
}

.menu-common-bottom-div {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    width: 100%;
    z-index: 26;
    padding: 1rem 0 0.5rem 0;
    background: #33373D;
    bottom: 0;
    height: 5rem;
}

.menu-bottom-btn-div {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.menu-bottom-img {
    width: 1.8rem;
}

.menu-bottom-img img {
    width: 100%;
}

.content-list-menu-swiper {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 60;
    display: none;
}

.content-list-menu-shadow {
    background: rgba(0, 0, 0, 0.5);
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.content-chapter-list-div {
    overflow-y: scroll;
    min-width: 100px;
    width: 70%;
    max-width: 320px;

    background-color: #fff;
}


.mulu-list-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    background: #fff;
    border-bottom: 0.1rem solid #f7f7f7;
    margin: 0 1.5rem;
    color:#33373D;
}

.mulu-chapter-name {
    font-size: 1.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.mulu-chapter-suo {
    height: 1.6rem;
}

.mulu-chapter-able img {
    display: none;
}

.mulu-chapter-suo img {
    height: 100%;
}

.cur-chapter {
    color: #ed424b;
}

.menu-ins {
    display: flex;
    align-self: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.4rem;
}

.auto-subscribe-btn {
    height: 1.5rem;
    width: 1.5rem;
    background: url(/images/mbook/logo/shelf-unselected-64.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 1rem;
}

.auto-subscribe-active {
    background: url(/images/mbook/logo/shelf-selected-64.png) no-repeat;
    background-size: 100% 100%;
}

.m-sh {
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.m-sh1 {
    flex: 1;
}

.m-sh2 {
    flex: 3;
}

.m-sh3 {
    flex: 1;
}

.menu-bottom-text {
    font-size: 1.6rem;
    color:#969ba3;
}

ba {
    color: #ed424b;
}

.menu-ins-subscribe {
    display: flex;
    margin-top: 1rem;
    align-items: center;
}

.menu-ins-subscribe span {
    font-size: 1.4rem;
    margin-right: 0.5rem;

}

.content-price-div {
    text-align: center;
}

.menu-add-shelf {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: fixed;
    height: 2rem;
    z-index: 29;
    top: 10rem;
    width: 100%;
}

.content-shelf-btn {
    padding: 1rem 2rem;
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
    outline: none;
    background: #fff;
    font-size: 1.6rem;
    color:#33373D;
}

.content-shelf-active {
    display: none;
}

.menu-config {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    padding: 1rem 0;
    background: #33373D;
    z-index: 27;
    bottom: 6rem;
    color: #fff;
}

.font-config-div {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 1rem;
}

.menu-config-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 1.5rem;
}

.font-small {
    flex: 1;
    text-align: center;
}

.font-small button, .font-larger button {
    padding: 0.8rem 3rem;
    width: 100%;
    background: #33373D;
    border: 0.1rem solid #969ba3;
    border-radius: 0.2rem;
    color: #969ba3;
    font-size: 1.6rem;
}

.font-default {
    margin-left: 1rem;
}

.font-default button {
    padding: 0.8rem 0.4rem;
    width: 100%;
    background: #33373D;
    border: 0.1rem solid #969ba3;
    border-radius: 0.2rem;
    color: #969ba3;
    font-size: 1.6rem;
}

.font-larger {
    flex: 1;
    text-align: center;
}

.font-real {
    flex: 1;
    text-align: center;
    font-size: 1.8rem;
}

.skin-config-div {
    margin-top: 2.5rem;
    display: flex;
    justify-content: space-between;
}

.content-skin {
    height: 3rem;
    width: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-skin img{
    height: 2rem;
    display: none;
}

.content-skin-active img{
    display: block;
}
.content-skin-night img{
    display: none;
}
.skin-default {
    background: #F7F7F7;
    color:#333;
}
.skin-blue {
    background: #E3DDD1;
    color: #333;
}

.skin-green {
    background: #fff;
    color:#333;
}

.skin-light {
    background: #c4b395;
    background: url('https://resource.ledu11.cn/images/mbook/skin-default.jpg') repeat center top;
    background-size: 100%;
}

.read-night {
    background: #1a1a1a;
    color: rgba(255,255,255,.5) !important;
}
.common-menu-a{
    display: block;
    color:#33373D;
    text-decoration: none;
}
.menu-bottom-img-active .yejian{
    display: none;
}
.menu-bottom-img-active .rijian{
    display: block;
}

.fixed-active{
    position: fixed;
    width: 100%;
}

/*阅读记录*/
.record-container {
    padding-top: 5rem;
    display: flex;
    flex-direction: column;
}

.record-div {
    display: flex;
    flex-direction: column;
    background: #fff;
}

.record-book-div {
    display: flex;
    flex: 1;
    margin: 0 1.5rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid #f1f1f1;
}

.record-book-cover {
    width: 6rem;
    height: 8rem;
}

.record-book-cover img {
    height: 100%;
    width: 100%;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}

.record-book-info {
    margin-left: 1.5rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}

.record-book-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.record-book-title {
    font-size: 1.8rem;
    color: #33373D;
}

.record-book-text {
    font-size: 1.4rem;
    color: #969ba3;
    display: flex;
    align-items: center;
}
.record-book-text img{
    height: 1.5rem;
    width: 1.5rem;
}

.record-book-middle {
    display: flex;
}

.record-book-author {
    display: flex;
    align-items: center;
}

.record-book-author img {
    width: 1rem;
}

.record-book-author-text {
    font-size: 1.4rem;
    color: #969ba3;
    margin-left: 0.5rem;
}

.record-book-bottom {
    display: flex;
    justify-content: space-between;
}

.record-book-record {
    font-size: 1.4rem;
    color: #969ba3;
}

.record-book-time {
    font-size: 1.4rem;
    color: #969ba3;
}
.record-no-book {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16rem;
}

.record-to-shelf-div {
    width: 100%;
    text-align: center;
}

.record-to-shelf-btn {
    padding: 1rem 2rem;
    font-size: 1.6rem;
    background: #ed424b;
    color: #fff;
    border-radius: 4rem;
}

.record-no-book-text {
    font-size: 1.3rem;
    color: #969ba3;
    font-family: -webkit-pictograph;
}

/*shelf*/
.shelf-container{
    padding-top: 5.5rem;
    display: flex;
    flex-direction: column;
}
.shelf-div{
    display: flex;
    flex-direction: column;
    padding-bottom: 5rem;
    margin-top: 2rem;
    background: #fff;
}
.shelf-book-div{
    display: flex;
    flex: 1;
    margin: 1.5rem 1.5rem 0 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #f1f1f1;
}

.shelf-book-cover{
    width: 6rem;
    height: 8rem;
}
.shelf-book-cover img{
    height: 100%;
    width: 100%;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.shelf-book-info{
    margin-left: 1.5rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}
.shelf-book-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.shelf-book-title{
    font-size: 1.8rem;
    color: #33373D;
}
.shelf-book-text{
    font-size: 1.4rem;
    color: #969ba3;
    display: flex;
    align-items: center;
}
.shelf-book-text img{
    height: 1.5rem;
    width: 1.5rem;
}
.shelf-book-middle{
    display: flex;
    align-items: center;
}
.shelf-book-author{
    display: flex;
    align-items: center;
    padding-right: 1rem;
}
.shelf-book-author img{
    width: 1rem;
}

.shelf-book-author-text{
    font-size: 1.4rem;
    color: #969ba3;
    margin-left: 0.5rem;
}
.shelf-book-bottom{
    display: flex;
    justify-content: space-between;
}
.shelf-book-record{
    font-size: 1.4rem;
    color: #969ba3;
}
.shelf-book-time{
    font-size: 1.4rem;
    color: #969ba3;
}
.line-single{
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.shelf-select{
    width: 3rem;
    display: none;
    justify-content: flex-start;
    align-items: center;
}
.shelf-edit .shelf-select{
    display: flex;
}
.shelf-select-btn{
    width: 2rem;
    height: 2rem;
    /* border: 0.1rem solid #ccc;
     border-radius: 1rem;*/
    background: url(/images/mbook/logo/shelf-unselected-64.png) no-repeat;
    background-size: 100% 100%;
}
.shelf-select-active .shelf-select-btn{
    background: url(/images/mbook/logo/shelf-selected-64.png) no-repeat;
    background-size: 100% 100%;
    border:0;
}
.shelf-edit-btn{
    display: flex;
    justify-content: flex-end;
    flex: 1;
    margin-right: 1.5rem;
    color: #33373D;
    height: 3rem;
    align-items: center;
}
.shelf-select-all{
    flex: 1;
    margin-left: 1.5rem;
    color:#33373D;
    align-items: center;
    display: flex;
}
.shelf-delete-div{
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    z-index: 10;
    bottom: 0;
    height: 5rem;
    border-top: 0.1rem solid #f1f1f1;
    background: #fff;
}
.shelf-delete-div img{
    height: 1.6rem;
}
.shelf-delete-div span{
    color:#ed424b;
    font-size: 1.6rem;
    margin-left: 1rem;
}
.shelf-menu-div{
    display: flex;
    position: fixed;
    width: 100%;
    padding-top: 5rem;
    background: #fff;
    font-size: 1.4rem;
}
.shelf-book-record-text{
    font-size: 1.4rem;
    color:#969ba3;
}
.shelf-login{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.shelf-login button{
    padding: 1rem 2rem;
    width: 20rem;
    background: red;
    font-size: 1.6rem;
    color: #fff;
    border-radius: 3rem;
    margin-top: 1rem;
}
.shelf-login div{
    font-size: 1.3rem;
    color: #969ba3;
    margin-top: 18rem;
}
.shelf-no-book{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16rem;
}
.shelf-no-book-text {
    font-size: 1.3rem;
    color: #969ba3;
    font-family: -webkit-pictograph;
}
/*搜索*/

.search-flex{
    position: fixed;
    display: flex;
    width: 100%;
}
.search-container{
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
}
.search-div{
    display: flex;
    align-items: center;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
.search-input-div{
    display: flex;
    align-items: center;
    position: relative;
    flex: 1;
}
.search-logo{
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    left: 1rem;
}

.search-input{
    flex: 1;
    border: 0.1rem solid #33373D;
    outline: none;
    height: 3.5rem;
    font-size: 1.5rem;
    padding: 0 3rem 0 3.8rem;
    border-radius: 0.4rem;
    color: #33373D;
}

.search-cancle{
    padding-left: 1rem;
    font-size: 1.6rem;
}


.common-search-history-del img{
    height: 1.4rem;
}

.search-hot,.search-history{
    background: #fff;
    border: 0.1rem solid #aaa;
    padding: 0.5rem 0.8rem;
    border-radius: 2rem;
    margin: 0.5rem 0.5rem 0 0;
}
.search-load-tip{
    text-align: center;
    margin-top: 1rem;
}
.search-res-container{
    padding-top: 5rem;
    background: #fff;
}