.component-list-book-info .new-chapter{position:relative}.component-list-book-info .new-chapter .red-tip{position:absolute;top:22px;left:-11px;display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#fd502a;margin-right:5px;margin-bottom:2px}.component-user-sub-navbar{height:40px;min-width:1200px;background-color:#fd502a;position:fixed;top:60px;left:50%;transform:translateX(-50%);width:100%;z-index:110}.component-user-sub-navbar .nav-wrap{width:calc(100%);height:40px;position:absolute;background-color:#fd502a;background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:99;min-width:1200px}.component-user-sub-navbar .nav-wrap .tabs{margin:auto;text-align:right;display:flex;height:100%;align-items:center;justify-content:flex-end;gap:36px;width:1200px}.component-user-sub-navbar .nav-wrap .tabs a{color:#fff;font-size:14px;font-style:normal;font-weight:500;line-height:normal;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:auto;text-align:right;position:relative}.component-user-sub-navbar .nav-wrap .tabs a svg{width:12px;height:6px;right:40px;position:absolute}.component-user-sub-navbar .nav-wrap .tabs a.active{color:#fff;font-size:16px;font-style:normal;font-weight:700;line-height:normal;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.component-user-sub-navbar .nav-wrap .tabs a svg{margin-bottom:-34px;display:none}.component-user-sub-navbar .nav-wrap .tabs a.active svg{display:inline}.component-user-sub-navbar .nav-wrap .tabs a:hover{font-weight:700!important;color:#fff!important}.import-book-wrap{border:.5px solid #dedede;margin-top:10px;display:flex;justify-content:center;text-align:center}.import-book-wrap .import-book-content{margin:210px 0 315px}.import-book-wrap .import-book-content .title{color:#000;font-size:20px;font-style:normal;font-weight:700;line-height:24px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;position:relative}.import-book-wrap .import-book-content .title svg{cursor:pointer;display:inline-block;margin-left:6px}.import-book-wrap .import-book-content .title svg:hover+.tip{visibility:visible}.import-book-wrap .import-book-content .title .tip{visibility:hidden;position:absolute;bottom:35px;left:125px;width:346px;height:72px;padding:12px;box-sizing:border-box;border-radius:4px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);color:#666;font-size:11px;font-style:normal;font-weight:400;line-height:16px;text-align:left}.import-book-wrap .import-book-content .title .tip img{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%)}.import-book-wrap .import-book-content .sub_title{color:#000;font-size:13px;font-style:normal;font-weight:400;line-height:18px;margin-bottom:48px}.import-book-wrap .import-book-content .btn-wrp{display:flex;position:relative}.import-book-wrap .import-book-content .btn-wrp .btn{width:172px;height:40px;text-align:center;line-height:40px;font-size:14px;font-style:normal;font-weight:700;border-radius:42px;cursor:pointer}.import-book-wrap .import-book-content .btn-wrp .red-btn{background:#fd502a;color:#fff;margin-right:8px}.import-book-wrap .import-book-content .btn-wrp .white-btn{background:#fff;color:#fd502a;border:1px solid #fd502a}.import-book-wrap .import-book-content .btn-wrp .white-btn:hover+.code{visibility:visible}.import-book-wrap .import-book-content .btn-wrp .code{visibility:hidden;position:absolute;bottom:56px;right:10px;width:172px;height:200px;flex-shrink:0;border-radius:12px;background:#fff;box-shadow:0 6px 20px 0 rgba(0,0,0,.14);display:flex;flex-direction:column;justify-content:center;align-items:center}.import-book-wrap .import-book-content .btn-wrp .code .text{margin-top:10px;color:#000;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.import-book-dialog-wrap{border-radius:4px;width:478px;height:344px;position:relative;padding:40px}.import-book-dialog-wrap .close-icon{position:absolute;top:9px;right:9px;cursor:pointer}.import-book-dialog-wrap .content-box .title{color:#000;font-size:18px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:16px}.import-book-dialog-wrap .content-box .content{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:24px;margin-bottom:32px}.import-book-dialog-wrap .content-box .content1{margin-bottom:12px}.import-book-dialog-wrap .btn-wrap{display:flex;justify-content:flex-end}.import-book-dialog-wrap .btn-wrap .btn{cursor:pointer;height:36px;border-radius:24px;display:flex;justify-content:center;align-items:center;font-size:14px;font-style:normal;font-weight:700}.import-book-dialog-wrap .btn-wrap .white-btn{width:100px;border:1px solid #fd502a;color:#fd502a;margin-right:8px}.import-book-dialog-wrap .btn-wrap .red-btn{width:144px;color:#fff;background:#fd502a}.import-complete-dialog-wrap{border-radius:4px;width:478px;height:296px;position:relative;padding:40px 50px 40px 40px}.import-complete-dialog-wrap .close-icon{position:absolute;top:0;right:0;cursor:pointer}.import-complete-dialog-wrap .content-box{display:flex;justify-content:space-between}.import-complete-dialog-wrap .content-box .left{width:247px}.import-complete-dialog-wrap .content-box .left .title{color:#000;font-size:18px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:16px}.import-complete-dialog-wrap .content-box .left .text{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.import-complete-dialog-wrap .content-box .right{display:flex;flex-direction:column;margin-top:25px}.import-complete-dialog-wrap .content-box .right .code{margin-bottom:10px}.import-complete-dialog-wrap .content-box .right .test{color:#000;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:18px;margin-bottom:20px}.import-complete-dialog-wrap .content-box .right .btn{cursor:pointer;border-radius:24px;border:1px solid #fd502a;background:#fd502a;width:100px;height:36px;flex-shrink:0;color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-align:center;line-height:36px}