.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.carousel-img {
    width: 100%;
    height: 100%;
    background-repeat:  no-repeat !important;
    /* background-size: 100% auto !important; */
    background-size: cover !important;
    background-position: center !important;
    background-color: #666 !important;
}

body { padding-top: 3.65rem; padding-bottom: 0; color: #5a5a5a; }

.carousel { margin-bottom: 1.25rem; }
.carousel-caption { bottom: 0; z-index: 10; }
.carousel-caption .btn-lg.bg-best0755 { opacity: .8; }
.carousel-caption .btn-lg.bg-best0755:hover { opacity: 1; }
.carousel-item { height: 12.5rem; }

.side-bar { margin-bottom: 0 !important; padding: 0; }
.guide-categories, .qrcode { display: none; }
.qrcode img { display: block; margin:20px auto; width:50%; }
.qrcode span { font-size:0.9rem; text-align:center;padding:10px 0px; box-sizing:border-box; margin-top:10px; border-top: 1px solid #eeeeee; display:block; }
.guide-categories { width: 100%; position: relative; }
.guide-categories-tip, .qrcode-tip { display: block; padding-left: 1rem; color: #999; float:right; margin-right:1rem; }
.qrcode.show { display: block; }
.guide-categories.show { display: block; }
.guide-categories-nav .dropdown-item { width: 8.5rem; clear: none; float: left; }
.article-items { width: 100%; position: relative; }



.bg-best0755 { background-color: #fff762; }
.carousel-indicators-best0755 { margin-bottom:3rem; }
.carousel-caption-best0755 { padding:0; left:0; right:0; }
.carousel-item-best0755 { width:100%; }
.carousel-btn-best0755 { border-radius:0;font-size:0.9rem; }
footer { font-size: 0.85rem; color: #999; }
footer a.out-link { color: #666; }

@media (min-width: 48rem) {
    .bd-placeholder-img-lg { font-size: 3.5rem; }
    .carousel-caption p { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; }
    .carousel-item { height: 24rem; }
    .carousel-item-best0755 { font-size: 1.25rem; }
    .side-bar { padding: 0 0 0 1rem; }
    .qrcode { display: block; }
    .qrcode img { display: block; margin:0 auto; width:100%; max-width:180px; }
    .guide-categories { display: block; }
    .qrcode-tip, .guide-categories-tip { display: none; }
    .guide-categories-nav { width: 34.2rem; }
    .article-items { columns: 2; column-gap: 0; }
}

.guide-categories-nav img { width: 2.5rem; display: inline-block; margin-right: .25rem; }
.section-header { font-weight: bold; border-right: 0.25rem solid #fff762; display: inline-block; padding: 0 1rem 0 .5rem; font-size: 1.05rem; }
.section { background-color: #fff; padding: .5rem .25rem; margin-bottom: 1rem !important; position: relative; }
.section h1 { font-size: 1.75rem; }
.section h2 { font-size: 1.5rem; }
.section h3 { font-size: 1.25rem; }
.section h4 { font-size: 1.1rem; }
.section h5 { font-size: 1.05rem; }
.section h6 { font-size: 1.025rem; }
.section .recommended { padding-left: 1.5rem; }
.section .recommended li { margin-bottom: .5rem; }
.section .recommended li a { color: #666; }
.guide-category-icon { color: #000; display: block; float: left; width: 25%; font-size: .75rem; }
.guide-category-icon img { display: block; width: 100%; }
.guide-category-icon label { display: block; text-align: center; }
.guide-category-icon:hover { background-color: #FAFAFA; }
.article-category { color: #999; font-weight: bold; display: inline-block; padding: .25rem .75rem; font-size: 0.85rem; }
.article-category.active { color: #000; background: url(../img/yellow-hollow.png); background-repeat: no-repeat; background-position: top right; }
.article-item { box-sizing: border-box; border-top: 1px solid #EaEaEa; padding: .5rem; width: 100%; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.article-title { display: block; color: #000; }
.article-img { display: block; width: 100%; height: 10rem; object-fit:cover; }
.article-img.square { width: 6rem; height: 6rem; float: right; margin-left: .5rem; }
.article-item .article-item-body { height: 14.5rem; overflow: hidden; }
.article-item { height: 17rem; overflow: hidden; }
.article-item.square { height: 8.5rem; }
.article-item.square .article-item-body { height: 6rem; }
.article-item:last-child { border-bottom: 1px solid #EaEaEa; }
.article-tts { display: block; float: right; margin: .25rem; cursor: pointer; }
.article-tts.playing { animation: blink-animation 0.6s steps(5, start) infinite; }
.article-highlight { display:inline-block; box-sizing: border-box; background-color: rgb(255, 0, 0); color: rgb(255, 255, 255); font-weight: bold; }
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.go-to-top {
    display: inline-block;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #FFF;
    margin: 0;
    padding: .5rem 1rem;
    border-radius: .5rem 0 0 0;
    box-shadow: 0px 0px 6px #888888;
    z-index: 1000;
}
.go-to-top a {
    color: #EC5b39;
}