.detail_main{padding-top:40px;background:#f8f8fa;margin-bottom:-60px;padding-bottom:20px}.dc_main{background:#222}.dc_main .d_crumbs a{color:#ccc}.dc_main .rec_title,.dc_main .manhua_ls li .t1 a{color:#fff}.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:#e9f8ff;border-radius:4px;font-size:12px;color:#00a5f1}.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 #ff314c;background:#fff;color:#ff314c;line-height:44px}.detail_info .fol_qrcode2 dl:nth-child(2) dt a{color:#ff314c;display:block}.detail_info .fol_qrcode2 dl:nth-child(2) dt:hover{background:#ff314c;color:#fff}.detail_info .fol_qrcode2 dl:nth-child(2) dt:hover a{color:#fff}.detail_info .fol_qrcode2 dl dt{width:220px;height:46px;line-height:46px;text-align:center;background:#ffa200;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:#fcca20;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:#ffa200}.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%;overflow:hidden;text-overflow:ellipsis;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:#ffa200}.chapter_box .c_tab .active{background:#fffbd9;color:#ffa200}.chapter_ls{display:flex;flex-wrap:wrap;margin-top:6px;margin-right:-17px}.chapter_ls li{width:268px;height:48px;box-sizing:border-box;margin:0 16px 16px 0;line-height:18px;padding:0 16px;border-radius:8px;border:1px solid #E7E7E7;cursor:pointer;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter_ls li .icon-guanbi1{position:absolute;right:14px;top:14px;color:#ff314c;font-size:14px}.chapter_ls li:hover{color:#ffa200;border-color:#ffa200}.chapter_ls li.last{width:552px;color:#ffa200;border-color:#ffa200;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:900px;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:#ffa200;border-radius:28px;font-size:14px;color:#fff;cursor:pointer}.chapter_first .c_t1 a i{margin-right:3px;vertical-align:-1px}.chapter_first .c_t1 a:hover{background:#fff8bf;color:#472802}.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;font-size:16px;line-height:42px;cursor:pointer;background:#fffbd9;color:#ffa200}.chapter_first .continue_read_bg a:hover{background:#fff8bf;color:#472802}.latest_chapter{position:absolute;font-size:14px;color:#333;line-height:20px;top:192px}.dc_qrcode{height:340px;background:#fffcef;text-align:center;padding-top:35px}.dc_qrcode .logo img{height:50px}.dc_qrcode .p1{font-size:16px;color:#ffa200;line-height:21px;letter-spacing:1px;margin-top:7px}.dc_qrcode .p2{font-size:20px;color:#000102;line-height:38px;letter-spacing:1px;margin-top:24px}.dc_qrcode .ewm{display:flex;justify-content:center;margin-top:12px}.dc_qrcode .ewm dl{margin:0 40px;text-align:center}.dc_qrcode .ewm dt{width:100px;height:100px;border-radius:6px;border:1px solid #FFE300;overflow:hidden}.dc_qrcode .ewm dt img{width:100%;height:100%}.dc_qrcode .ewm dd{margin-top:10px;font-size:14px;line-height:20px}.dc_imgs{text-align:center;position:relative}.dc_imgs img{width:800px}.dc_scroll{margin-top:16px;margin-right:-30px;padding-right:30px}.dc_scroll::-webkit-scrollbar{width:6px}.dc_scroll::-webkit-scrollbar-thumb{background:#c3ecff;border-radius:12px}.dc_scroll::-webkit-scrollbar-track{background:#f8f8fa;border-radius:12px}.detail_info_dc{background:#fff;border-radius:8px;padding:24px 40px 0}.detail_info_dc .title_bd{display:flex;justify-content:space-between}.detail_info_dc .title_bd .title{font-weight:700;font-size:24px;color:#000102;line-height:32px}.detail_info_dc .title_bd .fav_coll{font-size:12px;color:#999;line-height:19px;display:flex;align-items:center}.detail_info_dc .title_bd .hr{width:1px;height:14px;background:#eee;border-radius:1px;margin:0 16px}.detail_info_dc .title_bd b{font-weight:500;font-size:18px;margin-right:2px;color:#000102;margin-top:-2px}.mh_info{height:350px;margin:0 -40px;padding:24px 40px;background:#fffbd9;box-shadow:0 -13px 12px #0000001a;border-radius:0 0 8px 8px;display:flex;cursor:pointer;position:relative}.mh_info .cover{width:227px;height:302px;border-radius:8px;border:1px solid #EEEEEE;margin-right:30px;overflow:hidden}.mh_info .info{flex:1;width:0;padding-top:8px;position:relative}.mh_info .info .title{font-size:16px;color:#232323;line-height:30px}.mh_info .info .title b{font-size:20px}.mh_info .info .author{font-size:14px;color:#666;line-height:20px;margin-top:10px}.mh_info .info .tags{display:flex;margin-top:10px;height:26px}.mh_info .info .tags em{height:26px;line-height:26px;padding:0 6px;background:#e9f8ff;border-radius:4px;font-size:12px;color:#2cbcff}.mh_info .info .tags .f{margin-left:6px;border:1px solid #CCC;background:none;color:#666;line-height:24px}.mh_info .info .brief{margin-top:10px;font-size:13px;color:#666;line-height:20px;height:60px;overflow:hidden}.mh_info .info .q_c_bd{position:absolute;left:0;bottom:0}.mh_info .info .q_c_bd a{width:220px;height:46px;line-height:46px;text-align:center;background:#ffa200;border-radius:23px;font-size:18px;color:#fff;letter-spacing:1px;cursor:pointer}.mh_info .info .q_c_bd a .icon-saoma{font-size:20px;margin-right:4px}.relation_comic{line-height:21px;margin-top:12px}.relation_comic a{font-size:16px;color:#ffa200}.fix_rel_mh{position:fixed;bottom:-40px;left:50%;transform:translate(-50%);height:40px;background:#fff8bf;box-shadow:0 4px 10px #0000001a;border-radius:23px;font-size:16px;color:#666;line-height:40px;padding:0 120px;white-space:nowrap;display:flex;align-items:center;justify-content:center;transition:all .3s;opacity:0}.fix_rel_mh span{overflow:hidden;text-overflow:ellipsis;max-width:10em}.fix_rel_mh.show{bottom:40px;opacity:1}.fix_rel_mh:hover{color:#ffa200}.first_tag{position:absolute;right:0;top:0;width:84px;height:18px;line-height:18px;text-align:center;background:#418cff;border-radius:9px 8px 0 9px;font-size:12px;color:#fff}