*{margin:0;padding:0;outline:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{width:100%;height:100%;color:#000;background:#fff;font-size:14px;font-family:PingFangSC-Light,Microsoft YaHei UI Light,Microsoft YaHei UI,Microsoft YaHei,helvetica,sans-serif}ul{list-style:none}a{text-decoration:none;color:#000}#header{width:100%;position:relative;height:120px;background:#fff;line-height:60px;text-align:center}#header .logo{height:60px;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0}#header .logo img{height:100%}#content{width:80%;max-width:1400px;position:relative;margin:0 auto 20px}#content .search{width:100%;float:left;padding:30px 20px;background:#f3f3f3;border-radius:10px;margin-bottom:20px}#content .search form{display:block;margin:0 auto;width:100%;height:100%;border-radius:20px;overflow:hidden;max-width:450px;border:none;background:#fff}#content .search form #wd{display:block;width:calc(100% - 50px);background:0 0;text-indent:20px;padding:12px 12px 12px 5px;float:left;height:100%;border:none}#content .search form #submit{display:block;cursor:pointer;width:50px;background:#29f;color:#fff;font-size:14px;line-height:40px;height:100%;text-align:center;float:right;height:100%;border:none;border-radius:20px}#content .search form #submit{font-size:16px}#content .bd{float:left;width:100%;padding:20px;background:#f3f3f3;border-radius:10px}#content .bd #title{width:100%;text-indent:10px;display:block;height:40px;line-height:40px;text-align:left;font-size:18px;color:#000}#nav{width:100%;display:block;margin:10px 0}#nav li{margin:0 0 20px 10px;float:left;background:#fff;border-radius:30px;text-align:center;font-size:12px;transition:.5s}#nav li:hover{background:#29f}#nav li:hover span{color:#fff}#nav li.on{background:#29f;color:#fff}#nav li.on span{color:#fff}#nav li a{display:block;color:#000}#nav li span{display:block;color:#000;padding:6px 20px;cursor:pointer}#nav li.on a{color:#fff}#more{margin:20px auto}#more button{display:block;background:#fff;font-size:12px;text-align:center;margin:0 auto;border-radius:50px;border:none;padding:8px 25px;outline:0;transition:.5s;cursor:pointer}#more button:hover{background:#29f;color:#fff}#content .bd ul#list{width:100%;display:flex;flex-wrap:wrap}#content .bd ul#list li{transition:.3s all}#content .bd ul#list li a{display:block}#content .bd ul#list li .li-img-box{margin:10px;padding:10px;background-color:#fff;border-radius:10px;border:1px solid #eee;position:relative}#content .bd ul#list li a img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.7s;transition:.7s}#content .bd ul#list li a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}#content .bd ul#list li em{display:block;text-align:center;font-style:normal;width:100%;font-size:12px;position:absolute;bottom:0;z-index:100;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.9) 100%)}#content .bd ul#list li span{display:block;width:100%;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}#content .bd ul#list li em b{color:#e09015}#foot{clear:both;font-size:12px;text-align:center;width:100%;position:relative;margin:0 auto;background:#fff;line-height:20px;padding:20px 0;color:#999}#foot a{color:#999}#foot .hy-gototop{position:fixed;right:30px;bottom:80px;z-index:999}#foot .hy-gototop .item>li{padding:10px 0 0 10px}#foot .hy-gototop .item>li>a{display:block;width:40px;height:40px}#foot .hy-gototop .item>li>a i{font-size:38px;font-weight:500}#foot .hy-gototop .item>li>a#toTop{display:none;color:rgba(0,0,0,.3)}#loading{position:.5;width:60px;height:60px;z-index:999;margin:80px auto}.k-ball7a{border:0;margin:0;width:16px;height:16px;position:absolute;border-radius:50%;animation:k-loadingO 2s ease infinite;background:#19a68c;animation-delay:-1.5s}.k-ball7b{border:0;margin:0;width:16px;height:16px;position:absolute;border-radius:50%;animation:k-loadingO 2s ease infinite;background:#f63d3a;animation-delay:-1s}.k-ball7c{border:0;margin:0;width:16px;height:16px;position:absolute;border-radius:50%;animation:k-loadingO 2s ease infinite;background:#fda543;animation-delay:-.5s}.k-ball7d{border:0;margin:0;width:16px;height:16px;position:absolute;border-radius:50%;animation:k-loadingO 2s ease infinite;background:#193b48}@keyframes k-loadingA{0{height:15px}50%{height:35px}100%{height:15px}}@keyframes k-loadingB{0{width:15px}50%{width:35px}100%{width:15px}}@keyframes k-loadingC{0{transform:translate(0,0)}50%{transform:translate(0,15px)}100%{transform:translate(0,0)}}@keyframes k-loadingD{0{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes k-loadingE{0{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes k-loadingF{0%{opacity:0}100%{opacity:1}}@keyframes k-loadingG{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(70px,0) rotate(360deg)}100%{transform:translate(0,0) rotate(0)}}@keyframes k-loadingGb{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(-70px,0) rotate(-360deg)}100%{transform:translate(0,0) rotate(0)}}@keyframes k-loadingH{0%{width:15px}50%{width:35px;padding:4px}100%{width:15px}}@keyframes k-loadingHb{0%{width:15px;background-color:#607d8b}50%{width:35px;padding:4px;background-color:#455a64}100%{width:15px;background-color:#263238}}@keyframes k-loadingI{100%{transform:rotate(360deg)}}@keyframes k-loadingIb{0%,100%{transform:scale(0)}50%{transform:scale(1)}}@keyframes k-loadingJ{0%,100%{transform:translate(0,0)}50%{transform:translate(80px,0);background-color:#f5634a;width:25px}}@keyframes k-loadingK{0%{left:0;transform:scale(1.1)}50%{left:100%;transform:scale(1)}100%{left:0;transform:scale(1.1)}}@keyframes k-loadingL{0%{left:100%;transform:scale(1.1)}50%{left:0;transform:scale(1)}100%{left:100%;transform:scale(1.1)}}@keyframes k-loadingM{0%{z-index:0}50%{z-index:1}100%{z-index:0}}@keyframes k-loadingN{0%{z-index:1}50%{z-index:0}100%{z-index:1}}@keyframes k-loadingO{0%,100%{transform:translate(0)}25%{transform:translate(160%)}50%{transform:translate(160%,160%)}75%{transform:translate(0,160%)}}@keyframes k-loadingP{0%{transform:translateY(0)}35%{transform:translateY(0);opacity:.3}50%{transform:translateY(-20px);opacity:.8}70%{transform:translateY(3px);opacity:.8}85%{transform:translateY(-3px)}}@keyframes k-loadingQ{33%{transform:translate(0,0);opacity:.7}66%{transform:translate(0,0);opacity:.7}}@keyframes k-loadingR{0%{opacity:.5;background:#000}30%{opacity:.5;background:#666}60%{opacity:0}75%{opacity:0}100%{opacity:.5;background:#000}}@keyframes k-loadingS{40%{transform:translateX(0);opacity:.8}100%{transform:translateX(300px);opacity:0}}#detail .title-wrapper{display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;margin:10px 0 0 10px;height:198px;border-bottom:1px solid rgba(30,35,42,.05)}#detail .poster{width:200px;height:100%;border-top-left-radius:10px;border-top-right-radius:10px;flex-shrink:0;overflow:hidden}#detail .poster img{width:100%;height:100%;object-fit:cover;display:inline-block}#detail .title-block{display:flex;flex-direction:column;-webkit-box-pack:center;justify-content:center;width:100%;height:100%}#detail .detail-title{display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;width:100%;box-sizing:border-box;padding:10px 10px 10px 20px}#detail .detail-title span{font-size:25px;font-weight:700;line-height:31px}#detail .detail-info{color:#fff;font-size:14px;line-height:20px;display:inline-block!important;padding:10px 10px 10px 20px}#detail .detail-info .labels{display:flex;line-height:1;margin-top:9px;-webkit-box-align:center;align-items:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden}#detail .detail-info .labels i{margin-right:5px}#detail .rating{display:inline-block;font-size:13px;margin-right:10px;padding:3px 7px;background:#41ac52;border-radius:16px}#detail .label{display:flex;-webkit-box-align:center;align-items:center;margin-right:8px;color:rgba(0,0,0,.9);padding:3px 7px;border-radius:16px;background:#e9eef5}#detail .content{line-height:20px;text-align:justify;color:#666;font-size:14px;margin:30px 15px 0 15px;overflow:hidden}.copy-share{margin:20px 0;padding:0 15px}.copy-share .extra-copy .component-copy{display:inline-block;cursor:pointer;border:1px solid #00a4ff;color:#00a4ff;-webkit-border-radius:3px;border-radius:3px;padding:2px 8px;margin-top:5px}.copy-share .extra-copy .component-copy .txt{color:#00a4ff;font-style:normal;cursor:pointer}.copy-content{width:1px;height:0;opacity:0;padding:0;border:none;position:absolute}.shares{margin:10px 0}.shares strong{line-height:32px;display:inline-block;font-weight:400;color:#999}.shares a{position:relative;width:34px;height:34px;line-height:34px;display:inline-block;margin-right:5px;opacity:.8;cursor:pointer;border-radius:50px;text-align:center}.shares a:hover{opacity:1}.shares a:hover .share-popover{visibility:visible;opacity:1;margin-bottom:0}.shares a:before{height:32px;width:10px}.shares a:hover:before{-webkit-transition:right .5s;-moz-transition:right .5s;transition:right .5s;right:-70%}.shares a[class^=share] i{color:#fff;font-size:16px;font-weight:400}.shares a.share-tsina{background-color:#ff6b60}.shares a.share-weixin{background-color:#07c160}.shares a.share-qzone{background-color:#fbc440}.shares a.share-sqq{background-color:#00a9ee}.shares a.share-renren{background-color:#95b4ec}.shares a.share-tqq{background-color:#5fb2d7}.shares a.share-douban{background-color:#67ce9b}.shares a.share-huaban{background-color:#dc5e5e}.shares a.share-twitter{background-color:#41b8fc}.shares a.share-facebook{background-color:#4867aa}.shares a.share-linkedin{background-color:#0a66c2}.shares .share-popover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden;opacity:0;position:absolute;bottom:100%;left:0;width:110px;height:116px;margin-bottom:20px;padding-bottom:6px;background-color:transparent}.shares .share-popover .share-popover-inner{display:block;background-color:#fff;border:1px solid #999;padding:4px;border-radius:2px;position:relative;bottom:6px;height:110px}.shares .share-popover .share-popover-inner::after,.shares .share-popover .share-popover-inner::before{content:'';position:absolute;bottom:-5px;left:9px;border-left:5px solid transparent;border-right:5px solid transparent}.shares .share-popover .share-popover-inner::before{border-top:5px solid #555}.shares .share-popover .share-popover-inner::after{border-top:5px solid #fff;margin-bottom:1px}.use-tip{padding:0 15px 10px}.use-tip h3{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb;font-size:1.25rem;line-height:1.75rem}.use-tip p{margin-top:0;margin-bottom:0;color:#999;font-size:14px;line-height:28px}@media (max-width:575px){#content{width:95%}#content .bd{padding:10px}#content .bd ul#list li .li-img-box{margin:5px}#detail .detail-title span{font-size:16px}#detail .title-wrapper{height:166px}#detail .poster{width:120px}#detail .content img{width:100%}}@media (min-width:576px) and (max-width:767px){#content{width:90%}#content .bd{padding:10px}#detail .detail-title span{font-size:20px}#detail .title-wrapper{height:166px}#detail .poster{width:120px}}