html,body{margin:0;padding:0;}h1,h2,h3,h4,h5,p{font-family:"Roboto","PingFangSC","Helvetica Neue","Microsoft Yahei",'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;}header,main{text-align:center;}.mdl-textfield__expandable-holder .mdl-textfield__label{top:4px;}.main-ribbon{width:100%;height:40vh;flex-shrink:0;background-image:url(https://c.hime.io/images/yodW.png);background-position:center center;}main{margin-top:-35vh;flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;}#loading-holder{margin-top:42px;}.content{position:relative;}img.loading{position:absolute;left:calc(50% - 300px);top:0;opacity:0;transition:opacity 0.2s;}img.loading.active{opacity:.2;}#main-grid{padding:16px 32px;}#query h2{margin-bottom:8px;}#query h2 i{margin-left:8px;font-size:16px;font-family:"Consolas";font-style:normal;vertical-align:sub;}#query .mdl-textfield{width:100%;}#video-info{left:0;top:0;position:relative;width:calc(100% + 112px);margin:-64px -56px;}#video-info .cover{position:relative;min-height:200px;background-size:cover;background-position:center center;background-repeat:no-repeat;}#video-info .cover .play_hover{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity 0.2s;background:rgba(0,0,0,.3);text-shadow:1px 1px 1px rgba(0,0,0,.2);}#video-info .cover .play_hover:hover{opacity:1;}#video-info .cover .play_hover i{transition:all 0.1s;position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);font-size:80px;cursor:pointer;outline:none;}#video-info .cover .play_hover:hover i{transition:all 0.1s;position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);font-size:100px;}#video-info h4{margin-top:8px;color:#424242;}#video-info h4 i{font-size:26px;vertical-align:sub;}#part-dropdown{position:relative;float:right;margin-top:-42px;}#part-dropdown>*{vertical-align:middle;}#part-dropdown .mdl-menu__container{margin-top:-32px;}#part-dropdown ul{max-height:200px;overflow:auto;}#refresh-btn{float:right;margin-top:-4px;}#video-info .data{line-height:20px;}#video-info .data *{vertical-align:middle;}#video-info .data i{font-size:18px;}#video-info .data span{margin-right:8px;white-space:nowrap;}#video-info .data .tags{white-space:normal;}#video-info .data span.tag{font-size:12px;background-color:#f5f5f5;padding:4px 6px;margin-right:2px;border-radius:2px;line-height:26px;}#video-info .mdl-card__supporting-text{width:calc(100% - 64px);margin:0 16px;}#audio-info{padding:0;min-height:160px;}#audio-info .center{height:247px;margin-top:80px;}#audio-info button{margin-right:8px;margin-bottom:8px;padding:0 8px;}.main-content{min-height:400px;padding:64px 56px;margin-bottom:32px;text-align:left;}.main-content .center{text-align:center;}.mdl-progress{width:100%;}.mdl-layout__header-row{padding-left:40px;}.mdl-layout__header-row>.mdl-layout-title{cursor:pointer;padding:8px 0;}.mdl-layout__header-row>.mdl-layout-title *{vertical-align:bottom;}.mdl-mini-footer{padding:40px;}