@import "index.css?v=1.1.4";
body .nav.read {
/*    top: calc(-44 * var(--nav_ratio));*/
/*    transition: top 0.25s ease;*/
}
body .nav.read.dark_mode {
    background-color: #333333;
}
body .nav.read.dark_mode .nav_title {
    color: #FFFFFF;
}
body .nav.read .nav_right_button {
    background-image: url("../assets/images/nav_right_task.png");
    top: calc(2 * var(--nav_ratio));
    width: calc(42 * var(--nav_ratio));
    height: calc(42 * var(--nav_ratio));
}
body .tab.read {
    bottom: calc(-49 * var(--nav_ratio));
    transition: bottom 0.25s ease;
}
body .tab.read .tab_item .catalogue_icon {
    margin-top: calc(3.5 * var(--nav_ratio));
    background-image: url("../assets/icons/navigate_menu.png");
    background-size: cover;
    width: calc(27 * var(--nav_ratio));
    height: calc(27 * var(--nav_ratio));
}
body .tab.read .tab_item .set_icon {
    margin-top: calc(3.5 * var(--nav_ratio));
    background-image: url("../assets/icons/navigate_set.png");
    background-size: cover;
    width: calc(27 * var(--nav_ratio));
    height: calc(27 * var(--nav_ratio));
}
body .tab.read .tab_item .day_night_icon {
    margin-top: calc(3.5 * var(--nav_ratio));
    background-image: url("../assets/icons/navigate_night.png");
    background-size: cover;
    width: calc(27 * var(--nav_ratio));
    height: calc(27 * var(--nav_ratio));
}
body .tab.read.dark_mode {
    background-color: #333333;
}
body .tab.read.dark_mode .tab_item .catalogue_icon {
    background-image: url("../assets/icons/navigate_menu_day.png");
}
body .tab.read.dark_mode .tab_item .set_icon {
    background-image: url("../assets/icons/navigate_set_day.png");
}
body .tab.read.dark_mode .tab_item .day_night_icon {
    background-image: url("../assets/icons/navigate_day.png");
}
body .book_container {
    background-color: #FFFFFF;
    padding-top: calc(44 * var(--nav_ratio));
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-overflow-scrolling: touch;
}
body .book_container .chapter_content {
    margin: calc(12 * var(--vw_ratio)) calc(20 * var(--vw_ratio)) 0 calc(20 * var(--vw_ratio));
    height: auto;
    color: #000000;
    font-size: calc(13 * var(--vw_ratio));
    font-weight: 400;
    line-height: 2;
    white-space: pre-wrap;
    display: flex;
    flex-direction: column;
}
body .book_container .chapter_content span {
    margin-top: 0;
    margin-bottom: calc(39 * var(--vw_ratio));
    font-weight: 600;
}
body .book_container .chapter_content p {
    margin-top: 0;
    margin-bottom: calc(39 * var(--vw_ratio));
}
body .book_container .chapter_change {
    margin-top: calc(30 * var(--vw_ratio));
    margin-bottom: calc(30 * var(--vw_ratio));
    width: 100%;
    height: calc(38 * var(--vw_ratio));
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body .book_container .chapter_change .prev {
    margin-left: calc(16 * var(--vw_ratio));
    width: calc(120 * var(--vw_ratio));
    height: calc(36 * var(--vw_ratio));
    border-radius: calc(18 * var(--vw_ratio));
    border: #DBDBDB solid calc(1 * var(--vw_ratio));
    color: #333333;
    font-size: calc(14 * var(--vw_ratio));
    font-weight: 600;
    line-height: calc(36 * var(--vw_ratio));
    text-align: center;
}
body .book_container .chapter_change .next {
    margin-right: calc(16 * var(--vw_ratio));
    width: calc(120 * var(--vw_ratio));
    height: calc(36 * var(--vw_ratio));
    border-radius: calc(18 * var(--vw_ratio));
    border: #DBDBDB solid calc(1 * var(--vw_ratio));
    color: #333333;
    font-size: calc(14 * var(--vw_ratio));
    font-weight: 600;
    line-height: calc(36 * var(--vw_ratio));
    text-align: center;
}
body .book_container .chapter_change .prev.disable {
    border: #D9D9D9 solid calc(1 * var(--vw_ratio));
    color: #DBDBDB;
}
body .book_container .chapter_change .next.disable {
    border: #D9D9D9 solid calc(1 * var(--vw_ratio));
    color: #DBDBDB;
}
body .book_container .chapter_subscribe_container {
    background-color: #FFFFFF;
    position: relative;
    margin-top: calc(12 * var(--vw_ratio));
    width: calc(343 * var(--vw_ratio));
    height: auto;
    border-radius: calc(10 * var(--vw_ratio));
    border: #EEEEEE solid calc(1 * var(--vw_ratio));
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: bottom, height 0.25s ease;
    /*overflow-x: hidden;*/
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: height 0.25s ease;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_bar {
    margin-top: calc(20 * var(--vw_ratio));
    width: 100%;
    height: calc(51 * var(--vw_ratio));
    display: flex;
    align-items: center;
    overflow-x: scroll;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_bar .chapter_subscribe_bar_item {
    margin-left: calc(4 * var(--vw_ratio));
    width: calc(104 * var(--vw_ratio));
    height: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_bar .chapter_subscribe_bar_item .discount {
    background: linear-gradient(110.56deg, #D7362F 5.84%, #FF9217 100%);
    margin-bottom: calc(-11 * var(--vw_ratio));
    width: auto;
    height: calc(22 * var(--vw_ratio));
    padding: 0 10px;
    border-top-left-radius: calc(11 * var(--vw_ratio));
    border-top-right-radius: calc(11 * var(--vw_ratio));
    border-bottom-right-radius: calc(11 * var(--vw_ratio));
    color: #FFFFFF;
    font-size: calc(12 * var(--vw_ratio));
    font-weight: 500;
    line-height: calc(22 * var(--vw_ratio));
    text-align: center;
    box-sizing: border-box;
    word-break: break-word;
    z-index: 2;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_bar .chapter_subscribe_bar_item .pay_type {
    margin-right: calc(6 * var(--vw_ratio));
    width: calc(94 * var(--vw_ratio));
    height: calc(36 * var(--vw_ratio));
    border-radius: calc(18 * var(--vw_ratio));
    border: #DBDBDB solid calc(2 * var(--vw_ratio));
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_bar .chapter_subscribe_bar_item .pay_type img {
    width: calc(69 * var(--vw_ratio));
    height: calc(22 * var(--vw_ratio));
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_bar .chapter_subscribe_bar_item:first-child {
    margin-left: calc(10 * var(--vw_ratio));
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_bar .chapter_subscribe_bar_item.selected .pay_type {
    background-color: #D7362F1A;
    border: var(--theme_color) solid calc(2 * var(--vw_ratio));
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content {
    margin-top: calc(23 * var(--vw_ratio));
    width: 100%;
    height: auto;
    display: flex;
    transition: height 0.25s ease;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item .pay_item {
    background-image: url("../assets/images/subscribe_item2.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: calc(323/78);
    position: relative;
    margin-bottom: calc(14 * var(--vw_ratio));
    width: 100%;
    height: calc(78 * var(--vw_ratio));
    display: flex;
    align-items: center;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item .pay_item .discount {
    background: linear-gradient(95.42deg, #FF1E90 8.51%, #DE46A4 54.66%, #AD68DE 92.1%);
    position: absolute;
    left: calc(10 * var(--vw_ratio));
    top: calc(-5 * var(--vw_ratio));
    width: auto;
    height: calc(26 * var(--vw_ratio));
    padding-left: calc(12 * var(--vw_ratio));
    padding-right: calc(13 * var(--vw_ratio));
    border-top-left-radius: calc(8 * var(--vw_ratio));
    border-bottom-right-radius: calc(8 * var(--vw_ratio));
    color: #FFFFFF;
    font-size: calc(12 * var(--vw_ratio));
    font-weight: 500;
    line-height: calc(26 * var(--vw_ratio));
    text-align: center;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item .pay_item .title {
    margin-left: calc(18 * var(--vw_ratio));
    width: calc(68 * var(--vw_ratio));
    height: auto;
    color: #333333;
    font-size: calc(15 * var(--vw_ratio));
    font-weight: 500;
    line-height: calc(18 * var(--vw_ratio));
    white-space: pre-line;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item .pay_item .price {
    margin-left: calc(8 * var(--vw_ratio));
    width: calc(128 * var(--vw_ratio));
    height: auto;
    color: #333333;
    font-size: calc(16 * var(--vw_ratio));
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item .pay_item .price span {
    font-size: calc(26 * var(--vw_ratio));
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item .pay_item .pay {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFC7C4 100%);
    margin-left: calc(8 * var(--vw_ratio));
    width: calc(93 * var(--vw_ratio));
    height: calc(32 * var(--vw_ratio));
    border-radius: calc(16 * var(--vw_ratio));
    box-shadow: 0 calc(2 * var(--vw_ratio)) calc(6 * var(--vw_ratio)) calc(-1 * var(--vw_ratio)) #D7362F;
    color: var(--theme_color);
    font-size: calc(15 * var(--vw_ratio));
    font-weight: 600;
    line-height: calc(32 * var(--vw_ratio));
    text-align: center;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item .pay_item .hand {
    background-image: url("../assets/images/subscribe_hand.gif");
    background-size: cover;
    position: absolute;
    right: 0;
    top: calc(30 * var(--vw_ratio));
    width: calc(83 * var(--vw_ratio));
    height: calc(80 * var(--vw_ratio));
    z-index: 1;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item .pay_item.selected {
    background-image: url("../assets/images/subscribe_item1.png");
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item .pay_item.selected .title {
    color: var(--theme_color);
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item .pay_item.selected .pay {
    background: linear-gradient(180deg, #FDF7FA 0%, #FFC2D3 100%);
    box-shadow: 0 calc(2 * var(--vw_ratio)) calc(6 * var(--vw_ratio)) calc(-1 * var(--vw_ratio)) #EC27559C;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_title {
    margin-top: calc(16 * var(--vw_ratio));
    width: 100%;
    height: calc(18 * var(--vw_ratio));
    display: flex;
    justify-content: center;
    align-items: center;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_title .left_line {
    background: linear-gradient(90deg, rgba(215, 54, 47, 0) 0%, rgba(215, 54, 47, 0.5) 100%);
    width: calc(28 * var(--vw_ratio));
    height: calc(1 * var(--vw_ratio));
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_title span {
    margin-left: calc(10 * var(--vw_ratio));
    margin-right: calc(10 * var(--vw_ratio));
    width: auto;
    height: 100%;
    color: var(--theme_color);
    font-size: calc(15 * var(--vw_ratio));
    font-weight: 600;
    line-height: calc(18 * var(--vw_ratio));
    text-align: center;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_title .right_line {
    background: linear-gradient(90deg, rgba(215, 54, 47, 0.5) 0%, rgba(215, 54, 47, 0) 100%);
    width: calc(28 * var(--vw_ratio));
    height: calc(1 * var(--vw_ratio));
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_info {
    margin-top: calc(20 * var(--vw_ratio));
    margin-bottom: calc(20 * var(--vw_ratio));
    width: 100%;
    height: calc(60 * var(--vw_ratio));
    display: flex;
    align-items: center;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_info .chapter_subscribe_info_item {
    width: calc(343/3 * var(--vw_ratio));
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_info .chapter_subscribe_info_item img {
    width: calc(24 * var(--vw_ratio));
    height: calc(24 * var(--vw_ratio));
}
body .book_container .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_info .chapter_subscribe_info_item span {
    margin-top: calc(12 * var(--vw_ratio));
    width: 100%;
    color: #666666;
    font-size: calc(10 * var(--vw_ratio));
    font-weight: 500;
    line-height: calc(12 * var(--vw_ratio));
    text-align: center;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
body .book_container.dark_mode {
    background-color: #000000;
}
body .book_container.dark_mode .chapter_content {
    color: #FFFFFF;
}
body .book_container.dark_mode .chapter_change .prev {
    border: #666666 solid calc(1 * var(--vw_ratio));
    color: #F5F5F5;
}
body .book_container.dark_mode .chapter_change .next {
    border: #666666 solid calc(1 * var(--vw_ratio));
    color: #F5F5F5;
}
body .book_container.dark_mode .chapter_change .prev.disable {
    border: #444444 solid calc(1 * var(--vw_ratio));
    color: #444444;
}
body .book_container.dark_mode .chapter_change .next.disable {
    border: #444444 solid calc(1 * var(--vw_ratio));
    color: #444444;
}
body .book_container.dark_mode .chapter_subscribe_container {
    background-color: #000000;
    border: #444444 solid calc(1 * var(--vw_ratio));
}
body .book_container.dark_mode .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item .pay_item {
    background-image: url("../assets/images/subscribe_item3.png");
}
body .book_container.dark_mode .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_content .chapter_subscribe_content_item .pay_item.selected {
    background-image: url("../assets/images/subscribe_item1.png");
}
body .book_container.dark_mode .chapter_subscribe_container .chapter_subscribe_pay .chapter_subscribe_info .chapter_subscribe_info_item span {
    color: #FFFFFF;
}
body .book_set_pop {
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 0;
    z-index: 999;
    touch-action: none;
}
body .book_set_pop .book_set_container {
    background-color: #FFFFFF;
    position: absolute;
    bottom: calc(-242 * var(--vw_ratio));
    width: 100%;
    height: calc(242 * var(--vw_ratio));
    display: flex;
    justify-content: center;
    transition: bottom 0.25s ease;
    box-shadow: calc(5 * var(--vw_ratio)) calc(-3 * var(--vw_ratio)) calc(4 * var(--vw_ratio)) 0 rgba(0, 0, 0, 0.1);
}
body .book_set_pop .book_set_container .book_set_content {
    background-color: #FAFAFA;
    margin-top: calc(25 * var(--vw_ratio));
    width: calc(343 * var(--vw_ratio));
    height: calc(197 * var(--vw_ratio));
    border-radius: calc(10 * var(--vw_ratio));
    display: flex;
    flex-direction: column;
    align-items: center;
}
body .book_set_pop .book_set_container .book_set_content .set_font_size_bg {
    margin-top: calc(24 * var(--vw_ratio));
    height: calc(35 * var(--vw_ratio));
    display: flex;
    align-items: center;
}
body .book_set_pop .book_set_container .book_set_content .set_font_size_bg .set_font_size_btn {
    width: calc(44 * var(--vw_ratio));
    color: #333333;
    font-size: calc(14 * var(--vw_ratio));
    font-weight: 400;
    text-align: center;
}
body .book_set_pop .book_set_container .book_set_content .set_font_size_bg .set_font_size_progress {
    background-color: #FFFFFF;
    width: calc(255 * var(--vw_ratio));
    border-radius: calc(17.5 * var(--vw_ratio));
    display: flex;
    align-items: center;
}
body .book_set_pop .book_set_container .book_set_content .set_font_size_bg .set_font_size_progress .set_font_size_cursor {
    background-color: #DBDBDB;
    margin-left: calc(110 * var(--vw_ratio));
    width: calc(35 * var(--vw_ratio));
    height: calc(35 * var(--vw_ratio));
    border-radius: calc(17.5 * var(--vw_ratio));
    color: #FFFFFF;
    font-size: calc(18 * var(--vw_ratio));
    font-weight: 400;
    line-height: calc(35 * var(--vw_ratio));
    text-align: center;
    transition: margin-left 0.25s ease;
}
body .book_set_pop .book_set_container .book_set_content .set_color_bg {
    margin-top: calc(28 * var(--vw_ratio));
    width: calc(306 * var(--vw_ratio));
    height: calc(38 * var(--vw_ratio));
    display: flex;
    align-items: center;
}
body .book_set_pop .book_set_container .book_set_content .set_color_bg .set_color_item {
    background-color: #FFFFFF;
    margin-left: calc(33 * var(--vw_ratio));
    width: calc(34 * var(--vw_ratio));
    height: calc(34 * var(--vw_ratio));
    border-radius: calc(17 * var(--vw_ratio));
}
body .book_set_pop .book_set_container .book_set_content .set_color_bg .set_color_item.selected {
    border: calc(2 * var(--vw_ratio)) solid var(--theme_color);
}
body .book_set_pop .book_set_container .book_set_content .set_color_bg .set_color_item:first-child {
    margin-left: calc(2 * var(--vw_ratio));
}
body .book_set_pop .book_set_container .book_set_content .set_font_bg {
    margin-top: calc(23 * var(--vw_ratio));
    width: calc(289 * var(--vw_ratio));
    height: calc(30 * var(--vw_ratio));
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body .book_set_pop .book_set_container .book_set_content .set_font_bg .set_font_item {
    height: 100%;
    color: #666666;
    font-size: calc(12 * var(--vw_ratio));
    font-weight: 400;
    line-height: calc(30 * var(--vw_ratio));
    text-align: center;
}
body .book_set_pop .book_set_container .book_set_content .set_font_bg .set_font_item.selected {
    border-bottom: calc(2 * var(--vw_ratio)) solid var(--theme_color);
}
body .book_set_pop.dark_mode .book_set_container {
    background-color: #333333;
}
body .book_set_pop.dark_mode .book_set_container .book_set_content {
    background-color: #2A2C33;
}
body .book_set_pop.dark_mode .book_set_container .book_set_content .set_font_size_bg .set_font_size_btn {
    color: #FFFFFF;
}
body .book_set_pop.dark_mode .book_set_container .book_set_content .set_font_size_bg .set_font_size_progress {
    background-color: #DBDBDB;
}
body .book_set_pop.dark_mode .book_set_container .book_set_content .set_font_size_bg .set_font_size_progress .set_font_size_cursor {
    background-color: #FFFFFF;
    color: #666666;
}
body .book_set_pop.dark_mode .book_set_container .book_set_content .set_font_bg .set_font_item {
    color: #999999;
}
body .book_task_retain_pop {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 0;
    display: flex;
    align-items: center;
    z-index: 999;
    touch-action: none;
}
body .book_task_retain_pop .book_task_retain_container {
    margin-left: calc(37 * var(--vw_ratio));
    width: calc(317 * var(--vw_ratio));
    height: calc(365 * var(--vw_ratio));
    transform: scale(0);
    transition: transform 0.25s ease;
}
body .book_task_retain_pop .book_task_retain_container img {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(16 * var(--vw_ratio));
    height: calc(16 * var(--vw_ratio));
}
body .book_task_retain_pop .book_task_retain_container .book_task_retain_content {
    background-image: url("../assets/images/book_task_retain_bg.png");
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(301 * var(--vw_ratio));
    height: calc(359 * var(--vw_ratio));
    display: flex;
    flex-direction: column;
    align-items: center;
}
body .book_task_retain_pop .book_task_retain_container .book_task_retain_content .book_task_retain_text {
    margin-top: calc(207 * var(--vw_ratio));
    color: #333333;
    font-size: calc(18 * var(--vw_ratio));
    font-weight: 700;
    line-height: calc(25 * var(--vw_ratio));
    text-align: center;
}
body .book_task_retain_pop .book_task_retain_container .book_task_retain_content .book_task_retain_text span {
    color: var(--theme_color);
    font-size: calc(20 * var(--vw_ratio));
    white-space: pre-wrap;
}
body .book_task_retain_pop .book_task_retain_container .book_task_retain_content .book_task_retain_btn {
    background-color: var(--theme_color);
    margin-top: calc(25 * var(--vw_ratio));
    width: calc(208 * var(--vw_ratio));
    height: calc(36 * var(--vw_ratio));
    border-radius: calc(18 * var(--vw_ratio));
    color: #FFFFFF;
    font-size: calc(16 * var(--vw_ratio));
    font-weight: 400;
    line-height: calc(36 * var(--vw_ratio));
    text-align: center;
}