html{font-size: 16px;}
a {color:#666;text-decoration:none;}
.media {border-bottom:1px solid #ddd;margin:5px 0 5px 0;padding:5px 0 5px 0;}
.book-title {font-size:14px;}
.media-heading {font-size:14px !important;}
ul, ol {margin:0;padding:0;}
li {list-style:none;}
td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ml-1{margin-left:0.2rem !important;}
.ml-2{margin-left:0.5rem !important;}
.ml-3{margin-left:1rem !important;}
.ml-4{margin-left:1.5rem !important;}

.mr-1{margin-right:0.2rem !important;}
.mr-2{margin-right:0.5rem !important;}
.mr-3{margin-right:1rem !important;}
.mr-4{margin-right:1.5rem !important;}

.navbar .navbar-brand:focus, .navbar .navbar-brand:hover {color:white;}
.frm-search {width:78% !important;}
.btn-outline-light {width:20% !important;box-shadow:none;padding:0.3rem;}

.yqlink a {padding:0 0.2rem;line-height:1.5rem;}
.thub {position:absolute;left:0;bottom:0;width:100%;height:24px;line-height:24px;font-size:14px;background:#000;text-indent:.5em;color:#fff;opacity:.7;filter:alpha(opacity=70);cursor:pointer;}
.footer {padding-top:40px;padding-bottom:40px;margin-top:40px;border-top:1px solid #eee;}
.footer p {margin-bottom:0.5rem;}

/* 更新卡片样式以匹配原主题色 */
.card {background-color:#f8f9fa;border:1px solid #dee2e6;}
.card-header.bg-primary {background-color:#1ABC9C !important;border-color:#1ABC9C;}
.card-header {background-color:#1ABC9C;color:white;border:none;}
.list-group-ext {padding:0;margin-bottom:0;background-color:transparent;border:none;}
.list-group-ext li {border-left:none;border-radius:0;padding:5px 10px;background-color:transparent;color:#1ABC9C;border-right:none;border-bottom:1px solid #ddd;}
.list-group-ext li:first-child {border-radius:0;border-top:none;}
.list-group-ext li:last-child {border-bottom:none;}

.panel-heading-typename a {font-size:14px;font-weight:bold;color:#16A085;background-color:#1ABC9C;}

.badge {background-color:#95A5A6;font-weight:normal;}
.badge-like {background:none;color:red;font-weight:bold;}

.jumbotron-index {padding:10px !important;background-color:#ECF0F1;}

/* 导航栏样式 */
.navbar-dark.bg-primary {background-color:#1ABC9C !important;border:none;}

.panel-default {background-color:#ECF0F1;border:none;padding-bottom:0;}
.panel-default > .panel-heading {background-color:#1ABC9C;color:white;border:none;}
.navbar-default {background-color:#1ABC9C;border:none;}

.navbar .navbar-nav > li > a {color:white;}
.navbar .navbar-nav > li > a:hover {color:#F39C12;}
.navbar .navbar-nav > .active > a {background-color:white;color:#F39C12;}
.navbar .active {background-color:white;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color:#F39C12;}
.navbar .navbar-brand {color:white;font-weight:bold}

.panel-recommand {padding-top:5px;}

.col-sm-index {padding:0 5px 5px 5px;min-height:140px;}
.thumbnail {border:none;margin-bottom:0}

.card-body {padding:5px;}
.global-ad {border:none;max-height:80px;width:99%;}
.index-chapter {font-size:12px;}
.px12 {font-size:12px;}
.px13 {font-size:13px;}
.list-group-item {position:relative;display:block;padding:10px 10px 0 10px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd;}
.book_author, .book_update {color:#7F8C8D;font-size:12px}

.table {margin-bottom:0;}
.id_sequence {color:#7F8C8D;}
.pub_date {float:right;color:#7F8C8D;font-size:12px}

.btn {border:none;}

.tag ul {display:flex;overflow:hidden;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.tag li {overflow:hidden;margin:.2rem;padding:0 0.5rem;border:1px solid #c5c0c0;border-radius:2px;background-color:#f8f9fa;font-size:.875rem;line-height:2rem;font-weight:700;display:flex;align-items:center;}
.tag li a {display:block}

.btn-default {background-color:#BDC3C7}
.btn-warning {margin:8px;}

.btn-primary {background-color:#1ABC9C;}

.table-chapter > tbody > tr > td {padding:8px 0 5px 0;border:none;border-bottom:1px solid #BDC3C7;}
.cat-book > p {margin:3px 0 4px 0;}
.cat-book-intro, .book-intro-index {font-size:12px;color:#1ABC9C;line-height:20px;}

.list-tag {margin-bottom:2px}
.list-tag li {width:32%;float:left;list-style:none;position:relative;display:block;padding:10px 5px;margin-left:10px;white-space:nowrap;overflow:hidden;border-bottom:1px dashed #c5c0c0;}

/* 排行列表 */
.rank-list li {padding:10px 0;border-bottom:1px solid #eee;display:flex;align-items:center;}
.rank-list li:last-child {border-bottom:none;padding-bottom:0;}
.rank-list li.top {background:linear-gradient(to right, rgba(255, 215, 0, 0.1), transparent);}

.rank-num {display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background-color:#ccc;color:#fff;border-radius:3px;margin-right:10px;font-size:14px;}
.rank-list li.top .rank-num {background-color:#f0ad4e;font-weight:bold;font-size:1.15rem;}

.info {position:relative;padding:10px;height:292px;}
.info1 {position:absolute;top:20px;left:10px;text-align:center}

.info2 {position:absolute;top:0;left:120px;right:5px;}
.info2 h1 {font-size:1.1rem;font-weight:bold;line-height:2rem;overflow:hidden}
.info2 h3 {font-size:1rem;color:#7F8C8D;line-height:1.5rem;overflow:hidden}
.info2 p {color:#1ABC9C;text-indent:2rem;overflow:auto;}
.info3 {border-top:1px solid #ddd}
.info3 p {height:20px;line-height:20px;overflow:hidden}

.list-charts li {width:33.3%;float:left;position:relative;padding:10px;margin-bottom:-1px;white-space:nowrap;overflow:hidden;border-bottom:1px solid #ddd;display:flex;align-items:center;}

.ph .caption {background-color:#1ABC9C;border-radius:3px 3px 0 0;margin:0;padding:0;}
.ph li {float:left;height:40px;line-height:40px;overflow:hidden;}
.ph .caption li {color:#fff;}
.ph .article {background:#ECF0F1;margin:0;padding:0;}
.ph .article li {border-bottom:1px solid #ddd}
.ph .articlename {width:25%;}
.ph .lastchapter {width:30%}
.ph .author {width:16%;text-align:center}
.ph .lastupdate {width:15%;text-align:center}
.ph .visit {width:6%;text-align:center}
.ph .fullflag {width:8%;text-align:center}

.myinfo {display:block;/*width:150px;*/overflow:hidden;text-align:center}
#navbar .myinfo #myinfo2 {text-align:center;color:#00FF40;position:relative}
.jump {margin:0 auto;max-width:400px;}
.jump .caption {border-radius:5px 5px 0 0;width:100%;height:30px;line-height:30px;text-align:center;background:#1ABC9C;color:#fff;}
.jump .con {width:98%;padding:1%;background:#eee;color:#333;text-align:center}
.jump .btn0 {padding:5px;background:#1ABC9C;color:#fff}
.Ot {max-width:500px;margin:0 auto;}
.Ot .ptitle {padding:10px;background:#1ABC9C;color:#fff;border-radius:3px 3px 0 0;}
.Ot .pcon {background:#eee;}
.Ot .loginname {position:relative;height:50px;line-height:50px;}
.Ot .loginname input {height:30px;line-height:30px;width:100%}
.Ot .loginname span {position:absolute;display:block;}
.Ot .loginname .s1 {left:10px;}
.Ot .loginname .s2 {left:100px;right:10px;text-align:left;}
.Ot .loginname .btn0 input {width:50%}
.U .ptitle {padding:10px;background:#1ABC9C;color:#fff;border-radius:3px 3px 0 0;}
.U .puser {background:#eee;line-height:50px;}

.U .puser .s1 {float:left;display:block;width:36%;margin:0 2%;text-align:right;height:50px;overflow:hidden;}
.U .puser .s2 {float:left;display:block;width:60%;text-align:left;height:50px;overflow:hidden;}
.U .pcon {background:#eee;}
.U .caption {height:30px;line-height:30px;border-bottom:1px solid #ddd;padding:0 10px;overflow:hidden}
.U .bookcon {width:98%;height:30px;line-height:30px;margin:0 1%;}
.U .bookcon td {border-bottom:1px solid #ddd;}
.U .bookcon p {height:30px;line-height:30px;overflow:hidden;}
.U .bookcon .num {width:4%;}
.U .bookcon .articlename {width:28%;}
.U .bookcon .lastchapter {width:30%;}
.U .bookcon .bookmark {width:30%;}
.U .bookcon .action {width:8%;}
.U .bookbtn {padding:10px;border-bottom:1px solid #ddd;overflow:hidden}

.chaptera div {float:left;width:33%;text-align:center;}

.btn-lg {background:#1ABC9C;}

.jc-book {white-space:nowrap;overflow:hidden;padding-bottom:10px;background-color:transparent;border-left:none;border-top:none;border-right:none;}
.nowrap {white-space:nowrap;word-break:keep-all;overflow:hidden;}

.pagination {margin:5px 0;padding-left:0;border-radius:4px;}
.pagination > li {display:inline;}

.pagination li > a, .pagination li > span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;text-decoration:none;background-color:#fff;border:1px solid #ddd;z-index:3;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color:#1ABC9C;border-color:#1ABC9C;color:white;}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius:4px;border-bottom-right-radius:4px;}

.footer {padding:10px 0 10px 0;font-size:12px;margin:15px 0 0 0;}
.chapter {font-size:13px;}
.book-ext-info {padding:15px 15px 0 15px;}

.content-body {line-height:1rem;padding:10px;word-break:break-all;font-size:1.5rem;letter-spacing:0.2rem;font-weight:500;}
.content-body p{text-indent:2em;line-height:2em;}

.navbar-btn {background-color:#f8f8f8;border-color:#e7e7e7;}
.breadcrumb {padding:8px 15px;margin:10px 0;list-style:none;background-color:#f5f5f5;border-radius:4px;border-bottom:2px solid #1abc9c;color:darkgray;}
.breadcrumb .active {color:red;}
.readPager p{margin:0;padding:0;}

@media (min-width:767px) {
.thumbnail img {width:100%;height:auto;min-height:210px;max-height:210px;}
.zoom-xs {width:220px !important;}
.imgAuto {width:120px;height:160px;}
.book_info_other {font-size:13px;margin:5px 0 2px 0;}
}

@media (max-width:767px) {
.hidden-xs {display:none !important;}
.zoom-xs {width:100px !important;}
.imgAuto {width:90px;height:120px;}
.media-heading {font-size:12px;}
.book_info_other {font-size:11px;color:#7F8C8D;margin:2px 0 2px 0;}
.book_info_other a {color:red;}
.cat-book-intro {font-size:9px;height:64px;overflow:scroll;}
.book-intro-index {font-size:9px;height:80px;overflow:scroll;}
.info2 p{height: 12.5rem;overflow: scroll;}
.tag li {width:99%;border:none;border-bottom:1px solid #ddd;}
.tag li:last-child {border-bottom:none}
.list-tag li {width:95%;}
.list-tag li:last-child {border-bottom:none}
.list-charts li {width:99%;}
}