#app,body{background-color:#fefae4}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.favorite-drama{position:relative;background-color:#fefae4}.favorite-drama .types-list{padding:20px 20px 80px}.favorite-drama .types-list textarea{border:2px solid #ead4a1;width:100%;margin:10px 5px;padding:15px;border-radius:10px}.favorite-drama .types-list .type{display:inline-block;width:calc(50% - 10px);margin:5px;padding:20px;background-color:#ead4a1;border-radius:10px}.favorite-drama .types-list .type .type-name{margin-bottom:10px;color:#996f0d;font-weight:700;font-size:15px;text-align:center}.favorite-drama .types-list .type .drama{height:146px;overflow:hidden;text-align:center;background-color:#fff;border-radius:5px}.favorite-drama .types-list .type .drama .drama-cover{width:calc(50vw - 70px);max-width:90px;border-radius:15px;height:110px;padding:10px;-o-object-fit:cover;object-fit:cover}.favorite-drama .types-list .type .drama .drama-name{font-size:13px}.favorite-drama .render-btn{position:fixed;bottom:20px;width:calc(100% - 30px);max-width:450px;height:40px;margin:0 15px;color:#fff;font-size:16px;line-height:40px;text-align:center;background-color:#996f0d;border-radius:10px;opacity:.6}.favorite-drama .finish{opacity:1}.favorite-drama .footer{width:100%;margin:0 auto;padding-bottom:20px}.favorite-drama .reset{margin:25px 25px 0;padding:7px;color:#e44848;text-align:center;background-color:#fff;border:1px solid #e44848;border-radius:4px}.favorite-drama .banner{width:calc(100% - 30px);margin:15px;border-radius:10px}.favorite-drama .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.favorite-drama .mask{width:100%;height:100%;color:#fff;font-size:16px;text-align:right;background-color:rgba(0,0,0,.7)}.favorite-drama .spu-group{position:fixed;top:50%;left:50%;z-index:10;width:320px;height:70%;padding:20px;overflow-y:scroll;background-color:#f5f5f5;border-radius:15px;transform:translate(-50%,-50%)}.favorite-drama .spu-group .searchbox{width:100%;margin-bottom:20px;padding:12px;font-size:15px;border:none;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.favorite-drama .spu-group .spu{display:inline-block;width:calc(33% - 10px);height:110px;padding-top:10px;margin-right:10px;margin-bottom:10px;overflow:hidden;text-align:center;vertical-align:top;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.favorite-drama .spu-group .spu .spu-cover{width:50px;height:62px;border-radius:3px;-o-object-fit:cover;object-fit:cover}.favorite-drama .spu-group .spu .spu-name{margin-top:5px;padding:0 5px;font-size:13px}.favorite-drama .loader{margin-top:20px;padding-top:18px;padding-left:30px;margin-bottom:20px;font-size:16px;text-align:center}.favorite-drama .loader:before{position:absolute;width:16px;height:16px;margin-left:-30px;border:2px solid #996f0d;border-left-color:transparent;border-radius:10px;animation:rolling 1s infinite;content:""}@keyframes rolling{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.favorite-drama .tip{text-align:center;font-size:16px;padding-top:40px}.favorite-drama .main-btn{padding:10px 0;font-size:16px;text-align:center;margin:20px auto;display:block;width:80%;border-radius:8px}.favorite-drama .main-btn.solid{color:#fff;background-color:#996f0d}.favorite-drama .main-btn.line{color:#996f0d;border:1px solid #996f0d}