body {
    color: #222;
}

.qd-header {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.qd-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 64px;
    padding: 0 20px;
    justify-content: space-between;
}

.qd-logo img {
    height: 50px;
}

.qd-nav {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-left: 40px;
}

.qd-nav-item {
    font-size: 18px;
    color: #222;
    padding: 0 20px;
    text-decoration: none;
    line-height: 64px;
    border-bottom: 2px solid transparent;
    transition: color 0.2s, border 0.2s;
}

.qd-nav-item-active,
.qd-nav-item:hover {
    color: #fff;
    background:#c8002f;
    border-bottom: 2px solid #c8002f;
}
.qd-nav-item#c2{
    color:rgba(0,0,0,0);
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAkCAMAAAAgl+0yAAAAAXNSR0IArs4c6QAAAutQTFRFAAAA////f39/VVVV/wBVQEBAMzMzSUlJQEBA3wBAOTk5MzMzzAAzKioqJycn2AA7Nzc3SRIkMzMzMDAwLS0tKysrxgA5KCgoJiYmMTExLi4uLCwsKioqKSkpJycnLy8vKioqKSkpxwAwLS0tLCwsKysrxgAyKSkpKCgoJycnJiYmxwAsKSkpKysryQArKioqKioqKSkpxwAuKCgoJycnJiYmKioqxgAvKioqKCgoKCgoJiYmyAAvKioqKCgoKCgoxQAuJiYmKSkpKCgoJycnJiYmKSkpKCgoJycnKCgoUxwoJycnJycnRiApKCgoxgAuJycnJycnyAAsJiYmKSkpKCgoxwAuJycnJycnJiYmxwArKCgofBIrKCgoJycnJycnJiYmKCgoxgAtKCgolgwqJycnJycnJycnJiYmxwAtKCgoKCgoJycnJycnehMrbBUoKCgongssKCgoJycnJycnxgAtqAgtJiYmKCgoKCgoPSIoVxwqJycnJycnxwAtJiYmwAIsJiYmxgArJycnJycnJiYmKCgoKCgoJycnJycnugIrJycnJiYmKCgoJycnPCIpJiYmJiYmxQArJycnJycnJycnJycnJiYmJycnxgAsJycnxQAsJycnJycnJiYmJiYmxwAsJycnxgAsJycnJycnJiYmJycnxAArJycnJycnJycnKyYnJycnJycnJycnJycnJycnJiYmJiYmJycnJycnxgAsJycnJycnJiYmJiYmxgArJiYmJycnxgAsJycnxQAsJycnJycnJiYmJiYmxQArJiYmJycnJycnJiYmxgArJiYmJycnJycnJycnxgArJiYmJiYmJycnJycnxQArJiYmJiYmJiYmJycnJycnJycnJiYmJiYmJiYmJycnJycnxgArJycnJycnxQAsJiYmJiYmJiYmxgArJycnJycnxgAsJycnxgAsJiYmJiYmxQArJiYmJycnJycnJycnJiYmJiYmxgArJiYmJiYmxQArHo0GYAAAAPd0Uk5TAAECAwMEBQcICAkKCgwNDQ4ODxAREhITFBUWFxgZGhseHyAiIyQkJSYnKCksLy8wMTIyMzQ1NjY3OTo8PD0/QEJDREZISUtMTlJTVVZXWVlbXFxdXl9fYWJkZGVlZmhpamxsbW1ub3BycnN0dXZ3eHl5ent9fX5/gIGBgYKDg4WFhoeIiYyNjo+QkJGSlJWVmZqam5ydnqGioqOjpKWmp6eoqaqrrrGxsra3t7i5vL3AwcLDxMTFxsfIyMnKysvLzM3Oz8/Q0tPV1dbX2dra293g4eHi4+Tl5ufo6err7Ozt7u7v8PHx8vP09fX29/f4+fr7/P39/pDXd1AAAARXSURBVEjHhVZ9YJVTHD67V5qSsKVS7UZRPhKtzQqLhCGsFpmUhQmJSFqYDOUrEfpAWjNCxFahRFTyTb4/FxvKbfpic9/zp/P83vM77zn3vjfPH/f9Pef32/Puvu9zn3OEMJjsKTxo6Pug54tQdEXP66yqP7xUNFqT87FwBbOMZtCB4aKD0Nti1JOwxppciYVhzGLUzwoXHYXeKlZfP/HqCeXjy8aNLb34PvBF1uSPWDhCFYu/UPgOLLGGMdcRvR3NeaxeFTTGgU8L+EHg/7RR1TchX2mRI7oYS9ex+uigMQu82NAjrwTfjLJklMJy0DpUy1BVOKLrsFSkimoUpwSNpeD5zPZ77wbwF037OdCbUdU6d28P/I6lfpltxbsougeiH4N3YvaovBV8doijNth3P8x+JivIUfFAM7LbdtRI+WtaR/1p3/00W3Q+OWojxmOEfNtRx2yXb65I46hujp87DVSYjqWVubkxclStWu6d+k73/0jKp4yjCEPY3uIkVGtTHfWQ7ahhlqh21BNSyjuNowiloG+gGp3GURNsR0UzA0Rp5hKlKW80jiLcA7oQ1Yw0jjorxFEBjtsF0UvrFGb9r6MIlCJHs3r3EM2On0NT7vqLsG3AXh1F6IKV1rZaPS4qZjoYpBrPSBtT9+6oIKO+4ozamJlwf9HquVzuaL62T88ioITaJaoqRrGzKC85o15l9dqcpYw6CqFeQpx8KuEa0tx2uLjWC8WcZEc9EpJRT7sxLy4i0ZFCVDYq+HkebwxQZolWp8mo4aCftAsG74DmEmaTyPrZ4Qntp8jjc+u1oxb+ojBFiJxGOD3XGlyiNL8+T5OcOKZL02juq/el1dpRR/2tPnf0FC8bFzLelvLf6++3fzFvZYQIZp9ZVb/D1/xyImfUvaA1ZRQmUXv6NykfaBjv14X0EvNEr6uADtbUCOOen2LsKCEObkCB1GvuY2seIuU7L+mMipLxH+OkOtsau9vzti6nPaHeOEoVY/lWlzlf60S5/TbP6011OdpNXVS1id6INTamrF9EVKbsepFNvuYy91ldIG/ZqTOqK+0VZKEqVN8nP1d655MdRxX6h4ge7uDU59XNPqNyHvoboiZKvf5hjhruZFS7n/m/t3HXw7zrFeBdJAb7T7cJs1OSZslRJzgZNZvuvqePO3hOQv/AIjS5QC/XgLwedo460GSUwlBtihfcSbPrjUGxtZsdHS1ORInBWGvgBMSul/Utv/3TnUk+R2Vv4Z2CcGgi9eh3IW805KhnOUfW4+PDNiL5HKUcNQfXD4LWWvAnHdFKXmJH+TnSfjUu5dZgB73r9W9BMSRoTKNkidiiNbxjakdxjuTjWzV1DgaPR185ahWu1ZZCHj2qAs2yCoeeUfQp71naUSZHFiTl7rn+OWoEpWjMEs0gA07XrNhkdoFxVJAjPZBtLceav72JIvuAH3CZ5DxBuv06TSpgYYXWVj6Zx/tiM2vuG6i8oor/AK38AMi9YnALAAAAAElFTkSuQmCC) 50% no-repeat;
    background-size:50px;
}
.qd-nav-item#c2.qd-nav-item-active,
.qd-nav-item#c2:hover{
    background:#c5002b url(data:image/png;base64,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) 50% no-repeat;
    background-size:50px;
}
.qd-header-right {
    display: flex;
    align-items: center;
    gap: 18px;
}

.qd-search {
    border: 1.5px solid #eee;
    border-radius: 18px;
    padding: 6px 18px;
    font-size: 15px;
    outline: none;
    transition: border 0.2s;
}

.qd-search:focus {
    border-color: #c8002f;
}

.qd-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    background: #eee;
    line-height: 36px;
    font-size: 12px;
    text-align: center;
    color: #333;
}

.qd-subnav {
    background: #fafafa;
    border-bottom: 1px solid #eee;
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden;
}
.qd-subnav .items{
    width:100%;
    padding:10px;
	overflow-x:scroll;
	white-space: nowrap;
}
::-webkit-scrollbar-track {
    background:none;
    height:6px;
}
::-webkit-scrollbar {
    background:none;
    height:6px;
}
::-webkit-scrollbar-thumb {
    background:rgba(0,0,0,.05);
    border-radius: 4px;
}
.qd-subnav:hover ::-webkit-scrollbar-thumb {
    background: #c8002f;
}
.side-swiper{
    overflow: hidden;
    position: relative;
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.06);
}
.side-swiper li{
    position: relative;
}
.side-swiper li p{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.1);
    padding:10px 20px;
    color:#fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.side-swiper .swiper-pagination{
    bottom: auto;
    left: auto;
    width: 30%;
    right: 0;
    top: 2px;
}
.side-swiper .swiper-pagination .swiper-pagination-bullet{
    background:#fff;
    opacity: .4;
}
.side-swiper .swiper-pagination .swiper-pagination-bullet-active{
    background:#c8002f;
    opacity:1;
}
.topbar{
    background:#222;
    padding:5px 0;
}
.topbar ul{
    display: flex;
    justify-content: flex-end;
}
.topbar ul li{
    padding:0 4px 2px 4px;
    margin-left:10px;
    border: 1px solid #febd0a;
}
.topbar ul li.kb a,
.topbar ul li.edit a{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAjhJREFUOE+VlE1IVGEUhp9zZyZzrj8gLqSIJKI/IlpUC7GaMQrKZbmqcNNCwlwXQS0Kg1yECVkLQVoFEVGL2sjcMTVb1CKwIGpTSkVBfzOpjTPzxkyMmHN1xm95z3ue837nnO8aKzward5MKnMbLIjjdFokMb4QYSvhabR+Danpp8D6fJ4xgwWOWyRxv8BZGdCr6kTZvkUmpgk6jbYv+fVfjTKO3m6sYPLzeSqCA6RSJxCXF6SlCIUabO/P72UBpYsOXs8doA2zTzhqRbYdaQARwpwOiyZvlX1lxcLXgTPzjswSiDYCNkeGLdaSvFH2UBR3z5FVd1FXjDQEt1r017vFsSV7KM9tRxr0bbHxgEjrUbO7mbKAiocPIx4igj7uxqioO2hNUzN+xYoc6knNHtLpGOAWJ9hrQsHmwkRLAjVSvYl0dgyp3sfZFM7qJtv/bXK5TZt3KM9tAI0jGoth9oOQNVtz8lWptc0D9ayuhpk/w0g7fZzNYoFDFkmM5LVqC/BiqKoYXDlnuz5Omya2reLL+8egFp/qWZzAscJb1XB1E5nsI1DtEtO/aYpVdUG211fgOKctkuwvxOS5V5DOLnlts4TJC/cjOopFziVrSV5Y+F0jtRtIpweR1vr0OYWsz+S5Q0gH/hOYDVj096lSA/BdG3nhD4h1+aAxC3aPyJH23CtQ3D2J1I2ssiTcSAG9OYc9oDdgz2H3hEXj6fmexdyXoB0lYQVBrofLiZX7oZK9iijH4Rxm1/4CjX/QsKYxJfAAAAAASUVORK5CYII=) left center no-repeat;
    background-size: 14px;
}
.topbar ul li.video a{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAbtJREFUOE/VlUFLVFEUx3/nvZkGZ0YZFylt+giBRLYIEVpMO11FKARtjHAhEiFWixDSkBEXQUJLFxK0ESISDcbRlUIt+wIu2sosTHwz7/7jzTwroxnHnBbd1T3nnvPjnHPPuddUyswjDYL/CMINRAdwBN4tzL1AXCdaZgVgH2kulr8gfwwLPyJ1YlSQLZiK6SPgAtgbfN4TaqXmAF+x5DBU3yFdqmk8G0UMI92pQ1lF/jIWriIMCCKgYkAUxWOMbpymYocd5E2DWwdSGIfg58G9ROqr23gz4CqI5zVRxczyTyCOZMdTgsNJoLeu11t8L4PTUF1kj1TyNUElAkRRCS/1BBfcR7psKnVd+wFsw+Zkyv8f0NjF+IxsBKm7lQQap2xUSSR7bKC8r+3sRaqax3Qvbo+G7GY1PLCb37K/eqrYeQPcEuhKI+KZgLWu0W2frQ8TOEWT4/8OPjPwGKBS+hWO8bYApWcemwtroPy5gSqmrwJLQP+f6thyytrM5bBgFseD6Jn4m0sBL9HPYPkT29m7hBRAPaf1YvPRMwRWRsqdBjo+/yezHD+wrcbQ1C6w+At4iEicCxmNqtnid36WynVGUfubAAAAAElFTkSuQmCC) left center no-repeat;
    background-size: 14px;
}
.topbar ul li.fm a{
    background: url(../images/listen-yellow.png) left center no-repeat;
    background-size: 14px;
}
.topbar ul li a{
    color:#fff;
    font-size:12px;
    padding-left:20px;
}
@media screen and (min-width:960px){
    ::-webkit-scrollbar-thumb:hover {
      background: #c8002f;
    }
}
.qd-subnav-item {
    font-size: 15px;
    color: #666;
    padding:4px 14px;
    text-decoration: none;
    line-height: 30px;
    border-radius: 4px;
    transition: background 0.2s, color 0.2s;
}

.qd-subnav-item-active,
.qd-subnav-item:hover {
    background: #c8002f;
    color: #fff;
}
.full-banner{
    margin-top:15px;
}
.ibanners{
    margin:15px auto;
}
.bannerand{
    display: flex;
}
.banner-container{
    width:65%;
    overflow: hidden;
    margin-right:10px;
}
.toptopics{
    display:grid; 
	grid-template-columns: repeat(2, 1fr);
	gap:10px;
}
.toptopics .qd-side-news-title{
    background:#202934;
    color:#fff;
}

.lines .every{
    margin-top:30px;
}
.lines .top-banner {

}
.lines .top-banner .banner-text{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items:center;
    width:100%;
}
.lines .top-banner h2{
    color: #333;
    font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    padding-right: 20px;
    white-space: nowrap;
    word-break: break-word;
    word-break: keep-all;
    position: relative;
}
.lines .top-banner h2::before{
    background-color: #c5002b;
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    position: relative;
    top: -2px;
    width: 6px;
}
.lines .top-banner p{
    background-color: #f5f5f7;
    height: 8px;
    max-width: 100%;
    width: 100%;
}

.list-container {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 30px;
}

.list-container .left-item,
.list-container .right-item,
.list-container .middle-item{
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
}
.list-container .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e5e5e5;
}

.list-container .section-title {
    font-size: 20px;
    color: #333;
}

.list-container .more-link {
    font-size: 14px;
    color: #999;
    text-decoration: none;
}

.list-container .more-link:hover {
    color: #666;
}

.list-container .featured-image {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.list-container .featured-image li{
    list-style: none;
    color:#333;
}

.list-container .featured-image img {
    width: 100%;
    object-fit: cover;
}

.list-container .news-list {
    list-style: none;
}

.list-container .news-item {
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    line-height: 1.8;
}

.list-container .news-item:last-child {
    border-bottom: none;
}

.list-container .news-item a {
    color: #333;
    text-decoration: none;
    display: block;
    text-overflow:ellipsis;
    overflow:hidden;
    width:100%;
    /*white-space: nowrap;*/
}

.list-container .news-item a:hover {
    color: #e74c3c;
}

.list-container .news-item.with-icon {
    position: relative;
    padding-left: 20px;
}

.list-container .news-item.with-icon::before {
    content: "▶";
    position: absolute;
    left: 0;
    color: #e74c3c;
    font-size: 12px;
}

.list-container .news-item.with-bullet {
    position: relative;
    padding-left: 20px;
}

.list-container .news-item.with-bullet::before {
    content: "●";
    position: absolute;
    left: 0;
    color: #e74c3c;
    font-size: 12px;
}


.qd-main {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 32px;
    padding: 0 20px 0 20px;
}

.qd-main-left {
    flex: 2.2;
    min-width: 0;
}

.qd-main-right {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.qd-banner {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 28px;
}

.qd-banner-img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.qd-banner-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0));
    padding: 18px 24px 12px 24px;
}

.qd-banner-dots {
    position: absolute;
    left: 24px;
    bottom: 14px;
    display: flex;
    gap: 8px;
}

.qd-banner-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.5;
}

.qd-banner-dot-active {
    opacity: 1;
    background: #c8002f;
}

.qd-quickbar {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    padding: 18px 24px 12px 24px;
    margin-bottom: 24px;
}

.qd-quickbar-title {
    font-size: 16px;
    font-weight: bold;
    color: #222;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.qd-quickbar-badge {
    background: #c8002f;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    padding: 2px 8px;
    margin-right: 6px;
}

.qd-quickbar-date {
    color: #888;
    font-size: 14px;
    margin-left: 12px;
}

.qd-quickbar-list {
    font-size: 15px;
    color: #444;
}

.qd-quickbar-item-title {
    color: #c8002f;
    font-weight: bold;
    margin-right: 8px;
}

.qd-news-list {
    margin-top: 0;
}

.qd-news-item {
    display: flex;
    gap: 18px;
    margin-bottom: 22px;
    align-items: flex-start;
}

.qd-news-img {
    width: 30%;
    object-fit: cover;
    background: #eee;
    flex-shrink: 0;
}

.qd-news-info {
    flex: 1;
    min-width: 0;
}

.qd-news-title {
    font-size: 20px;
    color: #000;
    margin-bottom: 8px;
    line-height: 1.5;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    -webkit-line-clamp:2;
    min-width:0;
}
.qd-news-smalltext{
    color:#666;
    line-height:1.5;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    -webkit-line-clamp:2;
    min-width:0;
}

.qd-news-meta {
    font-size: 14px;
    color: #888;
    margin-top:10px;
}

.qd-side-news {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-bottom: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.qd-side-news-img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.qd-side-news-title {
    font-size: 15px;
    color: #222;
    font-weight: bold;
    padding: 10px 14px 12px 14px;
}

.qd-quickbar-right {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    padding: 18px 18px 12px 18px;
}

.qd-quickbar-right-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.qd-quickbar-right-list li {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 14px;
    color: #222;
    margin-bottom: 10px;
}

.qd-quickbar-right-date {
    color: #c8002f;
    min-width: 110px;
    font-size: 13px;
}

.qd-quickbar-right-text {
    flex: 1;
    color: #444;
}

.qd-quickbar-more {
    color: #c8002f;
    font-size: 14px;
    margin-left: auto;
    text-decoration: none;
}

.qd-quickbar-more:hover {
    text-decoration: underline;
}


.qd-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 32px;
    padding: 32px 20px 0 20px;
}

.qd-content-main {
    flex: 2.2;
    min-width: 0;
}

.qd-article-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.qd-article-item {
    display: flex;
    gap: 18px;
    align-items: flex-start;
}

.qd-article-img {
    width: 30%;
    object-fit: cover;
    background: #eee;
    flex-shrink: 0;
}

.qd-article-info {
    width:70%;
    flex: 1;
    min-width: 0;
}

.qd-article-title {
    font-size:20px;
    color: #222;
    margin-bottom: 8px;
    line-height: 1.5;
}

.qd-article-desc {
    font-size: 15px;
    color: #666;
    margin-bottom: 10px;
    line-height: 1.7;
}

.qd-article-meta {
    font-size: 14px;
    color: #aaa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.qd-article-meta-right {
    
    color: #aaa;
    display: flex;
    align-items: center;
    gap: 6px;
    
}

.qd-article-icon {
    font-size: 15px;
    margin-right: 2px;
}

.qd-article-meta-right .qd-article-icon{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAAHsVM+iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAGAAAAAA915G0AAAFL0lEQVRIDY2Wa0wcVRTHd2ehwiIuUBStWlm0arrYNg1GIUSDIeWptomp2i8aNaEfNNZoTKwS/aDGGmNbrY9obfygoZ+aqDwrERvpqjFWy6NRY1zEUmOoIFgQCyz+/rNzh9llJZzkznn9z7nnnnvvzPh8DrW2tk5JtPRA6YcFJbuEccGrvNTR0VEjgx/PT/B1xqscUuJ+v/8NGf16RKPR7PHx8cmFhYUfUSOyiRobG/1WW1tbrKKi4h+cB7AlOXt6ei60kXqoCsCbJMP3JFUlIxkCGH/F2SvdkF2Dgz6RmZl51+zs7C8U+B6AwoaGhq1+IuIIVldXV1hOE5mTk3Px9PT0ei3LNnqdAlVVVZ1l2mMCfNzd3V0UDocvkEOk5ZH5pLhtoIY3GWelEGWpJhUtPYGQ5BDOEcQ1Rk/lLGAHNbcYu9vpsbGxaZzRjIyMJuo9jHwvs/QZoMPj8ELGGGOAEm/QZu5F2WXqRf8bfXEHULxkcKzxOSZ41qJdzQKY4wEg1xvglanKPiCyKRgWc3vAzFEM5YFAYGNdXV1q6YqxiZnPEHyZZVmX1NfXj7oJDEAHiA08BehKYzOcCppp4PNGF1+SQEYtJx6PN5NkM+ooo4XAp0kwL7+XkhJQ3g6CPvQCUuQRenSF1+YmoAcf4biDcYjxAGM7M8ZI+A2y6Fv0jegZBQUFQd0hGe0EBA8gR3SAp6am/qBBQYAnGdcJZIgzUjo3N/cuejnYbM7zjNXe3n4rhghBIR1wZIuZbkwNVpL5+fkWllCBOEyjp2WzaNbnBDzFlkzKIAL4RUJKfpI0LAtJrkK2D6Fuk4/SXhdfAR30YHSxtylBjLN/zjgwuqfN2Axn5scks1u1sJJgMFhqYSyRkUZ+L85+P5wmSdzcd4IvpfwOoPvo2Tl7F3ghrJ6ZmVEDz5DwciVKRwRvIvg7JviaiW4Wxj0HOAIA5pzAPQB2A9T1VckK7EZczXiHSZpkF7kJEqrPx7buZmdeMLrhJDsdCoXWV1ZW6rq7tCSB63EEXS4O16MkaKKKJRcsFS8d7G+Mt7Ozs19Tn9JhjC1tAWoHKzkA3+kC/f5Z9EyjL8eZ/F+w7ksa7Fu09BHsy19mVlvIAf+EYHuDCNRZ2wp/EJu68D7DFFVGq7fhe5yRjvaBPUTcEZzXOIAvs7Kybq+urv7TBNgXQQrHcC+tHtXkBB7nruay2Vfjul+Tw/Vy2Incx8QzDH0C/29yXL5dYO8jx7q8vLyLiP0KW7lOK4fqVQFE/t7e3tyJiYk+wMXo03w+b6qpqdHLxSbAE/iUQO+HezAuN6kTlWDETNL6kDF2dnZu5jURJY+2J8YiN1hM3u9M/kM4HM73Tu4EnhYHo9fiiif3xjqyr7a29gRFhRj6qwmz3QPaAu2R6PqhoaH9CXHxyTdqO5p9HxetK5LiTmwSmIXsZ1zrGI/Yt4A234KxB6MKGuHluIFqx0zk4ODgKorrAHObsS3HWeFnxcXFdZFI5LzB0f4CvgX96GvwLzCqeIMfc68hNyCLQ6g2lzpBP3MetrAlMZNEnEQREj1Egi0UtFY25GHkoxR+kMIHZTPE4S7BfxS/DrSwp/Lz88uSvmgGLO78T7YQcKdjP0/QywS9aIK8+HSycvCn9Ay+JxirhCFHa1FR0d1lZWX2h0w2kduBhJr8ZGv0e/UK1tR/tb9IqB9efQBEheD0+c2zNecB5nfsT3IVP/DavfKyBXiBJArQ/mquURWJK/GtxVYoDLoKGWYcZ/Swt59iW/LWw7eE/gOf8oTMdMgGewAAAABJRU5ErkJggg==) center center no-repeat;
    background-size: 15px;
    width: 20px;
    height: 20px;
}

.qd-content-side {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.qd-side-block {
    background: #fff;
    border-radius: 10px;
    padding: 0;
    margin-bottom: 8px;
}

.qd-side-block-title {
    font-size: 16px;
    font-weight: bold;
    color: #222;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background:#efefef;
    padding:10px;
}

.qd-side-block-more {
    color: #c8002f;
    font-size: 14px;
    text-decoration: none;
}

.qd-side-block-more:hover {
    text-decoration: underline;
}

.qd-side-live-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.qd-side-live-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.qd-side-live-img {
    width: 40%;
    object-fit: cover;
    background: #eee;
    flex-shrink: 0;
}

.qd-side-live-info {
    width:60%;
    flex: 1;
    min-width: 0;
}

.qd-side-live-status {
    font-size: 13px;
    color: #fff;
    background: #c8002f;
    border-radius: 3px;
    padding: 1px 6px;
    display: inline-block;
    margin-bottom: 4px;
}

.qd-side-live-status-end {
    background: #aaa;
}

.qd-side-live-title {
    font-size: 15px;
    color: #222;
    margin-bottom: 2px;
    line-height: 1.3;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    -webkit-line-clamp:2;
    min-width:0;
}

.qd-side-live-meta {
    font-size: 13px;
    color: #aaa;
}

.qd-side-hot-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.qd-side-hot-title,
.qd-side-hot-item {
    gap: 8px;
    font-size: 15px;
    color: #222;
    margin-bottom:5px;
    padding-bottom:15px;
    border-bottom:1px solid #efefef;
}

.qd-side-hot-rank {
    font-size: 13px;
    color: #fff;
    background: #aaa;
    border-radius: 3px 3px 10px 3px;
    padding: 2px 8px;
    margin-right: 4px;
    font-style: italic;
}

.qd-side-hot-rank-top {
    background: #ffb300;
    color: #fff;
}

.qd-side-hot-title {
    font-size: 15px;
    color: #222;
    font-weight: normal;
}

.qd-video-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 20px 40px 20px;
}

.qd-video-header {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAgCAYAAABdP1tmAAACL0lEQVRYR+2Zv2sUURDHP7MXEzFBE7UKyAURjbcXIvgDOdPYGFEQ00jATmsxBNRKrUS0t9FgBI3CFYLERhAiyC0qaQxZLSwsRP8BG8+77MgTTs6Qy7499HgLu+Xu7Mz77Ayzb75PABYZ3FRlYBqYBPYAXeZ+h66qwHtFHnxl+e4ZWEkaV0Eq+FOCbpYFhvq76X0FjCZ19K/tBZ5XCSeOQt3Wd4C/VZGHoCeAmiG7BVy2dfD/7fTcET7M2sR5jT/qwVNgZ8PeAH0Cdtk46ISNwHyJ8FRcrDf4kxHMKPQ220qAX1XojnPQqecCSyXCluWv4AX4N4FLgKxel8mQdmqxNnEEPpYIC2vZLrCvv4faE4XjrXylBihgZFiJngG71/swqQCqUDwpRHOKbInLsvNAFfwrwA0gFwdjnjsL9Jmhjd/omwE9awPS3LadawrfyR3sY8X87A8kgXE2Q6AXFHmZFMZZIEWmQF9kQK42hSxDTbXpZNvOMpRlqJ3+2eY7ZredlZzrJRdRnxC6QtsN6V8Tq6sDXkDxvKJ3gJ4k1etk225MrAGFQyBlhbwtlNNABuItw9vq5OaAcRso54EMxHXwjlG4BlwF8VI/gjcAAvzxCH0kyPaWIolrMpbC0tg6MtY7ijtqUAY9vBaUc0KjwvxYjNC4yP4NP/lxW+Hiam0u1VJwwMhpJboPDPzRFNIu1lfYmxe8xwolQaPfUqoLxymCzH5h+V47xyllyA1SnPbQ/C8EPvMPvLSDdwAAAABJRU5ErkJggg==) left center no-repeat;
    background-size:18px;
    font-size: 18px;
    color: #c8002f;
    font-weight: bold;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left:30px;
}


.qd-video-header-more {
    color: #c8002f;
    font-size: 14px;
    margin-left: auto;
    text-decoration: none;
    display: none;
}

.qd-video-header-more:hover {
    text-decoration: underline;
}

.qd-video-topic-list {
    display:grid; 
    grid-template-columns: repeat(4, 1fr);
    gap:15px;
    margin-bottom:15px;
}

.qd-video-topic-item {
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.qd-video-topic-item img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.qd-video-topic-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 18px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0));
    padding: 10px 14px 8px 14px;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    -webkit-line-clamp:2;
    height: 54px;
    line-height: 1.6;
}

.qd-video-tabbar {
    display: flex;
    gap: 18px;
    margin-bottom: 28px;
}

.qd-video-tab {
    font-size: 16px;
    color: #666;
    padding: 0 14px;
    text-decoration: none;
    line-height: 38px;
    border-radius: 4px;
    transition: background 0.2s, color 0.2s;
}

.qd-video-tab-active,
.qd-video-tab:hover {
    background: #c8002f;
    color: #fff;
}

.qd-video-list {
    display:grid; 
    grid-template-columns: repeat(3, 1fr);
    gap:15px;
    margin-bottom:15px;
}

.qd-video-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.qd-video-thumb {
    position: relative;
}

.qd-video-thumb img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.qd-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 44px;
    height: 44px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADxPgR5AAAAwFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+GOeAfAAAAP3RSTlMAM8WAsk8b/CQ40OwP9uZ24tuVyZAWhSsT1ED52HuNPUnwVfOuvgWht0WeJqpomhhxCcEC/mHeIVqkirpfDG7V6FePAAAFsElEQVRo3r1aV5uqMBCNgAXssva6Kmsva3d1nf//r+7DvSQEEkgg3jztt4qHJDNnzhSEpFbGHJdrM+Nga5rtTJeDVzpVQG9aX+ZrbRUhsEra9txUjpbZrEsQsqrb9K86tMLT6ELkqiwXauBStTwIrva+lRhuOAWZ9fmRSwTXmYPsym4zseGud4izJvpXPLw+x1Impbb9MAzHqpY43+ilY8CZFssqpv2xuTti17x2bj9zlr/cpa2nH/iN/HrD9u+C2XcCWy2NpOBafmMprsMd+7rX/JA/MsdZ8d1JWcDyzK1vmw9hln36Lu4syn8NiiJOFUGKLdOMtTlKXMUPfRFDkYc+6Jv4ljO2pkE9npbEs1Py/vTMSyFSeHoswtgZEoje+8uP4nIi5cSmqH3a8UkYjSYey7mGuJIHb3pMEmaaF/JLFy6XtzzvVUsYR1tt8ltz3pdsdXgIfVuRxtdQiYdQwbPHYcQFrtVoLxK3Siz6IIRtM7XUXt9L0sCKsPky+OmA+B+D5VN/o48zlEJchBxqLtRTOyf3QzmJpBOl7P/ogD8qB5+reyLdpCwjkRz83Iu3eQ2FHbesRKpn8YvSdoOd5sQ6sqpPPTzErefMlhxkg33WawZzpo+6KCJmk26BtcEK07yzQR2Y34j6BotvzPDolcuy1K4lGL1mOO8g1oYjpoXEAQGmQiIpg7+PxdgO/2shBQjZhojA3ga2g8N8D8kBApTOMlt0TwTT+lMaEMDuRCLiFHPwLzozblUcEOAelYN2sA8cacLjRcEIQCj2I8RrlaZp7JqpmIAAl5sYh+uUjVZRbECAQ1jgalKRdozpKgkgQC0TfabZlldrj5IBwmR/jNTzI4SQm0lOCgkBQwJX2nOJv27ucUCJAQHmbMPDEdxAKBWdIksAAgyYgcsNR22PzTzVALIDl1vxKe5IppNSBAhgLfhZmYm5vNhSBgiw9gcufI5jHAsrSCEgZHWOrN9jr9CUAvpTpqv7Ew3UIwarFBAaVJ7xiQOEyzoz1YBQZ2UuS+T6/VY5IOUebiY1RUV+fpMQkDrT9v8GtDDgfz/S6tt2mGEbzdvcYkC5RR67xbsc/8FzfJfaLmoBf7jU9hbyNlJ88tbVhyeG0vCEp5v7500R4GQfkrN1M8olBlstWiRdwjzuqAB8sKujO4+Iwkr/8zcxIFfxe2UiEamLhIDdPreCM/Cm9GMmNcgDLkMqvz2v1FeTzGhheWmOLhtaydO1iMy7T0csPSp9igI8NQpSCSn2xHy8lHsdVT0Z+stOvQiyCQUUqA/5iwrkiNvSgPlXnLJJJm5hiJMq8bJRsp95vNKXIVTFbLm0dtoECynstJsNKFqnXeIy0DejfMmM+6sTIwiVBVtFOaZsTIdVvFkF2ppwrR0X07stpmtmWb908cFJdBNubBUXUWSnu7SVm0R3Bh9O0cdGGq/eT9fmAbp9ma7wnHtXpDTN4nByADOp8RXScK2EHBurM2X+PQFbrktL3A2C0etImtPMEtGwPCjLdZ7QlVj3LPx1Zkraeb/EuNlxaKC2YfllhR0ozTcqEI8HTmrqtX6FTeeC5+2d6NAMAPdEeNcehPdj/62NV4fV4+MNPfMY3ZVYSxOg1ImLt/cy4VAwPPNCh0DEXccfNznEGKsclyQHamp0VVByKG61lh3g8U+YVc8yp6lTaiQrSL0bn/IUjX91eggLSsKt4k7eP8a5i36oOfj0NWsk/Crj+Mc4Z6PQy9xtHoG+tNzl68EMafZku/B3qjwPyKy89Dxkp81KJO6vdNMjTurmWDcurARnF8OBGyfOlGzFcgzDMA69yoQzLjyOx1AruXFdTJ6N+APRo4c83izZlPBCbkq4WEs+Y27OisJFtn4GqVi7jSNQx8jfR0jdyr2Mz/Ax9nELKV6/o73RZiVu9n2TOqI3rdXwrG/Xjq1pmqbN77Xy2JS8tj+c14tDgH291AAAAABJRU5ErkJggg==) rgba(0,0,0,.2) center center no-repeat;
    background-size:38px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.qd-video-title {
    font-size: 16px;
    color: #222;
    font-weight: bold;
    margin: 14px 16px 8px 16px;
    line-height: 1.5;
}

.qd-video-meta {
    font-size: 14px;
    color: #888;
    margin: 0 16px 14px 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
}
.video-info{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.qd-video-tag {
    color: #c8002f;
    background: #fffbe6;
    border-radius: 3px;
    padding: 2px 8px;
    font-size: 13px;
}

.qd-video-tag-new {
    background: #ffb300;
    color: #fff;
}

.qd-video-author {
    color: #222;
    font-weight: bold;
}

.qd-video-date {
    color: #aaa;
}

.qd-video-stat {
    color: #aaa;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAgCAMAAABemGpIAAABv1BMVEUAAAD///////+qqqq/v7+ZmZmqqqq2trafn5+qqqqioqKqqqqkpKSZmZmfn5+lpaWcnJyZmZmbm5uhoaGbm5uZmZmcnJyfn5+bm5uenp6ampqcnJycnJyZmZmbm5udnZ2cnJybm5udnZ2bm5ucnJyampqZmZmbm5uampqbm5uampqcnJybm5ubm5uampqbm5uampqZmZmbm5uampqZmZmampqampqbm5uampqZmZmbm5uampqampqZmZmbm5uZmZmampqZmZmampqampqbm5uZmZmampqbm5uZmZmampqampqampqZmZmZmZmampqampqZmZmampqZmZmampqZmZmZmZmampqZmZmampqampqZmZmampqZmZmampqampqZmZmampqZmZmampqZmZmZmZmampqampqampqZmZmampqampqZmZmampqampqZmZmampqampqZmZmZmZmampqZmZmampqZmZmampqampqZmZmampqZmZmZmZmampqZmZmZmZmZmZmampqZmZmampqZmZmampqampqZmZmZmZmampqZmZmampqampqZmZmampqZmZmZmZmampqZmZmampqZmZlthNfKAAAAlHRSTlMAAQIDBAUGBwgJCwwODxAREhQXGxweHyAhKissMTIzNDY4OT0+P0FCREVHSEpPUVJTVVdYWltgYWJkZmhtbnBxdHZ8fn+Cg4SFhouOj5GSk5SXmZygo6Sqq6ytrq+wsbKztLa3vL2/wMHCxMbHysvP0dLV1tjZ2tve3+Dh4uPk5ufo6ers7e/w8fLz9Pf4+fr7/P3+ZYfwfAAAAg1JREFUOMtjYEAFrMpu0VnlHT1VuQl+ujwMeACTYULXFCQwIcueG4dSVvPSKRig1UUAm1rFCoh0T2qQu621c0BsK4TfZYGhlNFxAkim21+TA+4oeac6sPIwNLfwJIFE290FUYXZrMDWlUkiCwoXgMSyRTEdxxkMkmlTQYhI14BEvFiw+tu0GyjXawTjqrWDgskcxpXyKerqKvKRgvHlGoHSkx0gHJM+kJ+1YAHoPwkSChP9WaFCEiUgvj8TkOk4Gciql4GpTUGEcQpMtUAWiBvDyeALoovFYHb6I8eIP0yUIwIchAwaLVOmZPLD3QtyQ6WBoKBBJcglcHcz+UyZkgxUJZ4fzg73ug9ILS+IxQtS7YMIFDtPJrAdjAihIqAKAwjTAMgswpfsGECJDhqLgqAwokyxKA8xzmBkA5EaLQXChD3IFporwsDgMHHKlBopQkHHkzplSpMqgwUoHbep4o8U4UIQN5CBQRvkqT5jfNEtXQviOoOYsg1IqQqRkCbBExIkVZpBOOLgVOXHhCOJglNlJyxVQlNVHB/W4sEFJVWCYjwSpLpSAVOtUApqqgTr9waJ9Qeg5UJuh2aQeBo/mhH6bWDlITpcMBFmRQ9w0THJlRnDQvEcSCj0ZQS52QALmfh2CL9eHZtXGPXyMIuvOnsuXIlOM6odWWVfuiUbvjTKrOQMLnKrcxO9ddANBQApBxj4BzJRpQAAAABJRU5ErkJggg==) left center no-repeat;
    background-size:14px;
    padding-left:20px;
}

.qd-video-more-btn {
    display: block;
    margin: 0 auto 32px auto;
    padding: 10px 48px;
    font-size: 17px;
    color: #fff;
    background: #c8002f;
    border: none;
    border-radius: 24px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s;
}

.qd-video-more-btn:hover {
    background: #a00025;
}

.qd-video-bottom-title {
    margin: 32px 0 18px 0;
    border-bottom: 4px solid #f0f0f0;
    padding-bottom: 10px;
}
.qd-video-bottom-title h3{
    position: relative;
    color: #333;
    display: inline-block;
    font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    position: relative;
    word-break: break-word;
}
.qd-video-bottom-title h3::after{
    background-color: #666;
    bottom: -14px;
    content: "";
    display: inline-block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
}

.qd-video-author-list {
    display:grid; 
	grid-template-columns: repeat(4, 1fr);
	gap:15px;
}

.qd-video-author-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
}

.qd-video-author-avatar {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 8px;
}
.asinfo .qd-video-author-avatar{
    width:100%;
    height:auto;
    border-radius:0;
}
.asinfo .qd-video-author-name{
    display: none;
}
.qd-video-author-info {
    text-align: center;
    margin-bottom: 10px;
    width:100%;
}

.qd-video-author-name {
    font-size: 15px;
    color: #222;
    font-weight: bold;
    margin-bottom: 2px;
}

.qd-video-author-desc {
    font-size: 14px;
    color: #333;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.qd-video-author-meta {
    font-size: 13px;
    color: #aaa;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    -webkit-line-clamp:2;
    min-width:0;
}

.qd-video-author-follow {
    background: #fff;
    color: #c8002f;
    border: 1.5px solid #c8002f;
    border-radius: 16px;
    padding: 2px 18px;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s, color 0.2s;
}

.qd-video-author-follow:hover {
    background: #c8002f;
    color: #fff;
}

.qd-fm-page {
    background: #fafbfc;
    min-height: 100vh;
    padding-bottom: 40px;
    margin-top:30px;
}

.qd-fm-banner {
    display: flex;
    align-items:center;
    background: #fff;
    padding: 0 0 32px 0;
    text-align: center;
    position: relative;
    z-index:1;
}
.qd-fm-banner::after{
    content:"";
    position: absolute;
    top:calc(50% - 16px);
    transform:translateY(-50%);
    width:100%;
    height:200px;
    background:#efefef;
    z-index: -1;
}
.qd-fm-banner .container{
    align-items:center;
}
.qd-fm-banner-img {
    width: 680px;
    object-fit: cover;
    display: block;
}

.qd-fm-banner-info {
    max-width: 680px;
    background:#fff;
    padding:60px 0;
}

.qd-fm-banner-title {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    margin-bottom: 12px;
}

.qd-fm-banner-desc {
    font-size: 16px;
    color: #666;
    width: 60%;
    margin: 0 auto;
}

.qd-fm-section {
    margin: 30px auto 0 auto;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    padding: 32px 32px 24px 32px;
}

.qd-fm-special {
    margin-bottom: 32px;
    display: none;
}

.qd-fm-special-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.qd-fm-special-badge {
    background: #ffb300;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    padding: 2px 8px;
    font-weight: bold;
}

.qd-fm-special-title {
    font-size: 20px;
    font-weight: bold;
    color: #222;
}

.qd-fm-special-hot {
    color: #c8002f;
    font-size: 14px;
    margin-left: 8px;
}

.qd-fm-special-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: 8px;
}

.qd-fm-special-desc {
    font-size: 15px;
    color: #666;
    margin-left: 8px;
    flex: 1;
}

.qd-fm-special-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.qd-fm-special-fans {
    color: #888;
    font-size: 14px;
}

.qd-fm-special-subscribe {
    background: #fff;
    color: #c8002f;
    border: 1.5px solid #c8002f;
    border-radius: 16px;
    padding: 2px 18px;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s, color 0.2s;
}

.qd-fm-special-subscribe:hover {
    background: #c8002f;
    color: #fff;
}

.qd-fm-special-list {
    display: flex;
    gap: 18px;
    margin-top: 12px;
}

.qd-fm-special-item {
    width: 180px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    background: #eee;
    cursor: pointer;
}

.qd-fm-special-item img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    display: block;
}

.qd-fm-special-item-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0));
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 10px 12px 8px 12px;
    font-size: 14px;
}

.qd-fm-special-item-play {
    font-size: 18px;
    margin-bottom: 2px;
}

.qd-fm-special-item-title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 2px;
    line-height: 1.3;
}

.qd-fm-special-item-meta {
    font-size: 13px;
    color: #ffe58f;
}

.qd-fm-all-title {
    font-size: 18px;
    color: #222;
    font-weight: bold;
    margin: 0 0 18px 0;
    display: flex;
    align-items: center;
    gap: 18px;
}

.qd-fm-all-btn {
    background: url(../images/listen-white.png) #c8002f 10px center no-repeat;
    background-size:15px;
    color: #fff;
    border: none;
    padding: 6px 24px 6px 36px;
    font-size: 15px;
    margin-left: auto;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s;
}


.qd-fm-all-list {
    margin-top: 18px;
}

.qd-fm-all-item {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #fafafa;
    border-radius: 8px;
    padding: 14px 18px;
    margin-bottom: 18px;
    position: relative;
}

.qd-fm-all-thumb {
    position: relative;
    width: 30%;
    overflow: hidden;
    background: #eee;
    flex-shrink: 0;
}

.qd-fm-all-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.qd-fm-all-playtime {
    position: absolute;
    left: 8px;
    top: 8px;
    background:url(../images/listen-white.png) rgba(0,0,0,.6) 6px center no-repeat;
    background-size:12px;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    padding: 4px 6px 4px 26px;
}

.qd-fm-all-playicon {
    position: absolute;
    right: 8px;
    bottom: 6px;
    font-size: 16px;
    color: #fff;
    background:url(../images/listen-white.png) center center no-repeat;
    background-size:100%;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.qd-fm-all-info {
    flex: 1;
    min-width: 0;
}

.qd-fm-all-title2 {
    font-size: 20px;
    color: #222;
    margin-bottom: 8px;
    line-height: 1.5;
}
.qd-fm-smalltext{
    color:#999;
    font-size:16px;
    line-height:1.8;
}
.qd-fm-all-meta {
    position: absolute;
    left: 32.5%;
    right: 0;
    bottom: 12px;
    font-size: 13px;
    color: #888;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
}

.qd-fm-all-author {
    color: #c8002f;
    margin-right:10px;
}

.qd-fm-all-date {
    color: #aaa;
}

.qd-fm-all-views {
    color: #aaa;
    margin-right:15px;
    padding-left:20px;
    background:url(../images/listen-gray.png) left center no-repeat;
    background-size:12px;
}


.qd-quickpage {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 32px;
    padding: 32px 20px 0 20px;
}

.qd-quickpage-main {
    flex: 2.2;
    min-width: 0;
    display: flex;
    gap: 24px;
}

.qd-quickpage-date {
    width: 90px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qd-quickpage-date-box {
    background:url(data:image/png;base64,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) no-repeat;
    background-size:100%;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    padding: 10px;
    text-align: center;
    margin-bottom: 18px;
}

.qd-quickpage-date-day {
    font-size: 12px;
    color: #222;
    font-weight: bold;
}

.qd-quickpage-date-week {
    font-size: 12px;
    color: #888;
}

.qd-quickpage-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.qd-quickpage-item {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    padding: 18px 18px 12px 18px;
}

.qd-quickpage-item-time {
    font-size: 18px;
    color: #c8002f;
    font-weight: bold;
    width: 54px;
    flex-shrink: 0;
    text-align: right;
    margin-top: 2px;
}

.qd-quickpage-item-content {
    flex: 1;
    min-width: 0;
}

.qd-quickpage-item-title {
    font-size: 16px;
    color: #222;
    font-weight: bold;
    margin-bottom: 6px;
    line-height: 1.5;
}

.qd-quickpage-item-desc {
    font-size: 15px;
    color: #444;
    margin-bottom: 8px;
    line-height: 1.7;
}

.qd-quickpage-item-tags {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.qd-quickpage-tag {
    font-size: 13px;
    color: #c8002f;
    background: #fffbe6;
    border-radius: 3px;
    padding: 2px 8px;
}

.qd-quickpage-item-actions {
    display: flex;
    gap: 18px;
    color: #aaa;
    font-size: 14px;
    align-items: center;
}

.qd-quickpage-action {
    display: flex;
    align-items: center;
    gap: 4px;
}

.qd-quickpage-side {
    flex: 1;
    min-width: 260px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.qd-quickpage-side-block {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    padding: 18px 18px 12px 18px;
}

.qd-quickpage-side-title {
    font-size: 16px;
    font-weight: bold;
    color: #222;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.qd-quickpage-side-more {
    color: #c8002f;
    font-size: 14px;
    text-decoration: none;
}

.qd-quickpage-side-more:hover {
    text-decoration: underline;
}

.qd-quickpage-side-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.qd-quickpage-side-date {
    font-size: 14px;
    color: #888;
    margin-bottom: 6px;
}
.qd-quickpage-side-link{
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid #efefef;
}
.qd-quickpage-side-item {
    font-size: 14px;
    color: #222;
}

.qd-quickpage-side-tag {
    color: #fff;
    background: #ffb300;
    border-radius: 3px;
    padding: 1px 8px;
    font-size: 13px;
    font-weight: bold;
}

.qd-quickpage-side-name {
    color: #222;
}

.qd-quickpage-side-code {
    color: #aaa;
    font-size: 13px;
}

.qd-article-page {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 32px;
    padding: 32px 20px 0 20px;
}

.qd-article-main {
    flex: 2.2;
    min-width: 0;
}

.qd-article-main video{
    width:auto!important;
    max-width:100%;
    display: block;
    margin:0 auto 30px auto;
}
.qd-article-main iframe{
    width: 100%;
    min-height: 50vh;
    display: block;
    margin:0 auto 30px auto;
}

.qd-article-main audio{
    display: block;
    width: 100%;
    margin-bottom: 30px;
}


.qd-article-meta {
    font-size: 14px;
    color: #888;
    margin-bottom: 18px;
    display: flex;
    gap: 18px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.qd-article-meta-author {
    background: #c8002f;
    color:#fff;
    padding:4px 10px;
    border-radius:20px;
}

.qd-article-meta-audio {
    color: #aaa;
}

.qd-article-meta-audio-icon {
    font-size: 15px;
    margin-right: 2px;
}

.qd-article-collect {
    background: #fffbe6;
    border-radius: 6px;
    padding: 10px 18px;
    color: #c8002f;
    font-size: 15px;
    margin-bottom: 18px;
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.qd-article-collect-badge {
    background: #c8002f;
    color: #fff;
    border-radius: 3px;
    padding: 2px 8px;
    font-size: 13px;
    font-weight: bold;
}

.qd-article-collect-status {
    color: #888;
    font-size: 14px;
}

.qd-article-tip {
    background: #fafafa;
    border-radius: 6px;
    padding: 12px 18px;
    color: #888;
    font-size: 15px;
    margin-bottom: 18px;
}

.qd-article-authors {
    color: #aaa;
    font-size: 14px;
    margin-bottom: 18px;
}

.qd-article-content {
    font-size: 16px;
    color: #222;
    line-height: 1.8;
}

.qd-article-content h2 {
    font-size: 18px;
    color: #c8002f;
    font-weight: bold;
    margin: 24px 0 12px 0;
}

.qd-article-content p {
    margin-bottom: 18px;
}

.qd-article-side {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.qd-quickbar-right {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    padding: 18px 18px 12px 18px;
    height: 480px;
    overflow: hidden;
    position: relative;
}

.qd-quickbar-scroll {
    overflow: hidden;
    height: 500px;
}

.qd-quickbar-scroll .swiper-container {
    height: 500px;
}

.qd-quickbar-right-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.scroll-container {
    height: 500px;
    overflow: hidden;
    position: relative;
}

.scrollbar {
    height: 400px;
    overflow: hidden;
}

.scrollbar li {
    padding: 10px;
}

.qd-quickbar-right-list li {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 14px;
    color: #222;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qd-quickbar-right-date {
    color: #c8002f;
    min-width: 110px;
    font-size: 13px;
    display: inline;
}

.qd-quickbar-right-text {
    flex: 1;
    color: #444;
}
.qd-quickbar-right-text.video{
    padding-left:20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAgCAYAAABdP1tmAAACL0lEQVRYR+2Zv2sUURDHP7MXEzFBE7UKyAURjbcXIvgDOdPYGFEQ00jATmsxBNRKrUS0t9FgBI3CFYLERhAiyC0qaQxZLSwsRP8BG8+77MgTTs6Qy7499HgLu+Xu7Mz77Ayzb75PABYZ3FRlYBqYBPYAXeZ+h66qwHtFHnxl+e4ZWEkaV0Eq+FOCbpYFhvq76X0FjCZ19K/tBZ5XCSeOQt3Wd4C/VZGHoCeAmiG7BVy2dfD/7fTcET7M2sR5jT/qwVNgZ8PeAH0Cdtk46ISNwHyJ8FRcrDf4kxHMKPQ220qAX1XojnPQqecCSyXCluWv4AX4N4FLgKxel8mQdmqxNnEEPpYIC2vZLrCvv4faE4XjrXylBihgZFiJngG71/swqQCqUDwpRHOKbInLsvNAFfwrwA0gFwdjnjsL9Jmhjd/omwE9awPS3LadawrfyR3sY8X87A8kgXE2Q6AXFHmZFMZZIEWmQF9kQK42hSxDTbXpZNvOMpRlqJ3+2eY7ZredlZzrJRdRnxC6QtsN6V8Tq6sDXkDxvKJ3gJ4k1etk225MrAGFQyBlhbwtlNNABuItw9vq5OaAcRso54EMxHXwjlG4BlwF8VI/gjcAAvzxCH0kyPaWIolrMpbC0tg6MtY7ijtqUAY9vBaUc0KjwvxYjNC4yP4NP/lxW+Hiam0u1VJwwMhpJboPDPzRFNIu1lfYmxe8xwolQaPfUqoLxymCzH5h+V47xyllyA1SnPbQ/C8EPvMPvLSDdwAAAABJRU5ErkJggg==) left center no-repeat;
    background-size: 14px;
}
.qd-quickbar-right-text.fm{
    position:relative;
    text-indent:30px;
    padding-left:20px;
}
.qd-quickbar-right-text.fm::after{
    content:"";
    position: absolute;
    top:0;
    left:0;
    width:18px;
    height:18px;
    background: url(../images/listen-gray.png) left center no-repeat;
    background-size:14px;
}
.qd-quickbar-title {
    font-size: 16px;
    font-weight: bold;
    color: #222;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.qd-quickbar-badge {
    background: #c8002f;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    padding: 2px 8px;
    margin-right: 6px;
}

.qd-quickbar-more {
    color: #c8002f;
    font-size: 14px;
    margin-left: auto;
    text-decoration: none;
}

.qd-quickbar-more:hover {
    text-decoration: underline;
}

.flinks{
    width:40%;
    margin:0 auto;
    min-height:50vh;
}
.flinks h2{
    font-size:24px;
    font-weight:bold;
    text-align: center;
    margin:50px 0 40px 0;
}
.flinks ul li{
    display: inline-block;
    color:#333;
    margin-right:15px;
}
.flinks ul li a{
    color:#333;
    font-size:16px;
}
.feedback{
    text-align: center;
}
.feedback h2{
    margin-bottom:20px;
}
.feedback .mailto{
    display: inline-block;
    background:url(../images/email.png) #c8002f left center no-repeat;
    background-size:16px;
    color:#fff;
    line-height:40px;
    padding:0 20px;
    border-radius:40px;
    margin:30px auto;
}

@media screen and (max-width:960px){
    
    .container{
        width:100%;
    }
    .qd-main{
        width:calc(100% - 20px);
    }
    .qd-main,
    .list-container,
    .bannerand,
    .qd-quickpage-main,
    .qd-quickpage,
    .qd-content,
    footer .navs .flex,
    .qd-article-page,
    .qd-nav{
        flex-direction: column;
    }
    .qd-video-tabbar{
        display: block;
    }
    .qd-news-meta,
    .qd-quickpage-item-actions,
    .qd-quickpage-item-tags,
    .qd-fm-all-date,
    .qd-fm-smalltext,
    .video-info,
    .qd-article-meta{
        display: none;
    }
    .qd-video-list,
    .qd-video-topic-list,
    .qd-video-author-list{
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .qd-header-inner{
        padding:0;
    }
    .qd-main,
    .lines,
    .toptopics,
    .qd-fm-section,
    .qd-content,
    .qd-article-page{
        padding:10px;
    }
    .qd-news-item,
    .qd-main,
    .list-container,
    .qd-quickpage-list,
    .qd-quickpage-item,
    .qd-fm-all-item,
    .qd-content,
    .qd-article-item,
    .qd-article-list{
        gap:10px
    }
    
    .list-container,
    .banner-container,
    .qd-quickpage-date{
        width:100%;
    }
    .qd-fm-all-meta{
        justify-content: flex-end;
    }
    .qd-video-topic-title{
        line-height:1.5;
        font-size:16px;
        height:44px;
    }
    .qd-content{
        
    }
    .qd-news-img,
    .qd-fm-all-thumb,
    .qd-article-img{
        width:40%;
    }
    
    .qd-article-info{
        width:60%;
    }
    .qd-news-title,
    .qd-fm-all-title2,
    .qd-article-title{
        font-size:16px;
        line-height: 1.2;
        margin-bottom:4px;
        text-overflow:ellipsis;
        overflow:hidden;
        -webkit-box-orient:vertical;
        display:-webkit-box;
        -webkit-line-clamp:2;
        min-width:0;
    }
    .qd-news-smalltext,
    .qd-article-desc{
        font-size:14px;
        text-overflow:ellipsis;
        overflow:hidden;
        -webkit-box-orient:vertical;
        display:-webkit-box;
        -webkit-line-clamp:2;
        min-width:0;
    }
    .qd-fm-banner-img{
        width:54%;
    }
    .list-container .news-item,
    .qd-fm-banner-info{
        padding:10px 0;
    }
    .qd-fm-banner-title{
        font-size:20px;
        margin-bottom:0;
    }
    .qd-fm-banner-desc {
        font-size: 12px;
        color: #666;
        width: 85%;
    }
    .qd-article-main{
        
    }
    .qd-article-main .qd-article-title{
        font-size:20px;
        line-height:1.5;
        -webkit-line-clamp: 10;
        margin-bottom:10px;
    }
    .qd-article-main iframe{
        min-height:30vh;
    }
    .qd-article-tip,
    .qd-article-content{
        padding:10px;
        background:#fafafa;
    }
    .qd-news-item,
    .qd-article-tip{
        margin-bottom:10px;
    }
    .qd-video-bottom-title h3{
        font-size:20px;
    }
    .full-banner,
    .ibanners{
        margin-top:0;
    }
    .qd-quickbar-scroll{
        height:440px;
    }
    .lines .every{
        margin-top:0;
    }
}