@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.6);text-align:center;z-index:150}.loadBox{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loadBox,.loadBox .borLine{width:1rem;height:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute}.loadBox .borLine{left:0;top:0;border:.1rem solid #16a15e;border-radius:50%;border-left-color:transparent;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.guide{position:absolute;width:100%;min-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.guide .guideContent{padding:0 1.5rem}.guide .guideContent .title{padding:3rem 0 .5rem;font-size:2.25rem;color:#111;font-weight:600}.guide .guideContent .des{font-size:.6rem;line-height:2;color:#111}.guide .guideContent .userInfo{padding:4rem 0 0}.guide .guideContent .userInfo span{font-size:.75rem;font-weight:600;color:#111;width:20%}.guide .guideContent .userInfo input{border-bottom:1px solid #b3b3b3;font-size:.75rem;width:80%;line-height:1.6rem;border-radius:0}.guide .guideContent .btn{padding:8rem 0 0}.guide .guideContent .btn .saveBtn{width:9rem;height:2.25rem;line-height:2.25rem;text-align:center;background-color:#4b9e65;border-radius:1.6rem;margin:0 auto;color:#fff;font-size:.75rem}.guide .guideContent .btn .jumpBtn{font-size:.65rem;text-align:center;padding-top:1.5rem;color:#777474;text-decoration:underline}.guide .habit{padding:0 1.5rem}.guide .habit .title{padding:3rem 0 .5rem;font-size:1.2rem;color:#111;font-weight:600}.guide .habit .des{font-size:.6rem;line-height:2;color:#111}.guide .habit .readList{padding:2rem 1.25rem 0}.guide .habit .readList .readItem{width:100%;height:2.75rem;line-height:2.75rem;color:#4b9e65;font-size:.75rem;text-align:center;border:1px solid #e0e0e0;border-radius:.35rem;margin-bottom:1.4rem}.guide .habit .readList .active{border:.15rem solid #48a878;background:url(http://feed.youshu.cc/readwith/media/picture/5b48773430ac8.png) 100% 100% no-repeat;background-size:1rem auto}.guide .habit .saveBtn{margin:3.25rem auto 0;width:9rem;height:2.25rem;line-height:2.25rem;text-align:center;background-color:#4b9e65;border-radius:1.6rem;color:#fff;font-size:.75rem}.guide .alertModel{width:100%;height:100%;background:rgba(0,0,0,.8);position:fixed;left:0;top:0;z-index:101;-webkit-box-sizing:border-box;box-sizing:border-box}.guide .alertModel .alertBox{left:50%;top:50%;width:15rem;height:22.5rem;margin-top:-11.25rem;margin-left:-7.5rem;border-radius:5px;background-color:#fff}.guide .alertModel .alertBox,.guide .alertModel .alertBox .closeImg{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.guide .alertModel .alertBox .closeImg{top:-.6rem;right:-.6rem;display:block;border-radius:50%;width:1.4rem;height:1.4rem;border:2px solid #fff;z-index:99}.guide .alertModel .alertBox .alertContent{width:100%;height:100%;padding:2rem 0;text-align:center}.guide .alertModel .alertBox .alertContent .title{text-align:center;font-size:1.1rem;color:#000;font-weight:600}.guide .alertModel .alertBox .alertContent .bookCover{width:5rem;height:7rem;margin:2rem 0 0;-webkit-box-shadow:.2rem .2rem 1rem #b4b4b4;box-shadow:.2rem .2rem 1rem #b4b4b4}.guide .alertModel .alertBox .alertContent .bookName{font-size:.75rem;color:#000;padding-top:.4rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}.guide .alertModel .alertBox .alertContent .saveBtn{margin:2rem auto 0;width:9rem;height:2.25rem;line-height:2.25rem;text-align:center;background-color:#4b9e65;border-radius:1.6rem;color:#fff;font-size:.75rem}