.specialSubject-detail{padding-bottom:30px}@media(min-width:768px){.specialSubject-detail{max-width:800px;margin:0 auto;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}}.specialSubject-detail .pop_up{width:100%;position:absolute;top:0;bottom:0;left:0;right:0;z-index:9999;background:#000;opacity:.78}.specialSubject-detail .head{padding:0 17px;display:flex;align-items:center;justify-content:space-between;height:50px;background-color:#fff;position:fixed;top:0;width:calc(100% - 32px);z-index:9998}.specialSubject-detail .head .left-content{display:flex}.specialSubject-detail .head .left-content .van-image{width:39px;height:39px;margin-right:10px}.specialSubject-detail .head .head-left .title-top{font-size:16px;color:#130000;font-weight:700}.specialSubject-detail .head .head-left .title-bottom{font-size:10px;color:#999}.specialSubject-detail .head .open-btn{border-radius:6px;height:27px;width:54px;font-size:12px;padding:0}.specialSubject-detail .topic-image,.specialSubject-detail .topic-image .van-image{width:100%}.specialSubject-detail .topic-image img{max-height:300px}@media(min-width:768px){.specialSubject-detail .topic-image img{max-height:400px;-o-object-fit:contain;object-fit:contain}.specialSubject-detail .topic-image .van-image{background:#f5f5f5;display:flex;align-items:center;justify-content:center}}.specialSubject-detail .hasHead{margin-top:50px}.specialSubject-detail .hasHeadIframe{height:calc(100% - 50px);margin-top:50px}.specialSubject-detail .nohasHeadIframe{height:100%;margin-top:0}.specialSubject-detail .topic-image-url{margin-top:14px;padding:0 17px}.specialSubject-detail .topic-image-url .van-image{height:92px;width:100%}@media(min-width:768px){.specialSubject-detail .topic-image-url{padding:0 24px;margin-top:20px}.specialSubject-detail .topic-image-url .van-image{height:120px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}}.specialSubject-detail .topic-image-url2{width:100%}.specialSubject-detail .topic-image-url2 .van-image{height:92px;width:100%}@media(min-width:768px){.specialSubject-detail .topic-image-url2 .van-image{height:120px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}}.specialSubject-detail .gray{width:100%;height:5px;background:#f9f9f9}.specialSubject-detail .content{border-radius:16px 16px 0 0}.specialSubject-detail .title{font-weight:700;color:#130000;font-size:20px;padding:0 17px;margin-top:5px;margin-bottom:15px}@media(min-width:768px){.specialSubject-detail .title{font-size:28px;padding:0 24px;margin-top:20px;margin-bottom:20px}}.specialSubject-detail .introduction-area{width:100%;margin-bottom:10px}.specialSubject-detail .introduction-area .expand{position:relative;margin-left:calc(100% - 38px);margin-top:-18px;color:#3d7df9;font-size:12px}.specialSubject-detail .introduction{color:#999;font-size:14px;padding:0 17px;width:calc(100% - 55px)}@media(min-width:768px){.specialSubject-detail .introduction{font-size:16px;padding:0 24px;width:calc(100% - 80px);line-height:1.6}}.specialSubject-detail .introduction-expand{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.specialSubject-detail .columns{padding:0 17px}@media(min-width:768px){.specialSubject-detail .columns{padding:0 24px}}.specialSubject-detail .columns .van-tabs__wrap{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.specialSubject-detail .columns .van-tabs__wrap::-webkit-scrollbar{display:none}.specialSubject-detail .columns .empty-tabs .van-tabs__wrap{display:none}.specialSubject-detail .columns .van-tab{padding-bottom:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;justify-content:flex-start;flex:none;padding:0 13px}.specialSubject-detail .columns .van-tab__text{color:#999;font-size:16px}.specialSubject-detail .columns .van-tab--active .van-tab__text{color:#130000;font-weight:700;font-size:17px}.specialSubject-detail .columns .left-right-layout-title{display:flex;margin-top:20px}.specialSubject-detail .columns .left-right-layout-title .icon{height:40px;width:40px;margin-left:-10px}.specialSubject-detail .columns .left-right-layout-title .column-name{margin-top:3px;font-weight:700;font-size:18px}.specialSubject-detail .columns .expand{display:flex;justify-content:center;margin-top:10px}.specialSubject-detail .columns .expand .expand-icon{display:flex}.specialSubject-detail .columns .expand .van-image{width:14px;height:13px;margin-right:8px;margin-top:4px}.specialSubject-detail .columns .expand .label{color:#999;font-weight:700;font-size:14px}.specialSubject-detail .left-and-right{display:flex;box-sizing:border-box;border-bottom:1px solid #f0f0f0;border-radius:12px 12px 12px 12px;padding:16px 0;width:100%;margin-bottom:10px}@media(min-width:768px){.specialSubject-detail .left-and-right{padding:20px 0;margin-bottom:15px}}.specialSubject-detail .left-and-right .is-left .van-image{width:157px;height:95px}.specialSubject-detail .left-and-right .is-left .van-image img{border-radius:9px}.specialSubject-detail .left-and-right .is-left .video-wrapper{width:157px;height:95px;border-radius:9px;position:relative}.specialSubject-detail .left-and-right .is-left .video-wrapper .head-img{width:157px;height:95px;border-radius:9px}.specialSubject-detail .left-and-right .is-left .video-wrapper .play-btn{position:absolute;right:0;bottom:0;width:30px;height:30px}.specialSubject-detail .left-and-right .is-left video{width:157px;height:95px;border-radius:9px}@media(min-width:768px){.specialSubject-detail .left-and-right .is-left .van-image,.specialSubject-detail .left-and-right .is-left .video-wrapper,.specialSubject-detail .left-and-right .is-left .video-wrapper .head-img{width:200px;height:120px}.specialSubject-detail .left-and-right .is-left .video-wrapper .play-btn{width:40px;height:40px}.specialSubject-detail .left-and-right .is-left video{width:200px;height:120px}}.specialSubject-detail .left-and-right .is-right{margin-left:14px;display:flex;flex-direction:column;justify-content:space-between;width:100%}.specialSubject-detail .left-and-right .is-right .title-name{font-weight:700;color:#333;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(min-width:768px){.specialSubject-detail .left-and-right .is-right{margin-left:20px}.specialSubject-detail .left-and-right .is-right .title-name{font-size:18px;line-height:1.4}}.specialSubject-detail .left-and-right .is-right .type-name{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:3px 8px;border-radius:4px;margin-top:6px;font-size:11px;font-weight:500;letter-spacing:.3px;transition:all .3s ease;background:#f5f5fa;color:#a1a1b3;border:1px solid #e0e0e0}.specialSubject-detail .left-and-right .is-right .type-name.type-1{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border:1px solid #90caf9;box-shadow:0 2px 4px rgba(21,101,192,.1)}.specialSubject-detail .left-and-right .is-right .type-name.type-2{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;border:1px solid #ffb74d;box-shadow:0 2px 4px rgba(230,81,0,.1)}.specialSubject-detail .left-and-right .is-right .type-name.type-3{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:1px solid #ef5350;box-shadow:0 2px 4px rgba(198,40,40,.1)}.specialSubject-detail .left-and-right .is-right .type-name.type-4{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:#2e7d32;border:1px solid #66bb6a;box-shadow:0 2px 4px rgba(46,125,50,.1)}.specialSubject-detail .left-and-right .is-right .type-name.type-5{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2;border:1px solid #ba68c8;box-shadow:0 2px 4px rgba(123,31,162,.1)}.specialSubject-detail .left-and-right .is-right .type-name.type-6{background:linear-gradient(135deg,#e0f2f1,#b2dfdb);color:#00695c;border:1px solid #4db6ac;box-shadow:0 2px 4px rgba(0,105,92,.1)}.specialSubject-detail .left-and-right .is-right .type-name.type-7{background:linear-gradient(135deg,#fce4ec,#f8bbd9);color:#ad1457;border:1px solid #f06292;box-shadow:0 2px 4px rgba(173,20,87,.1)}.specialSubject-detail .left-and-right .is-right .type-name.type-8{background:linear-gradient(135deg,#fffde7,#fff9c4);color:#f57f17;border:1px solid #ffeb3b;box-shadow:0 2px 4px rgba(245,127,23,.1)}.specialSubject-detail .left-and-right .is-right .type-name.type-9{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#424242;border:1px solid #9e9e9e;box-shadow:0 2px 4px rgba(66,66,66,.1)}.specialSubject-detail .left-and-right .is-right .type-name:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.specialSubject-detail .left-and-right .is-right .bottom{display:flex;justify-content:space-between}.specialSubject-detail .left-and-right .is-right .bottom .org{color:#999;font-size:12px;line-height:14.06px}.specialSubject-detail .left-and-right .is-right .bottom .org .icon{margin-left:5px;margin-right:5px}.specialSubject-detail .left-and-right .is-right .bottom .readNum{color:#999;font-size:11px;white-space:nowrap}.specialSubject-detail .left-and-right .is-right .bottom .readNum .van-image{width:15px;height:11px;margin-top:1px}.specialSubject-detail .left-and-right .is-right .bottom .miniProgram{margin-right:8px}.specialSubject-detail .top-and-bottom{border-bottom:1px solid #eee;padding:15px 0}@media(min-width:768px){.specialSubject-detail .top-and-bottom{padding:20px 0}}.specialSubject-detail .top-and-bottom .top-image{height:206px;margin-bottom:10px}.specialSubject-detail .top-and-bottom .top-image .van-image{width:100%;height:206px}.specialSubject-detail .top-and-bottom .top-image .van-image img{border-radius:9px}@media(min-width:768px){.specialSubject-detail .top-and-bottom .top-image{height:250px;margin-bottom:15px}.specialSubject-detail .top-and-bottom .top-image .van-image{height:250px}}.specialSubject-detail .top-and-bottom .top-three-image{display:flex;height:64px;margin-bottom:10px}.specialSubject-detail .top-and-bottom .top-three-image .van-image{width:calc(33.33333% - 8.66667px);height:64px;margin-right:13px}.specialSubject-detail .top-and-bottom .top-three-image .van-image img{border-radius:9px}.specialSubject-detail .top-and-bottom .top-three-image .van-image:last-child{margin-right:0}@media(min-width:768px){.specialSubject-detail .top-and-bottom .top-three-image{height:80px;margin-bottom:15px}.specialSubject-detail .top-and-bottom .top-three-image .van-image{height:80px}}.specialSubject-detail .top-and-bottom .title-name{font-weight:700;color:#130000;font-size:16px;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(min-width:768px){.specialSubject-detail .top-and-bottom .title-name{font-size:18px;margin-bottom:18px;line-height:1.4}}.specialSubject-detail .top-and-bottom .bottom-area{display:flex;justify-content:space-between}.specialSubject-detail .top-and-bottom .bottom-area .org{color:#666;font-size:11px;margin-top:10px;margin-left:10px}.specialSubject-detail .top-and-bottom .bottom-area .readNum{color:#999;font-size:11px}.specialSubject-detail .top-and-bottom .bottom-area .readNum .van-image{width:15px;height:11px}.specialSubject-detail .top-and-bottom .bottom-area .left-area{display:flex}.specialSubject-detail .top-and-bottom .bottom-area .type-name{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:3px 8px;border-radius:4px;margin-top:6px;font-size:11px;font-weight:500;letter-spacing:.3px;transition:all .3s ease;background:#f5f5fa;color:#a1a1b3;border:1px solid #e0e0e0}.specialSubject-detail .top-and-bottom .bottom-area .type-name.type-1{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border:1px solid #90caf9;box-shadow:0 2px 4px rgba(21,101,192,.1)}.specialSubject-detail .top-and-bottom .bottom-area .type-name.type-2{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;border:1px solid #ffb74d;box-shadow:0 2px 4px rgba(230,81,0,.1)}.specialSubject-detail .top-and-bottom .bottom-area .type-name.type-3{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:1px solid #ef5350;box-shadow:0 2px 4px rgba(198,40,40,.1)}.specialSubject-detail .top-and-bottom .bottom-area .type-name.type-4{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:#2e7d32;border:1px solid #66bb6a;box-shadow:0 2px 4px rgba(46,125,50,.1)}.specialSubject-detail .top-and-bottom .bottom-area .type-name.type-5{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2;border:1px solid #ba68c8;box-shadow:0 2px 4px rgba(123,31,162,.1)}.specialSubject-detail .top-and-bottom .bottom-area .type-name.type-6{background:linear-gradient(135deg,#e0f2f1,#b2dfdb);color:#00695c;border:1px solid #4db6ac;box-shadow:0 2px 4px rgba(0,105,92,.1)}.specialSubject-detail .top-and-bottom .bottom-area .type-name.type-7{background:linear-gradient(135deg,#fce4ec,#f8bbd9);color:#ad1457;border:1px solid #f06292;box-shadow:0 2px 4px rgba(173,20,87,.1)}.specialSubject-detail .top-and-bottom .bottom-area .type-name.type-8{background:linear-gradient(135deg,#fffde7,#fff9c4);color:#f57f17;border:1px solid #ffeb3b;box-shadow:0 2px 4px rgba(245,127,23,.1)}.specialSubject-detail .top-and-bottom .bottom-area .type-name.type-9{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#424242;border:1px solid #9e9e9e;box-shadow:0 2px 4px rgba(66,66,66,.1)}.specialSubject-detail .top-and-bottom .bottom-area .type-name:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.specialSubject-detail .topic-name{color:#130000;font-size:16px;margin-top:10px;font-weight:700}@media(min-width:768px){.specialSubject-detail .topic-name{font-size:18px;margin-top:15px}}