* { margin: 0; padding: 0; /* box-sizing: border-box; */ } input{ border: 0; outline:0; } body { background: #f0f2f4; color: #222; font-size: 14px; } .swal2-styled.swal2-cancel{ font-size: 16px !important; margin-right: 30px !important; } .swal2-styled.swal2-confirm{ font-size: 16px !important; } .swal2-styled{ padding: 0.45em 1.2em !important; } .swal2-title{ font-size: 1.4em !important; } .ellipsis { display: -webkit-box; /* 必须结合 -webkit-line-clamp 使用 */ -webkit-box-orient: vertical; /* 设置盒子垂直排列子元素 */ -webkit-line-clamp: 2; /* 显示两行 */ overflow: hidden; /* 超出内容隐藏 */ text-overflow: ellipsis; /* 设置省略号 */ } /* 隐藏横向滚动条 */ /* ::-webkit-scrollbar { width: 0; height: 0; display: none; color: transparent; } */ /*小说css*/ .novel-list{ } .list-header{ height: 1.46rem; } .block_img { height: auto; border: 0px; overflow: hidden; /* padding-top: 10px; */ /* padding-bottom: 10px; */ float: left; margin-right: 5px; } .block_img img{ border-radius: 10px; } .novel-list .block_img img{ width:1.0rem; height:1.32rem; } .novel-list .block_img{ position: relative; } .block_txt { border: 0px; /* height: 78px; */ overflow: hidden; line-height: 20px; /* padding-top: 8px; */ } .block_txt h2 , .block_txt h3{ font-size: 0.26rem; margin-bottom: 0px; display: -webkit-box; /* 必须结合 -webkit-line-clamp 使用 */ -webkit-box-orient: vertical; /* 设置盒子垂直排列子元素 */ -webkit-line-clamp: 1; /* 显示两行 */ overflow: hidden; /* 超出内容隐藏 */ text-overflow: ellipsis; /* 设置省略号 */ } .block_txt p{ margin-bottom: 0px; } .block_txt .xiaoshuo_maioshu{ } .block_txt .xiaoshuo_maioshu a{ /* display: inline-block; */ font-size: 0.2rem; /* height: 40px; */ overflow: hidden; color:#898989; line-height: 0.26rem; } .block_txt .xiaoshuo_info{ font-size: 0.2rem; color:#3b3939; } .mei_ri_gen_xin_list{ } .mei_ri_gen_xin_list .list-header{ display: block; height: 0.66rem; border-bottom: 1px solid #cccccc; margin-bottom:5px; } .mei_ri_gen_xin_list .block_txt{ height: auto; } .mei_ri_gen_xin_list .xiaoshuo_info{ display: flex; justify-content: space-between; flex-wrap: wrap; } body .bg-top-pink-minheight{ height: 0.75rem!important; } .novel-list .icon-status{ position: absolute; top: .05rem; font-size: .24rem; color: #fff; border-radius: .08rem; padding: 0 .08rem; left: .05rem; background-color: #0ba360; } .detail-info{ } .detail-title-xiangqing h2{ font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: .25rem; line-height: .28rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; color: #191919; } .info-btn { margin-top:0.5rem; display: flex; justify-content: space-around; flex-flow: row wrap; align-content: flex-start; } .info-btn .jiarushujia{ width: 30%; display: inline-block; text-align: center; box-shadow: 0 0 .2rem #999; border-radius: .2rem; overflow: hidden; background-color: #fff; padding: .12rem 0; color: #000; } .novel-reader-title{ text-align: center; line-height: 0.6rem; font-size: 0.32rem; } .novel-new-zj{ color:#007bff; } .paihang-bang h2{ font-size: 0.23rem; } .paihang-bang .xiaoshuo_info{ font-size: 0.19rem; margin-bottom: 0px; display: -webkit-box; /* 必须结合 -webkit-line-clamp 使用 */ -webkit-box-orient: vertical; /* 设置盒子垂直排列子元素 */ -webkit-line-clamp: 1; /* 显示两行 */ overflow: hidden; /* 超出内容隐藏 */ text-overflow: ellipsis; /* 设置省略号 */ font-family: "PingFang SC"; font-style: normal; font-weight: 400; } .paihang-bang .sort-index{ float: left; margin-right: 0.1rem; } .custom-box { width: 0.26rem; height: 0.26rem; text-align: center; line-height: 0.16rem; font-family: "Yuewen Font"; font-style: normal; font-weight: 400; font-size: 0.2rem; line-height: 0.25rem; margin-bottom: 0.2rem; margin-top:0.06rem; background: linear-gradient(180deg, #fc3c48 -3.91%, #ffaeb4 96.09%); border-radius: 0.05rem 0; color: #fff; } .tuijian-web h1{ font-size: 0.3rem; } #firendlink { border: 1px solid #DDD; line-height: 22px; width: 100%; margin: 10px auto; padding: 9px 0 9px 9px; } #firendlink a { color: #548161; display: inline-block; margin: 0 9px 0 0; } .footer_cont{ margin: auto; } .footer_cont p { text-align: center; color: #B2B2B2; line-height: 20px; width: 100%; } .site-description { font-size: 0.25rem; padding: 0.1rem 0.1rem; line-height: 0.4rem; background: #ffffff; margin-bottom: 0.2rem; text-align: left; } /* 面包屑容器 -----------------------------start */ /* 面包屑容器 */ .breadcrumb { font-family: Arial, sans-serif; padding: 10px 15px; background-color: #f8f9fa; border-radius: 5px; margin: 10px 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } /* 有序列表样式 */ .breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; } /* 面包屑项 */ .breadcrumb-item { font-size: 14px; color: #666; } /* 链接样式 */ .breadcrumb-item a { text-decoration: none; color: #007bff; transition: color 0.3s ease; } .breadcrumb-item a:hover { color: #0056b3; text-decoration: underline; } /* 分隔符 */ .breadcrumb-item + .breadcrumb-item::before { content: ">"; margin: 0 8px; color: #999; font-weight: bold; } /* 当前页面样式 */ .breadcrumb-item.active { color: #333; font-weight: bold; } /* 响应式调整 */ @media (max-width: 768px) { .breadcrumb { padding: 8px 10px; } .breadcrumb-item { font-size: 12px; } .breadcrumb-item + .breadcrumb-item::before { margin: 0 5px; } } /* 面包屑容器 -----------------------------end */ .page_num{text-align: center;font-size: 14px;box-sizing: border-box;padding: 10px;width: 330px;margin: 0 auto;display: flex;} .page_num select{padding: 0 10px;height: 34px;line-height: 35px;box-sizing: border-box;border: 1px solid #7d9465;background: #fff;border-radius: 5px;margin: 0 10px;width: 140px;cursor: pointer;} .page_num a{height:34px;line-height: 35px;padding: 0 15px;display: block;margin: 0;box-sizing: border-box;background: #dcebcd; color: #004d00;border-radius:5px;transition: all 0.3s;} .page_num a:hover{background: #004d00;color:#fff}