h3{margin:10px 0 20px}h4{color:#38b549;padding:15px 0 5px;position:relative}h4:after{background:#38b549;content:"";display:block;height:5px;margin:5px 0 0;width:5px}img{width:100%}.mc-bg{background:#fafafa;margin:100px 0 0;padding:0 0 70px}.bg-box{height:200px;margin:0 0 50px;overflow:hidden;position:relative}.in-banner{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;width:100%}.in-banner img{display:block;object-fit:cover;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}img.txt{position:absolute;top:-300px;left:calc((100% - 950px)/2);width:900px}.C-box{margin:0 auto;max-width:1170px;padding:0 15px;position:relative}.SMb li a b{display:contents;font:600 13px arial;padding:0 0 0 6px;vertical-align:bottom}.song .sli{background:#fff;border:1px solid #ddd;box-shadow:3px 3px 7px rgba(0,0,0,.15);display:inline-flex;flex-wrap:wrap;//font-family:‘cwTeXFangSong’,serif;margin:0 5px 5px 0;transition:all .3s;vertical-align:top;width:calc((100% - 15px)/4)}.song .sli.iD{border:1px solid #80cf8c}.song .sli:hover{box-shadow:7px 7px 20px rgba(0,0,0,.2)}.song .sli:nth-child(4n){margin:0 0 10px 0}.sli li{display:inline-flex;flex-wrap:wrap;width:100%}//.C-box li div{display:inline-block;vertical-align:middle}.num{color:#38b549;font-family:arial;font-size:18px;font-weight:600;padding:0 10px 0 0;text-align:center;width:40px}.song-cover{background:url("/assets/meta/33e991dd/img/song-bg.jpg") no-repeat;height:50px;margin:5px;position:relative;width:50px}.shot{background:url("/assets/meta/91c9ffa2/img/face.svg") no-repeat;background-size:cover;border-radius:50%;display:block;height:50px;margin:-25px auto 0;position:relative;vertical-align:top;width:50px}.img-box{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.img-box img{display:block;object-fit:cover;height:0;margin:auto;max-height:100%;max-width:100%;min-height:100%;min-width:100%;position:absolute;top:0;left:0;right:0;bottom:0;width:0}.zone{width:100%}.info{padding:5px;width:calc(100% - 60px)}.info a{color:#000;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info a:hover,.by:hover b{color:#000;text-decoration:underline}.s-name{font-size:19px}.singer{font-size:15px;min-height:21px}.by{color:#000;display:block;font-size:15px;width:100%}.by b{display:block;font-weight:400;overflow:hidden;padding:0 5px;position:relative;text-overflow:ellipsis;white-space:nowrap}.social{border-top:1px solid #ddd;display:table;padding:7px 5px;text-align:right;width:100%}.iD .social{border-top:1px solid #d5ebd8}.social div{display:inline-block}.social .A{text-align:left;width:calc(100% - 125px)}.social .B{width:125px}.social a{display:inline-block;position:relative;vertical-align:middle}.social a b{display:none}.social a:hover b{background:#000;color:#fff;display:block;font:600 16px arial,微軟正黑體;padding:3px 8px;position:absolute;top:-30px;left:50%;transform:translateX(-50%);word-break:keep-all}.social a img{opacity:.7;width:16px}.social span{color:#555;font-family:arial;padding:0 7px}.like i{display:inline-block;height:16px;width:16px;margin:0 3px 0 0;vertical-align:middle}.like i{background:url("/assets/meta/1bacff58/img/pbc-ic-02.svg") no-repeat;background-size:cover}.like.on i{background:url("/assets/meta/60e8d340/img/pbc-ic-03.svg") no-repeat;background-size:cover;animation:likey .3s ease 1}@keyframes likey{0%{transform:scale(0)}50%{transform:scale(.8)}80%{transform:scale(.5)}100%{transform:scale(1)}}.pagi{padding:20px 0 0;text-align:center}.pagination>li{display:inline-block !important;vertical-align:middle}.pagination>li>a{background:0;border:0;color:#555}.pagination>.active>a{background:0;color:#38b549;font-size:35px;font-weight:500;line-height:1}.pagination>.active>a:hover{background:#eee;color:#38b549}.SMb{display:flex;justify-content:center;margin:0 0 30px}.SMb a{background:#fff;border-radius:20px;box-shadow:inset 0 2px 5px #365f4d4d;color:#999;font-weight:600;display:flex;font-size:19px;margin:0 10px;padding:5px 30px}.SMb .active a{background:#39755a;color:#fff}.results{font-size:16px;margin:-15px 0 15px}.results b{color:#39b54a;font:600 21px arial red;padding:0 10px}@media screen and (max-width:1300px){.mc-bg{margin:70px 0 0}}@media screen and (max-width:1200px){.C-box{margin:0 20px}img.txt{left:calc((100% - 1000px)/2)}}@media screen and (max-width:991px){.mc-bg{margin:70px 0 0}.song .sli{width:calc((100% - 10px)/3)}.song .sli:nth-child(4n){margin:0 5px 10px 0}.song .sli:nth-child(3n){margin:0 0 10px 0}}@media screen and (max-width:800px){.mc-bg{margin:70px 0 0}}@media screen and (max-width:768px){.bg-box{height:0;padding-bottom:33vw}img.txt{top:-24vw;left:-4vw;width:100vw}.song .sli{margin:0 5px 10px 0;width:calc((100% - 5px)/2)}.song .sli:nth-child(3n){margin:0 5px 10px 0}.song .sli:nth-child(4n){margin:0 0 10px 0}.song .sli:nth-child(2n){margin:0 0 10px 0}.social a img{opacity:.9;width:18px}}@media screen and (max-width:640px){.C-w{padding:90px 0 30px}.C-box{margin:0;padding:0 20px}}@media screen and (max-width:560px){.bg-box{margin:0 0 30px}.song .sli{margin:0 0 10px;padding:5px;width:100%}.song-cover{display:inline-block;height:50px;padding:0;vertical-align:top;width:50px}.shot{display:none}.by b:before{display:none}.social{border-top:1px dotted #ddd;margin:0;padding:2px 0 0;text-align:right;width:100%}.social a img{opacity:1;width:16px}}@media screen and (max-width:360px){.nav-tabs li{width:33.333%}.nav>li>a{padding:10px 5px;text-align:center}.nav-tabs>li.active>a{font-size:16px}}@media screen and (max-width:320px){.song-cover{height:40px;width:40px}.s-name{font-size:17px;padding:0}.singer{font-size:13px;line-height:1;min-height:13px}.by{font-size:13px;line-height:1;min-height:13px}}