.detail_main{padding-top:40px;background:#f8f8fa;margin-bottom:-60px;padding-bottom:20px}.detail_info{background:#fff;border-radius:8px;padding:30px 30px 30px 40px;display:flex}.detail_info .cover{width:246px;height:328px;border-radius:8px;border:1px solid #EEE;margin-right:30px;overflow:hidden}.detail_info .info{flex:1;width:0;padding-top:8px;position:relative}.detail_info .info .title{font-weight:700;font-size:28px;line-height:38px}.detail_info .info .author{font-size:14px;color:#666;line-height:20px;margin-top:10px}.detail_info .info .tags{display:flex;margin-top:10px;height:26px}.detail_info .info .tags em{height:26px;line-height:26px;padding:0 6px;background:#fff2e8;border-radius:4px;font-size:12px;color:#ff6f00}.detail_info .info .tags .f{margin-left:6px;border:1px solid #CCC;background:#fff;color:#666;line-height:24px}.detail_info .info .fav_coll{display:flex;font-size:12px;color:#999;line-height:19px;margin-top:57px;align-items:center}.detail_info .info .fav_coll b{font-weight:500;font-size:18px;margin-right:2px;color:#000102;margin-top:-2px}.detail_info .info .fav_coll .hr{width:1px;height:14px;background:#eee;border-radius:1px;margin:0 16px}.detail_info .info .fav_coll.fav_coll_comic{position:absolute;margin:0;top:18px;right:30px}.detail_info .info .brief{margin-top:10px;font-size:13px;color:#666;line-height:20px;height:60px;overflow:hidden}.detail_info .info .brief.brief_comic{height:40px}.detail_info .info .time{margin-top:15px;line-height:20px;font-size:14px;color:#666}.detail_info .info .time span{font-size:12px;margin-left:12px}.detail_info .fol_qrcode2{display:flex;margin-top:99px}.detail_info .fol_qrcode2 dl{margin-right:12px;position:relative}.detail_info .fol_qrcode2 dl:nth-child(2) dt{border:1px solid #2CBCFF;background:#fff;color:#2cbcff;line-height:44px}.detail_info .fol_qrcode2 dl:nth-child(2) dt a{color:#2cbcff;display:block}.detail_info .fol_qrcode2 dl dt{width:220px;height:46px;line-height:46px;text-align:center;background:#2cbcff;border-radius:23px;font-size:18px;color:#fff;letter-spacing:1px;cursor:pointer}.detail_info .fol_qrcode2 dl dt i{font-size:20px;margin-right:4px}.detail_info .fol_qrcode2 dl dt:hover{background:#00a5f1;color:#fff}.detail_info .fol_qrcode2 dl dt:hover a{color:#fff}.detail_info .comic_qrcode2{margin-top:65px;border-top:1px solid #EEE;padding-top:10px;display:flex;align-items:center}.detail_info .comic_qrcode2 p{font-size:16px;color:#000102;line-height:26px}.detail_info .comic_qrcode2 p b{color:#00a5f1}.detail_info .comic_qrcode2>img{width:100px;height:100px;border-radius:6px;margin-left:48px}.q_c_bd{position:relative}.q_c_bd a{display:block;flex:1;height:100%;line-height:46px}.q_c_bd .q_c_dp{position:absolute;width:207px;height:208px;background:#fff;box-shadow:0 4px 12px #0000000d;border:1px solid #F3F3F4;border-radius:8px;text-align:center;bottom:60px;left:7px;padding-top:10px;visibility:hidden;opacity:0;transition:all .3s;transform:scale(.5);transform-origin:left bottom;z-index:9}.q_c_bd .q_c_dp img{width:160px}.q_c_bd .q_c_dp p{margin-top:7px;color:#ff314c;line-height:19px;letter-spacing:1px}.q_c_bd .q_c_dp:before{content:"";position:absolute;width:10px;height:10px;background:#fff;transform:rotate(45deg);left:42px;bottom:-6px;border-bottom:1px solid #F3F3F4;border-right:1px solid #F3F3F4}.q_c_bd .q_c_dp:after{content:"";position:absolute;width:100%;height:15px;left:0;bottom:-16px}.q_c_bd:hover .q_c_dp{visibility:visible;opacity:1;transform:scale(1)}.q_c_bd .login_btn{position:absolute;width:160px;height:160px;background:#00000080;border-radius:12px;backdrop-filter:blur(5px);left:24px;top:10px;display:flex;align-items:center;justify-content:center}.q_c_bd .login_btn button{width:120px;height:40px;background:#fce020;border-radius:20px;border:none;font-size:16px;color:#000102;letter-spacing:1px;cursor:pointer}.q_c_bd .login_btn button:hover{background:#fcb920}.rec_title{font-weight:700;font-size:28px;color:#000102;line-height:38px;margin-bottom:24px;margin-top:48px}.d_crumbs{margin-bottom:12px;margin-top:-10px}.d_crumbs a{color:#333}.d_crumbs a:hover{color:#2cbcff}.d_crumbs .icon-right,.d_crumbs .cur{color:#666}.chapter_box{background:#fff;border-radius:8px;margin-top:24px;padding:24px 40px}.chapter_box .c_t1{font-size:14px;color:#666;line-height:28px}.chapter_box .c_t1 b{font-weight:700;font-size:20px;color:#000102;margin-right:12px}.chapter_box .c_t1 .time{font-size:12px;margin-left:6px}.chapter_box .c_tab{display:flex;flex-wrap:wrap;margin-top:16px}.chapter_box .c_tab a{padding:0 24px;height:36px;line-height:36px;background:#f8f8fa;border-radius:23px;margin-right:8px;color:#666;cursor:pointer;margin-bottom:10px}.chapter_box .c_tab a:hover{color:#2cbcff}.chapter_box .c_tab .active{background:#e9f8ff;color:#2cbcff}.chapter_ls{display:flex;flex-wrap:wrap;margin-top:6px;margin-right:-17px}.chapter_ls li{width:268px;height:48px;margin:0 16px 16px 0;line-height:18px;padding:0 30px 0 15px;border-radius:8px;border:1px solid #E7E7E7;cursor:pointer;display:flex;align-items:center}.chapter_ls li .icon-guanbi1{position:absolute;right:14px;top:14px;color:#ff314c;font-size:14px}.chapter_ls li:hover{color:#2cbcff;border-color:#2cbcff}.chapter_ls li.last{width:552px;color:#2cbcff;border-color:#2cbcff;font-weight:700;margin-right:310px;justify-content:center}.chapter_ls li.last.q_c_bd .q_c_dp{left:166px}.chapter_first{background:#fff;border-radius:8px;margin-top:40px;padding:24px 40px;position:relative;height:1000px;overflow:hidden}.chapter_first .c_t1{font-size:14px;color:#666;line-height:28px}.chapter_first .c_t1 b{font-weight:700;font-size:20px;color:#000102;margin-right:12px}.chapter_first .c_t1 a{float:right;width:80px;height:32px;line-height:32px;text-align:center;background:#2cbcff;border-radius:28px;font-size:14px;color:#fff;cursor:pointer}.chapter_first .c_t1 a i{margin-right:3px}.chapter_first .content{font-size:16px;color:#333;line-height:32px;letter-spacing:1px;margin-top:24px;min-height:500px}.chapter_first .content p{margin-bottom:24px}.chapter_first .continue_read_bg{position:absolute;left:0;right:0;bottom:0;height:144px;background:linear-gradient(180deg,#fff0,#fff 20% 100%);border-radius:0 0 14px 14px;text-align:center;padding-top:76px}.chapter_first .continue_read_bg a{display:inline-block;width:200px;height:44px;text-align:center;border-radius:22px;border:1px solid #e9f8ff;font-size:16px;line-height:42px;cursor:pointer;background:#e9f8ff;color:#2cbcff}.chapter_first .continue_read_bg a:hover{background:#2cbcff;color:#fff;border-color:#2cbcff}.latest_chapter{position:absolute;font-size:14px;color:#333;line-height:20px;top:192px}.read_limit_modal[data-astro-cid-wmk6e5lf]{.win{width:480px;text-align:center;padding:48px 0 0}.title{font-weight:700;font-size:22px;color:#000102;line-height:30px}.stitle{font-size:16px;color:#666;line-height:22px;margin-top:16px;margin-bottom:24px}.btn{width:300px;height:52px;border-radius:26px;border:1px solid #FF4C11;background:#fff;margin-top:24px;font-weight:700;font-size:16px;color:#ff4c11;letter-spacing:1px;cursor:pointer;&.primary{background:linear-gradient(115deg,#ff5400,#ff4c11);border:none;color:#fff}&:hover{background:#ff5400;color:#fff}}.cur_ttb{height:56px;background:#f3f3f4;border-radius:0 0 14px 14px;margin-top:48px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;b{font-size:18px;color:#666;margin-left:4px}a{color:#ff4c11;margin-left:24px;i{margin-left:2px;font-size:15px}}}.ttb_icon{width:20px}}.recharge_modal{.win{width:700px;border-radius:14px;background:url(//static.tuntunman.com/pc/img/alert/recharge/recharge_modal_top.png) #fff no-repeat center top;background-size:100% 200px}.u_info{display:flex;padding:16px 24px;>img{width:40px;height:40px;border:1px solid #EEEEEE;border-radius:50%;margin-right:8px}dt{font-size:14px;color:#000102;line-height:20px;label{margin-left:4px;font-size:12px;color:#666}}dd{display:flex;margin-top:4px}.expire{height:18px;background:linear-gradient(270deg,#c3ecff33,#c3ecff);border-radius:9px;display:flex;align-items:center;padding:0 8px 0 1px;font-size:12px;color:#666;img{width:16px;margin-right:2px}&.ttb{background:linear-gradient(270deg,#ffeac333,#ffeac3);margin-left:12px;.ttb_count{color:#000102;margin-left:4px}}}}.bottom{height:444px;background:#fff;box-shadow:0 -4px 12px #0000000d;border-radius:14px;border:1px solid #FFFFFF}.rcharge_desc{display:flex;justify-content:center;align-items:center;font-size:12px;color:#999;a{width:106px;height:24px;line-height:24px;text-align:center;background:#2cbcff;border-radius:12px;margin-left:8px;font-size:12px;color:#fff;cursor:pointer;i{font-size:12px;margin-right:3px}&:hover{background:#00a5f1}&.a2{background:#ff6f00;&:hover{background:#e65c00}}}}.pay_qc_box{width:652px;height:220px;background:#f8f8fa;border-radius:14px;margin:16px auto 0;display:flex;.price{width:252px;padding:64px 0 0 40px;.t1{font-size:14px;color:#333;line-height:30px;.s1{font-size:16px;color:#ff4c11;margin-left:8px;b{font-size:30px;color:#ff4c11;margin-left:2px}}}.t2{font-size:12px;color:#999;line-height:16px;margin-top:30px}}dl{padding-top:24px;text-align:center}dt{width:140px;height:140px;background:#fff;border-radius:5px;border:1px solid #4BB316;padding:9px;img{width:100%;height:100%}}dd{font-size:15px;color:#333;margin-top:10px;i{color:#08c060;font-size:20px;margin-right:2px;vertical-align:-1px}}.alipay{margin-left:80px;dd i{color:#1676ff}}}.package_bd{padding:16px 0;margin:0 24px;overflow:hidden;ul{display:flex;width:max-content;transition:all .3s;li{width:140px;height:130px;border-radius:8px;border:2px solid #EEEEEE;position:relative;text-align:center;padding-top:40px;margin-right:12px;cursor:pointer;.tag{position:absolute;height:18px;line-height:18px;background:linear-gradient(122deg,#ff9728,#ff4c11);border-radius:0 8px;font-size:11px;color:#fff;padding:0 4px;top:-2px;right:-2px}.ttb{font-size:14px;color:#e39d14;line-height:20px;b{font-size:20px}img{width:20px;margin-right:4px;vertical-align:-4px}}.price{font-size:14px;color:#666;line-height:20px;margin-top:13px}del{display:block;font-size:12px;color:#ccc;line-height:18px}&:hover{border-color:#ff4c11}&.active{border-color:#ff4c11;box-shadow:0 4px 12px #ff4c1133}}&.next_page{transform:translate(calc(-100% + 660px))}}&.package_bd2{ul{li{height:146px;padding-top:20px;.m{font-weight:700;font-size:14px;color:#333;line-height:20px}.price2{font-size:16px;color:#ff4c11;line-height:30px;margin-top:16px;b{font-size:30px;margin-left:2px}del{font-size:12px;color:#ccc;margin-left:2px;display:inline}}.give{position:absolute;bottom:4px;left:4px;right:4px;height:30px;background:#f3f3f4;border-radius:6px;display:flex;justify-content:center;align-items:center;font-size:12px;color:#666;img{height:22px;margin-right:4px}}}}}}.package_btn{position:relative;a{position:absolute;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background:#0000004d;backdrop-filter:blur(5px);cursor:pointer;color:#fff;top:-100px;i{font-size:20px}}.prev{left:9px;transform:rotate(180deg);display:none}.next{right:9px}&.next{.prev{display:block}.next{display:none}}}}
