.bg1 {
    background:rgba(241,244,247,1);
}
.lineClamp2 {
    -webkit-line-clamp:2;
}
.serList {
    padding-top: .18rem;
}
.card {
    width: 94%;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 24px 0px rgba(154,164,170,0.1);
    border-radius:4px;
    margin: 0 3% .19rem;
}
.card .tit {
    font-weight: 500;
    line-height: .2rem;
    font-size: .14rem;
    color:rgba(54,54,54,1);
    border-bottom: 1px solid #F0F0EA;
    padding: .07rem 0 .07rem .1rem;
    margin-bottom: .16rem;
}
.card .op {
    padding: 0 .68rem .14rem;
}
.ymsIcon {
    width: .56rem;
    height: .56rem;
    display: block;
    margin: 0 auto .02rem;
}
.op p {
    font-size: .14rem;
    color:rgba(133,133,133,1);
    text-align: center;
}

.perinfo {
    background-color: #fff;
    padding: .1rem .2rem .21rem;
    margin-bottom: .3rem;
}
.perinfo p {
    font-size: .14rem;
    font-weight: 400;
    line-height: .25rem;
    color:rgba(43,50,55,1);
}
.perinfo .tag {
    width: .8rem;
}
.perinfo input {
    display: block;
    border-radius:2px;
    border:1px solid rgba(204,204,204,1);
    width: 1.5rem;
    height: .2rem;
    font-size: .14rem;
    padding-left: .1rem;
    line-height: .2rem;
}
.perinfo li {
    margin-bottom: .06rem;
}
button.mod {
    width: 38%;
    display: block;
    height: .36rem;
    margin: 0 auto;
    border: 0;
    color: #ffffff;
    font-size: .14rem;
    background:rgba(4,158,254,1);
    border-radius:4px;
}



.book {
    padding: .2rem .16rem .12rem;
    width: 100%;
    border-bottom: 1px solid #F0F0EA;
}
.book .cover {
    width:.74rem;
    height:1.02rem;
    box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);
    border-radius:3px;
    margin-right: .1rem;
}
.book .info {
    width: calc(100% - .84rem);
    height:1.02rem;

}
.book .name {
    font-size: .16rem;
    font-weight: 500;
    line-height: .2rem;
    color:rgba(1,1,1,1);
    height: .4rem;
    margin-bottom: .03rem;
}
.book .other {
    line-height: .15rem;
    font-size: .12rem;
    color:rgba(88,104,118,1);
    margin-bottom: .02rem;
}
.book .date {
    position: absolute;
    bottom: 0;
    left: 0;
}
.price {
    padding: .07rem 0 .08rem .15rem;
}
.price p{
    font-size:.14rem;
    font-weight:400;
    color:rgba(242,83,50,1);
    height: .16rem;
    line-height:.16rem;
    margin-right: .1rem;
}
.price button {
    width: .8rem;
    height: .26rem;
    border: 0;
    display: block;
    margin: .03rem .1rem 0 0;
    font-size: .14rem;
    color: #ffffff;
    background:rgba(4,158,254,1);
    border-radius:3px;
}
.price button.no {
    background:rgba(228,228,228,1);
    color: #888888;
}
.popup {
    position: fixed;
    top: 2.2rem;
    left: 0;
    right: 0;
    width: 2.8rem;
    padding-bottom: .12rem;
    z-index: 100;
    margin: 0 auto;
    border-radius: 8px;
    background-color: #fff;
}
.popup p {
    font-size: .16rem;
    text-align: center;
    line-height: .22rem;
    color: #202528;
    padding: .3rem 0 .1rem;
    
}
.popup button {
    display: block;
    width: 100%;
    font-size: .16rem;
    margin: .09rem auto 0;
    border: 0;
    background-color: #fff;
    color: #3596FF;
}







.empty {
    padding-top: 2rem;
}
.empty img {
    display: block;
    width: 64%;
    margin: 0 auto .06rem;
}
.empty p {
    font-size:.15rem;
    font-weight:400;
    color:rgba(153,163,169,1);
    line-height:.21rem;
    text-align: center;
}