.m-tags{padding-left:12px}.m-tags-list .u-item{-webkit-box-sizing:border-box;box-sizing:border-box;height:30px;margin-bottom:15px;color:hsla(0,0%,100%,.6);font-weight:400;font-size:15px;line-height:30px;text-align:center;cursor:pointer}.m-tags-list .u-item:hover{color:#fff}.m-tags-list .u-title{float:left;width:65px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:auto}.m-tags-list .u-title:hover{color:hsla(0,0%,100%,.6)}.m-tags-list .m-wp{float:left;width:calc(100% - 65px)}.m-tags-list .m-wp .u-item{display:inline-block;padding:0 14px;margin-right:16px}.m-tags-list .m-wp .u-item.on{height:30px;border-radius:20px;color:#fff;background:#ff5f00}.m-tags-list .m-wp .u-item:first-child.on{background:hsla(0,0%,100%,.15)}.m-tabs{position:relative}.m-tabs .m-tabs-arrow{position:absolute;top:0;right:0;width:55px;padding-top:10px}.m-tabs .m-tabs-arrow a:first-child{margin-right:15px}.m-tabs .m-tabs-arrow .hitv-svg-icon{width:16px;height:16px;color:hsla(0,0%,100%,.6);cursor:pointer}.m-tabs .m-tabs-arrow .disabled .hitv-svg-icon{color:hsla(0,0%,100%,.3)}.m-tabs-out{height:46px;margin-bottom:25px;overflow:hidden;font-weight:700}.m-tabs-out .m-tabs-inner{display:inline-block;white-space:nowrap}.m-tabs-out .m-tabs-inner.fold{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.m-tabs-out .m-item{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:66px;height:46px;margin-right:22px;cursor:pointer}.m-tabs-out .m-item a,.m-tabs-out .m-item span{display:block;padding:4px 12px;color:hsla(0,0%,100%,.6);font-size:18px;line-height:29px}.m-tabs-out .m-item .u-perch{visibility:hidden;font-size:22px;line-height:29px}.m-tabs-out .m-item .u-info{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.m-tabs-out .m-item:hover .u-info{color:#fff}.m-tabs-out .m-item-on a,.m-tabs-out .m-item-on span{color:#fff;font-size:22px;line-height:29px}.m-tabs-out .m-item-on:after{position:absolute;bottom:0;left:50%;width:20px;height:5px;border-radius:50px;margin-left:-10px;background:#ff8000;background:-webkit-gradient(linear,left top,right top,from(#ff5f00),to(#ff8000));background:-webkit-linear-gradient(left,#ff5f00,#ff8000);background:-o-linear-gradient(left,#ff5f00 0,#ff8000 100%);background:linear-gradient(90deg,#ff5f00,#ff8000);content:""}.no-record{width:100%;height:160px;padding-top:120px;margin-right:auto;margin-left:auto;background:url(https://static.hitv.com/pc/img/91b1827.png) center 120px no-repeat}.no-record span{display:block;padding-top:81px;color:#666;text-align:center}.u-desc{height:auto;color:#999;overflow:hidden;font-size:13px;line-height:26px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.preview-wrap{position:absolute;top:140px;width:330px;height:auto;padding-bottom:25px;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 0 80px rgba(0,0,0,.4);box-shadow:0 0 80px rgba(0,0,0,.4);-webkit-animation:dynamic .1s ease;animation:dynamic .1s ease;z-index:200}.preview-wrap.preview-horizontal{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-animation:dynamic2 .1s ease;animation:dynamic2 .1s ease}.preview-wrap .img{position:relative;height:186px;border-radius:4px 4px 0 0;margin-bottom:15px;overflow:hidden}.preview-wrap .img img{width:100%}.preview-wrap .img .u-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100%}.preview-wrap .prew-title{margin:0 20px 10px;color:#222;overflow:hidden;font-weight:700;font-size:22px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.preview-wrap .prew-label{padding:0 20px 2px}.preview-wrap .prew-label span{display:inline-block;height:30px;padding:0 16px;border-radius:22px;margin-right:8px;margin-bottom:8px;color:#222;background:#f1f1f1;font-weight:400;font-size:13px;font-family:Microsoft YaHei;line-height:30px}.preview-wrap .introduce{max-height:44px;margin:0 20px;color:#999;overflow:hidden;font-size:13px;line-height:22px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:normal}.preview-wrap .bottom{margin-top:10px;margin-left:20px}.preview-wrap .bottom .btn{display:inline-block;height:36px;padding:0 18px;border-radius:22px;font-weight:700;font-size:15px;line-height:36px;text-align:center}.preview-wrap .bottom .btn.appointment{color:#fff;background:#ff5f00;background:-webkit-gradient(linear,left top,right top,from(#ff5f00),to(#ffa000));background:-webkit-linear-gradient(left,#ff5f00,#ffa000);background:-o-linear-gradient(left,#ff5f00 0,#ffa000 100%);background:linear-gradient(90deg,#ff5f00,#ffa000)}.preview-wrap .bottom .btn.appointment:hover{background:#f70;background:-webkit-gradient(linear,left top,right top,from(#f70),to(#ffa000));background:-webkit-linear-gradient(left,#f70,#ffa000);background:-o-linear-gradient(left,#f70 0,#ffa000 100%);background:linear-gradient(90deg,#f70,#ffa000)}.preview-wrap .bottom .btn.disabled{color:#fff;background-color:#ccc}.preview-wrap .bottom .btn.code{margin-left:10px;color:#ff5f00;background-color:#f8f8f8;font-weight:700}.preview-wrap .bottom .like{position:relative;top:6px;margin-left:25px;cursor:pointer}.preview-wrap .bottom .like .hitv-addlist{color:#999}.preview-wrap .bottom .like .hitv-addlist:hover,.preview-wrap .bottom .like .hitv-addlisted{color:#ff6f00}@keyframes dynamic{0%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dynamic{0%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes dynamic2{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@-webkit-keyframes dynamic2{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@media screen and (min-width:2048px){.preview-wrap{width:330px}.preview-wrap .img{height:186px}}@media screen and (max-width:2048px){.preview-wrap{width:330px}.preview-wrap .img{height:186px}}@media screen and (max-width:1799px){.preview-wrap{width:280px}.preview-wrap .img{height:158px}}@media screen and (max-width:1499px){.preview-wrap{width:280px}.preview-wrap .img{height:158px}}@media screen and (max-width:1281px){.preview-wrap{width:280px}.preview-wrap .img{height:158px}}.g-pianku{padding-bottom:45px}.g-pianku .g-container-pianku{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:84px;margin-bottom:40px;background:#2a2a3a url(https://static.hitv.com/pc/img/0ba3bf5.png) 100% 0 no-repeat;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.2);box-shadow:0 10px 30px rgba(0,0,0,.2)}.g-pianku .g-container-pianku .g-container-pianku-con{overflow:hidden}.m-tablist{position:relative;z-index:2}.m-list .hitv_horizontal,.m-list .hitv_vertical{float:left}.m-list .hitv_horizontal .hitv_vertical-txtbox,.m-list .hitv_vertical .hitv_vertical-txtbox{padding-bottom:30px}.m-list .hitv_horizontal .hitv_vertical-txtbox .hitv_vertical-onetitle,.m-list .hitv_horizontal .hitv_vertical-txtbox .hitv_vertical-title,.m-list .hitv_vertical .hitv_vertical-txtbox .hitv_vertical-onetitle,.m-list .hitv_vertical .hitv_vertical-txtbox .hitv_vertical-title{height:26px}.m-list .hitv_horizontal .hitv_vertical-txtbox .hitv_vertical-onetitle a,.m-list .hitv_horizontal .hitv_vertical-txtbox .hitv_vertical-title a,.m-list .hitv_vertical .hitv_vertical-txtbox .hitv_vertical-onetitle a,.m-list .hitv_vertical .hitv_vertical-txtbox .hitv_vertical-title a{height:26px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;word-break:keep-all}.m-list .hitv_horizontal .hitv_horizontal-txtbox,.m-list .hitv_vertical .hitv_horizontal-txtbox{padding-bottom:25px}.m-list .hitv_horizontal .hitv_horizontal-txtbox .hitv_horizontal-onetitle,.m-list .hitv_horizontal .hitv_horizontal-txtbox .hitv_horizontal-title,.m-list .hitv_vertical .hitv_horizontal-txtbox .hitv_horizontal-onetitle,.m-list .hitv_vertical .hitv_horizontal-txtbox .hitv_horizontal-title{height:26px}.m-list .hitv_horizontal .hitv_horizontal-txtbox .hitv_horizontal-onetitle a,.m-list .hitv_horizontal .hitv_horizontal-txtbox .hitv_horizontal-title a,.m-list .hitv_vertical .hitv_horizontal-txtbox .hitv_horizontal-onetitle a,.m-list .hitv_vertical .hitv_horizontal-txtbox .hitv_horizontal-title a{height:26px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;word-break:keep-all}.m-list .hitv_horizontal:hover .hitv_horizontal-onetitle a,.m-list .hitv_horizontal:hover .hitv_horizontal-title a,.m-list .hitv_horizontal:hover .hitv_vertical-onetitle a,.m-list .hitv_horizontal:hover .hitv_vertical-title a,.m-list .hitv_vertical:hover .hitv_horizontal-onetitle a,.m-list .hitv_vertical:hover .hitv_horizontal-title a,.m-list .hitv_vertical:hover .hitv_vertical-onetitle a,.m-list .hitv_vertical:hover .hitv_vertical-title a{color:#222}.m-list .hitv_horizontal:hover .hitv_horizontal-onetitle a:hover,.m-list .hitv_horizontal:hover .hitv_horizontal-title a:hover,.m-list .hitv_horizontal:hover .hitv_vertical-onetitle a:hover,.m-list .hitv_horizontal:hover .hitv_vertical-title a:hover,.m-list .hitv_vertical:hover .hitv_horizontal-onetitle a:hover,.m-list .hitv_vertical:hover .hitv_horizontal-title a:hover,.m-list .hitv_vertical:hover .hitv_vertical-onetitle a:hover,.m-list .hitv_vertical:hover .hitv_vertical-title a:hover{color:#ff5f00}.m-footer{position:relative;width:100%;height:100px;margin-bottom:50px}@media screen and (min-width:2048px){.g-container-pianku-con{-webkit-box-sizing:border-box;box-sizing:border-box;width:1948px;padding:0!important;margin-right:auto;margin-left:auto}.g-container-pianku-con .m-tags{width:1936px}.g-container-list{-webkit-box-sizing:border-box;box-sizing:border-box;width:1948px;padding:0!important;margin-right:auto;margin-left:auto}.g-container-list .m-list .scroll-item{-webkit-box-sizing:border-box;box-sizing:border-box;width:12.5%;padding:0 10px}.g-container-list .m-list .scroll-item .hitv_horizontal-screenshot{width:100%;height:auto}}@media screen and (max-width:2048px){.g-container-pianku-con{padding:0 40px}.g-container-pianku-con .m-tags{width:1799px}.g-container-list{padding:0 40px}.g-container-list .m-list .scroll-item{-webkit-box-sizing:border-box;box-sizing:border-box;width:12.5%;padding:0 10px}.g-container-list .m-list .scroll-item .hitv_horizontal-screenshot{width:100%;height:auto}}@media screen and (max-width:1799px){.g-container-pianku-con{padding:0 40px}.g-container-pianku-con .m-tags{width:1499px}.g-container-list{padding:0 40px}.g-container-list .m-list .scroll-item{-webkit-box-sizing:border-box;box-sizing:border-box;width:14.285714%;padding:0 10px}.g-container-list .m-list .scroll-item .hitv_horizontal-screenshot{width:100%;height:auto}}@media screen and (max-width:1499px){.g-container-pianku-con{padding:0 20px}.g-container-pianku-con .m-tags{width:1281px}.g-container-list{padding:0 20px}.g-container-list .m-list .scroll-item{-webkit-box-sizing:border-box;box-sizing:border-box;width:16.666666%;padding:0 10px}.g-container-list .m-list .scroll-item .hitv_horizontal-screenshot{width:100%;height:auto}}@media screen and (max-width:1281px){.g-container-pianku-con{padding:0 20px}.g-container-pianku-con .m-tags{width:1024px}.g-container-list{padding:0 20px}.g-container-list .m-list .scroll-item{-webkit-box-sizing:border-box;box-sizing:border-box;width:20%;padding:0 10px}.g-container-list .m-list .scroll-item .hitv_horizontal-screenshot{width:100%;height:auto}}@media screen and (max-width:1024px){.g-container-pianku-con .m-tags{width:100%}}