/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.icon{background-image:url(/static/img/sprite.3c2f760.png)}.icon-alipay{display:inline-block;width:64px;height:64px;background-position:0 0;vertical-align:top;background-image:url(/static/img/sprite.3c2f760.png)}.icon-cherry{background-position:-64px -64px;background-image:url(/static/img/sprite.3c2f760.png)}.icon-cherry,.icon-heartbeat{display:inline-block;width:32px;height:32px;vertical-align:top}.icon-heartbeat{background-position:-96px -64px;background-image:url(/static/img/sprite.3c2f760.png)}.icon-hot{background-position:-64px -96px;background-image:url(/static/img/sprite.3c2f760.png)}.icon-hot,.icon-pause{display:inline-block;width:32px;height:32px;vertical-align:top}.icon-pause{background-position:-96px -96px;background-image:url(/static/img/sprite.3c2f760.png)}.icon-piano{width:64px;height:64px;background-position:-64px 0;background-image:url(/static/img/sprite.3c2f760.png)}.icon-piano,.icon-star{display:inline-block;vertical-align:top}.icon-star{width:32px;height:32px;background-position:-128px 0;background-image:url(/static/img/sprite.3c2f760.png)}.icon-wxpay{display:inline-block;width:64px;height:64px;background-position:0 -64px;vertical-align:top;background-image:url(/static/img/sprite.3c2f760.png)}@media screen and (max-width:1365px){#app .responsive-section-a{width:90%}}@media screen and (min-width:1366px) and (max-width:1599px){#app .responsive-section-a{width:87.5%}}@media screen and (min-width:1600px) and (max-width:1919px){#app .responsive-section-a{width:85%}}@media screen and (min-width:1920px){#app .responsive-section-a{width:80%}#app .component-autopiano .piano-wrap .piano-band{height:45px;line-height:45px;background-size:135px 45px}}.clearfix{clear:both;*zoom:1}.clearfix:before{content:"";display:block}.clearfix:after{content:"";display:table;height:0;clear:both}::-webkit-scrollbar{width:0;height:0;background-color:#f5f5f5;display:none}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;scrollbar-width:none}*,body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,html{position:relative;overflow-x:scroll;overflow-y:hidden;color:#373737}#app,body,html{width:100%;height:100%}a{text-decoration:none;color:#373737}.page-pc{min-width:1280px;padding:1px;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;overflow-x:scroll}.page-pc,.page-pc .app-bg{width:100%;height:100%;position:absolute;top:0;left:0}.page-pc .app-bg{z-index:-100;opacity:.5;background-size:cover;background-repeat:no-repeat;-webkit-transition:all .5s linear;transition:all .5s linear}.page-pc .app-content{width:100%;height:100%;overflow-y:scroll;position:relative}.page-pc .app-content .piano-scroll-wrap{overflow:hidden}.page-pc .app-content .score-section{width:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-pc .app-content .section-title{margin:30px auto 20px;font-size:28px;font-weight:500;color:#333}.page-pc .app-content .right-drawer{width:500px;height:100%;position:fixed;top:0;right:-500px;z-index:100;border-left:1px solid #ccc;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.page-pc .app-content .right-drawer .trigger{width:30px;height:86px;font-size:16px;padding-top:7px;top:50%;left:-32px}.page-pc .app-content .right-drawer .close,.page-pc .app-content .right-drawer .trigger{text-align:center;position:absolute;background:#ef496f;color:#fff;cursor:pointer;z-index:101}.page-pc .app-content .right-drawer .close{width:20px;height:20px;line-height:20px;top:10px;right:15px}.page-pc .app-content .right-drawer .component-manual-list{width:100%;height:100%;background:hsla(0,0%,100%,.9);border-radius:0;border:none}.page-pc .app-content .right-drawer.show{right:0}.component-page-header{width:100%;height:60px;line-height:60px;margin:10px auto;padding:0 5%}.component-page-header .trade-mark{display:block;width:350px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left}.component-page-header .trade-mark .icon-piano{display:block;-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:50% 30%;transform-origin:50% 30%}.component-page-header .trade-mark .trade-mark-txt{font-size:28px;font-weight:500;color:#000;margin:0 0 0 10px}.component-page-header .trade-mark .trade-mark-txt .trade-mark-txt--en{font-style:italic;font-size:20px;color:#666;margin-left:7px}.component-page-header .menu{float:right;height:45px;line-height:45px;margin-top:5px}.component-page-header .menu .menu-item{display:inline-block;width:80px;margin:0 7px;text-align:center;position:relative;cursor:pointer}.component-page-header .menu .menu-item:before{height:1px;-webkit-transform:scaleX(1);transform:scaleX(1);background:#ccc}.component-page-header .menu .menu-item:after,.component-page-header .menu .menu-item:before{content:"";width:100%;position:absolute;left:0;bottom:0;-webkit-transition:.3s;transition:.3s}.component-page-header .menu .menu-item:after{height:5px;-webkit-transform:scaleX(0);transform:scaleX(0);background:#1295db}.component-page-header .menu .menu-item-active:after,.component-page-header .menu .menu-item:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.component-page-footer{width:100%;min-width:1280px;height:40px;line-height:40px;background:hsla(0,0%,100%,.8);border-top:1px solid #ccc;position:fixed;bottom:0;text-align:center}.component-page-footer .footer-ul{width:auto;height:100%}.component-page-footer .footer-ul .footer-item{display:inline;list-style:none;position:relative}.component-page-footer .footer-ul .footer-item a:hover{color:#fff;background:#1295db}.component-page-footer .footer-ul .footer-item a.em{color:#ef496f}.component-page-footer .footer-ul .footer-item a.em:hover{color:#fff;background:#ef496f}.component-random-lyric{width:100%;min-height:40px;padding:5px 0;margin:0 auto;text-align:center}.component-random-lyric .lyric{display:inline;line-height:30px;font-size:18px;font-style:italic;color:#1f6fb5;cursor:pointer;text-shadow:2px 2px 8px #fff}.component-random-lyric .lyric:hover{color:#1295db}.component-autopiano{width:100%;position:relative;color:#000}.component-autopiano #audioEffectCanvas{display:none}.component-autopiano .piano-scroll-wrap{width:100%;overflow:scroll}.component-autopiano .piano-wrap.visible{opacity:1}.component-autopiano .piano-wrap{width:90%;margin:20px auto;-webkit-box-shadow:5px 5px 20px 5px #888;box-shadow:5px 5px 20px 5px #888;border-radius:5px;position:relative;overflow:hidden;opacity:0}.component-autopiano .piano-wrap .piano-band{width:100%;height:40px;line-height:40px;background:#000;-webkit-box-shadow:inset 0 -1px 2px hsla(0,0%,100%,.4),0 2px 3px rgba(0,0,0,.4);box-shadow:inset 0 -1px 2px hsla(0,0%,100%,.4),0 2px 3px rgba(0,0,0,.4);border-width:3px 2px 2px;border-style:solid;border-color:#555 #222 #111 #777;position:relative}.component-autopiano .piano-wrap .piano-band .piano-band-img{width:130px;height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.component-autopiano .piano-wrap .piano-band .piano-tip{position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:14px}.component-autopiano .piano-wrap .piano-key-wrap{width:100%;background:#373737;overflow:hidden;position:relative}.component-autopiano .piano-wrap .piano-key-wrap .piano-key:hover{cursor:pointer}.component-autopiano .piano-wrap .piano-key-wrap .wkey{display:inline-block;width:2.775%;height:100%;margin:0 auto;background:#fff;background:linear-gradient(-30deg,#f5f5f5,#fff);border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #fff,inset 1px 0 0 #fff,inset -1px 0 0 #fff,0 4px 3px rgba(0,0,0,.7);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #fff,inset 1px 0 0 #fff,inset -1px 0 0 #fff,0 4px 3px rgba(0,0,0,.7);border-radius:0 0 5px 5px;position:relative}.component-autopiano .piano-wrap .piano-key-wrap .wkey:active{-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);top:-1%;height:99%;background:#efefef}.component-autopiano .piano-wrap .piano-key-wrap .wkey:active:before{content:"";border-width:250px 5px 0;border-style:solid;border-color:transparent transparent transparent rgba(0,0,0,.1);position:absolute;left:0;bottom:0}.component-autopiano .piano-wrap .piano-key-wrap .wkey:active:after{content:"";border-width:250px 5px 0;border-style:solid;border-color:transparent rgba(0,0,0,.1) transparent transparent;position:absolute;right:0;bottom:0}.component-autopiano .piano-wrap .piano-key-wrap .wkey .keytip{width:100%;color:#373737;text-align:center;font-size:14px;position:absolute;bottom:5%}.component-autopiano .piano-wrap .piano-key-wrap .wkey .keytip .keyname{margin-bottom:5px}.component-autopiano .piano-wrap .piano-key-wrap .wkey .keytip .notename{color:#1295db;font-weight:700}.component-autopiano .piano-wrap .piano-key-wrap .wkey-active{-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);top:-1%;height:99%;background:#efefef}.component-autopiano .piano-wrap .piano-key-wrap .wkey-active:before{content:"";border-width:250px 5px 0;border-style:solid;border-color:transparent transparent transparent rgba(0,0,0,.1);position:absolute;left:0;bottom:0}.component-autopiano .piano-wrap .piano-key-wrap .wkey-active:after{content:"";border-width:250px 5px 0;border-style:solid;border-color:transparent rgba(0,0,0,.1) transparent transparent;position:absolute;right:0;bottom:0}.component-autopiano .piano-wrap .piano-key-wrap .bkey{display:inline-block;width:10%;height:70%;background:linear-gradient(-20deg,#333,#000,#333);border-width:1px 2px 7px;border-style:solid;border-color:#666 #222 #111 #555;border-radius:0 0 2px 2px;-webkit-box-shadow:inset 0 -1px 2px hsla(0,0%,100%,.4),0 2px 3px rgba(0,0,0,.4);box-shadow:inset 0 -1px 2px hsla(0,0%,100%,.4),0 2px 3px rgba(0,0,0,.4);position:absolute;top:0;overflow:hidden}.component-autopiano .piano-wrap .piano-key-wrap .bkey:active{height:101%;border-bottom-width:2px;-webkit-box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.4),0 1px 0 rgba(0,0,0,.8),0 2px 2px rgba(0,0,0,.4),0 -1px 0 #000;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.4),0 1px 0 rgba(0,0,0,.8),0 2px 2px rgba(0,0,0,.4),0 -1px 0 #000}.component-autopiano .piano-wrap .piano-key-wrap .bkey .keytip{width:100%;color:#fff;position:absolute;left:0;bottom:5%;font-size:14px;overflow:hidden}.component-autopiano .piano-wrap .piano-key-wrap .bkey .keytip .keyname{width:100%;text-align:center}.component-autopiano .piano-wrap .piano-key-wrap .bkey-active{height:101%;border-bottom-width:2px;-webkit-box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.4),0 1px 0 rgba(0,0,0,.8),0 2px 2px rgba(0,0,0,.4),0 -1px 0 #000;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.4),0 1px 0 rgba(0,0,0,.8),0 2px 2px rgba(0,0,0,.4),0 -1px 0 #000}.component-autopiano .piano-wrap .piano-key-wrap .wkey.auto-key-active{-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);top:0;height:100%;background:#facc94!important}.component-autopiano .piano-wrap .piano-key-wrap .wkey.auto-key-active:before{content:"";border-width:250px 5px 0;border-style:solid;border-color:transparent transparent transparent rgba(0,0,0,.1);position:absolute;top:0;left:0}.component-autopiano .piano-wrap .piano-key-wrap .wkey.auto-key-active:after{content:"";border-width:250px 5px 0;border-style:solid;border-color:transparent rgba(0,0,0,.1) transparent transparent;position:absolute;right:0;left:0}.component-autopiano .piano-wrap .piano-key-wrap .bkey.auto-key-active{height:101%;border-bottom-width:2px;-webkit-box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.4),0 1px 0 rgba(0,0,0,.8),0 2px 2px rgba(0,0,0,.4),0 -1px 0 #000;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.4),0 1px 0 rgba(0,0,0,.8),0 2px 2px rgba(0,0,0,.4),0 -1px 0 #000;background:#facc94!important}.component-autopiano .piano-wrap .piano-key-wrap .bkey:first-child{left:9%}.component-autopiano .piano-wrap .piano-key-wrap .bkey:nth-child(2){left:23%}.component-autopiano .piano-wrap .piano-key-wrap .bkey:nth-child(3){left:50%}.component-autopiano .piano-wrap .piano-key-wrap .bkey:nth-child(4){left:65%}.component-autopiano .piano-wrap .piano-key-wrap .bkey:nth-child(5){left:79%}.component-autopiano .piano-wrap .piano-key-wrap .bkey-wrap{width:20%;height:0;position:absolute;top:0}.component-autopiano .piano-wrap .piano-key-wrap .bkey-wrap1{left:0}.component-autopiano .piano-wrap .piano-key-wrap .bkey-wrap2{left:19.5%}.component-autopiano .piano-wrap .piano-key-wrap .bkey-wrap3{left:39%}.component-autopiano .piano-wrap .piano-key-wrap .bkey-wrap4{left:58.3%}.component-autopiano .piano-wrap .piano-key-wrap .bkey-wrap5{left:77.7%}.component-autopiano .piano-options{width:90%;height:50px;margin:10px auto 15px;padding:0;position:relative}.component-autopiano .piano-options .option-item-wrap{position:absolute;right:1%}.component-autopiano .piano-options .option-item{display:inline-block;height:50px;line-height:50px;margin:0 15px}.component-autopiano .piano-options .option-item .label>input{display:none}.component-autopiano .piano-options .option-item .label i{display:inline-block;margin-left:5px;padding:2px;width:40px;height:20px;border-radius:13px;vertical-align:middle;-webkit-transition:.25s .09s;transition:.25s .09s;position:relative;background:#d8d9db;-webkit-box-sizing:initial;box-sizing:initial}.component-autopiano .piano-options .option-item .label i:after{content:" ";display:block;width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;left:2px;-webkit-transition:.25s;transition:.25s}.component-autopiano .piano-options .option-item .label>input:checked+i{background:#07e26d}.component-autopiano .piano-options .option-item .label>input:checked+i:after{-webkit-transform:translateX(20px);transform:translateX(20px)}.component-autopiano .piano-options .option-item .label:hover{cursor:pointer}.score-container.component-manual-list{width:40%;min-width:500px;padding-bottom:50%;font-size:14px;overflow:hidden;background:hsla(0,0%,100%,.6);border-radius:5px;border:1px solid #ddd;position:relative}.score-container.component-manual-list .list-view{width:100%;height:100%;position:absolute;top:0;left:0;padding:20px 15px;overflow-y:scroll}.score-container.component-manual-list .component-title{margin:0 0 10px;font-size:18px;font-weight:700;position:relative}.score-container.component-manual-list .component-title a.join{color:#ef496f;font-size:14px;margin-left:5px;text-decoration:underline}.score-container.component-manual-list .component-title a.join:hover{opacity:.8}.score-container.component-manual-list .component-title .degree{width:150px;float:right;text-align:left}.score-container.component-manual-list .list{width:100%;padding-left:25px;padding-bottom:10px;line-height:32px}.score-container.component-manual-list .list .list-item{height:32px;line-height:32px;list-style:none}.score-container.component-manual-list .list .list-item a{display:inline-block;min-width:120px;cursor:pointer}.score-container.component-manual-list .list .list-item a:hover{color:#1295db;text-decoration:underline}.score-container.component-manual-list .list .list-item .num{float:left;width:35px;height:32px;font-size:16px;margin-left:-35px;text-align:center;color:#ef496f}.score-container.component-manual-list .list .list-item .difficulty-degree{width:150px;float:right;text-align:left}.score-container.component-manual-list .list .list-item .difficulty-degree .icon-star{display:inline-block;-webkit-transform:scale(.7);transform:scale(.7);margin-left:-6px}.score-container.component-manual-list .content-wrap{width:100%}.score-container.component-manual-list .content-wrap .info{font-size:14px;margin:5px 0;height:28px;line-height:28px;text-align:center;background:#1295db;color:#fff;border-radius:2px}.score-container.component-manual-list .content-wrap .return-btn{cursor:pointer;width:80px;height:32px;line-height:32px;color:#1f6fb5}.score-container.component-manual-list .content-wrap .return-btn:hover{text-decoration:underline;color:#1295db}.score-container.component-manual-list .content-wrap .author-info{float:right;line-height:32px}.score-container.component-manual-list .content-wrap .author-info a{color:#1f6fb5;margin-right:7px}.score-container.component-manual-list .content-wrap .score-item-content{word-wrap:break-word;font-size:16px;letter-spacing:0;line-height:26px}.score-container.component-manual-list .content-wrap .score-item-lyrics{word-wrap:break-word;font-style:italic;margin-top:20px;line-height:26px}.score-container.component-auto-list{width:40%;min-width:500px;padding-bottom:50%;font-size:14px;overflow:hidden;background:hsla(0,0%,100%,.6);border-radius:5px;border:1px solid #ddd;position:relative}.score-container.component-auto-list .list-view{width:100%;height:100%;position:absolute;top:0;left:0;padding:20px 15px;overflow-y:scroll}.score-container.component-auto-list .component-title{margin:0 0 10px;font-size:18px;font-weight:700;line-height:26px;position:relative}.score-container.component-auto-list .component-title .title-img{display:inline-block;width:26px;vertical-align:middle}.score-container.component-auto-list .component-title .title{vertical-align:middle;margin-left:5px}.score-container.component-auto-list .component-title .degree{width:150px;float:right;text-align:left}.score-container.component-auto-list .list{width:100%;padding-left:25px;padding-bottom:10px;line-height:32px}.score-container.component-auto-list .list .list-item{height:32px;line-height:32px;list-style:none}.score-container.component-auto-list .list .list-item a{display:inline-block;min-width:120px;cursor:pointer}.score-container.component-auto-list .list .list-item .icon-pause{display:inline-block;-webkit-transform:scale(.6);transform:scale(.6);cursor:pointer}.score-container.component-auto-list .list .list-item .icon-pause:hover{opacity:.8}.score-container.component-auto-list .list .list-item a:hover{color:#1295db;text-decoration:underline}.score-container.component-auto-list .list .list-item .num{float:left;width:35px;height:32px;font-size:16px;margin-left:-35px;text-align:center;color:#ef496f}.score-container.component-auto-list .list .list-item .difficulty-degree{width:150px;float:right;text-align:left}.score-container.component-auto-list .list .list-item .difficulty-degree .icon-heartbeat{display:inline-block;-webkit-transform:scale(.7);transform:scale(.7);margin-left:-6px}.score-container.component-auto-list .player-view{font-size:16px;width:100%;height:100%;position:absolute;top:0;left:0;padding:20px 15px;overflow-y:scroll}.score-container.component-auto-list .player-view .top-bar .return-btn{cursor:pointer;width:80px;height:32px;line-height:32px;font-size:14px;color:#1f6fb5}.score-container.component-auto-list .player-view .top-bar .return-btn:hover{text-decoration:underline;color:#1295db}.score-container.component-auto-list .player-view .top-bar h2{font-size:18px}.score-container.component-auto-list .player-view .cd-box{width:400px;margin:15% auto 10px;padding:10px;border-radius:15px;position:relative}.score-container.component-auto-list .player-view .cd-box .cd-reader-1{width:100px;height:10px;border-radius:5px;background:-webkit-gradient(linear,left top,right top,from(#333),color-stop(#aaa),to(#333));background:linear-gradient(90deg,#333,#aaa,#333);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(60deg);transform:rotate(60deg);position:absolute;top:10px;left:10px}.score-container.component-auto-list .player-view .cd-box .cd-reader-1:before{content:"";width:20px;height:20px;border-radius:50%;background:#888;position:absolute;top:-6px;left:-6px;border:2px solid #444}.score-container.component-auto-list .player-view .cd-box .cd-reader-2{width:80px;height:10px;border-radius:5px;background:-webkit-gradient(linear,left top,right top,from(#333),color-stop(#666),to(#888));background:linear-gradient(90deg,#333,#666,#888);-webkit-transform:rotate(20deg);transform:rotate(20deg);position:absolute;top:105px;left:50px;z-index:10}.score-container.component-auto-list .player-view .cd-box .cd{width:220px;height:220px;margin:0 auto;border-radius:50%;border:5px solid #ccc;background:-webkit-gradient(linear,left top,right top,from(#000),color-stop(#555),to(#000));background:linear-gradient(90deg,#000,#555,#000);position:relative}.score-container.component-auto-list .player-view .cd-box .cd .cd-inner{width:70px;height:70px;line-height:65px;border-radius:50%;border:3px solid #aaa;background:#cd3f11;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;text-align:center;color:#fff;font-size:12px}.score-container.component-auto-list .player-view .music-name{text-align:center;padding:15px 0 5px;font-size:20px;font-weight:700}.score-container.component-auto-list .player-view .difficulty-degree{text-align:center}.score-container.component-auto-list .player-view .difficulty-degree .icon-heartbeat{display:inline-block;-webkit-transform:scale(.7);transform:scale(.7);margin-left:-6px}.score-container.component-auto-list .player-view .control-bar{width:100%;text-align:center;padding:15px 0}.score-container.component-auto-list .player-view .control-bar .stop-btn{display:inline-block;width:70px;height:30px;line-height:30px;background:#ef496f;color:#fff;cursor:pointer}.score-container.component-auto-list .player-view .control-bar .stop-btn:hover{opacity:.8}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.component-commodity-list{width:100%;height:auto;margin:30px auto;padding:0;text-align:center;letter-spacing:-20px;background:hsla(0,0%,100%,.6);border-radius:5px;overflow:visible;white-space:nowrap;position:relative}.component-commodity-list .scroll-wrap{width:100%;padding:20px 0;overflow:scroll}.component-commodity-list .card-wrap{display:inline-block;width:20%;margin:0 2.5%;-webkit-box-shadow:1px 1px 10px 1px #ddd;box-shadow:1px 1px 10px 1px #ddd;border-radius:5px;overflow:hidden;letter-spacing:normal}.component-commodity-list .arrow{width:35px;height:35px;border-top:6px solid rgba(239,73,111,.5);border-right:6px solid rgba(239,73,111,.5);position:absolute;top:calc(50% - 17.5px);cursor:pointer}.component-commodity-list .arrow:hover{border-color:rgba(239,73,111,.8)}.component-commodity-list .left-arrow{left:-10px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.component-commodity-list .right-arrow{right:-10px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.component-commodity-card{display:inline-block;width:100%;height:auto;font-size:14px;text-align:left;background:#fff}.component-commodity-card .pic-wrap{width:100%;padding:10px 20px;overflow:hidden}.component-commodity-card .pic-wrap .pic{width:100%}.component-commodity-card .card-section{padding:5px 8px}.component-commodity-card .commodity-name{display:block;width:100%;font-weight:700;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap}.component-commodity-card .commodity-name:hover{text-decoration:underline}.component-commodity-card .em{color:#ef496f;font-weight:700}.component-commodity-card .price{float:left}.component-commodity-card .price .price-info{font-size:12px;color:#888}.component-commodity-card .sale-count{float:right}.component-commodity-card .seller-name{font-size:12px;color:#888}.component-commodity-card .btn-wrap{text-align:center;padding:5px 0 15px}.component-commodity-card .link-btn{display:inline-block;width:100px;height:26px;line-height:26px;border-radius:13px;background:#ef496f;color:#fff;text-align:center;cursor:pointer}.component-commodity-card .link-btn:hover{opacity:.8}.page-links{min-width:1280px;padding:1px;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;overflow-x:scroll}.page-links,.page-links .app-bg{width:100%;height:100%;position:absolute;top:0;left:0}.page-links .app-bg{z-index:-100;opacity:.5;background-size:cover;background-repeat:no-repeat;-webkit-transition:all .5s linear;transition:all .5s linear}.page-links .app-content{width:100%;height:100%;overflow-y:scroll;position:relative}.page-links .app-content .links-wrap{width:1100px;margin:50px auto;border-radius:5px;overflow:hidden}.page-links .app-content .links-wrap .left-section{width:70%;min-height:450px;padding:14px 0 0 16px;float:left;background:hsla(0,0%,100%,.5)}.page-links .app-content .links-wrap .left-section h2{color:#1295db;font-weight:400;font-size:22px}.page-links .app-content .links-wrap .left-section dl.links-list{padding:20px 0}.page-links .app-content .links-wrap .left-section dl.links-list .link-item{width:230px;float:left;padding:3px 10px;margin:0 5px 15px 0}.page-links .app-content .links-wrap .left-section dl.links-list .link-item dt{font-weight:400;font-size:16px}.page-links .app-content .links-wrap .left-section dl.links-list .link-item dt a{display:inline-block;border-bottom:1px solid #ef496f}.page-links .app-content .links-wrap .left-section dl.links-list .link-item dt a:hover{color:#ef496f}.page-links .app-content .links-wrap .left-section dl.links-list .link-item dd{margin-top:7px;color:#555;font-size:13px}.page-links .app-content .links-wrap .left-section dl.links-list .textclip{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-links .app-content .links-wrap .right-section{width:30%;min-height:450px;padding:13px 0 0 15px;float:left;background:hsla(0,0%,100%,.8)}.page-links .app-content .links-wrap .right-section .info{margin:0 10px 20px 0}.page-links .app-content .links-wrap .right-section .info h2{margin:5px 0 10px;border-left:3px solid #1295db;text-indent:10px;font-size:16px}.page-links .app-content .links-wrap .right-section .info li{list-style:circle inside;font-size:14px;line-height:23px;color:#000;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.page-links .app-content .links-wrap .right-section .info span{font-size:13px;color:#555;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}