body{margin:0;padding:0;color:#333;font-family:'segoe ui',Arial,sans-serif}
a,a:link,#footer{color:#03699E;text-decoration:none}
a:hover{color:#10B369}
a:active{color:#065177}
h1{text-align:center}
hr{border: 0;border-top: 1px solid #ddd;border-bottom: 1px solid #fff;margin: 10px 0!important}
div{margin:4px 0}
img{width:120px}
form{text-align:center;margin:40px 0}
ol{overflow:auto}
ol li{list-style-type:decimal-leading-zero}
#bg{width:100%;height:100%;margin:0;position:fixed;top:0;background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover;z-index:-1}
#page{width:90%;max-width:1200px;margin:10px auto 0;padding:20px 0 40px}
#div{width:100%;margin:0;float:left}
#label{display:block;margin-right:80px}
#submit{width:80px;height:48px;font-size:18px;float:right;margin-left:-80px;cursor:pointer;color:#fff;background:#41A1FF;background:rgba(64, 160, 255, 0.8);outline:0;border:0}
#submit:hover{background:#1D7EDB;background:rgba(29, 126, 219, 0.8)}
#submit:active{color:#eee;background:#0B5CA9;background:rgba(11, 92, 169, 0.8)}
#overlay{width:100%;height:100%;font-size:24px;color:#888;background:rgba(255, 255, 255, 0.69) no-repeat center center;padding:40px 20px;margin:0;box-sizing:border-box;position:fixed;top:0;left:0;z-index:999;border:0;outline:0;display:none}
#close{width:32px;height:32px;position:absolute;top:0;right:0;cursor:pointer}
#wait.succe{color:#1D7EDB}
#wait.error{color:#F71515}
#audio{width:480px;max-width:100%;display:block;margin:0 auto}
.input{width:100%;height:48px;font-size:18px;color:#888;background:#f2f2f2;background:rgba(255, 255, 255, 0.75);border:0;padding:0 10px;outline:0;text-align:center;box-sizing:border-box}
.input,#submit{transition:color,background .2s ease-out}
.input:focus{color:#000;background:#ACE9F9;background:rgba(132, 228, 245, 0.75)}
.input-left{width:49%;float:left;margin-right:2%}
.input-right{width:49%}
#info{font-family:consolas;font-size:14px;display:none}
#info .cover{float:left;margin-right:15px}
#info .info-item{padding:10px;margin:0 0 20px 0;position:relative;border:1px solid #e6e6e6;overflow:hidden;animation:fadeIn .3s linear .3s both;box-shadow:0 3px 24px rgba(0, 0, 0, 0.06);background:#fff;background:rgba(255, 255, 255, 0.8);border-radius:6px}
#info .info-item div{white-space:normal;word-break:break-all}
#info .close{width:24px;height:24px;line-height:24px;font-size:16px;text-align:center;color:#fff;background:#FB5684;position:absolute;top:5px;right:8px;border-radius:50%;cursor:pointer}
#advanced{margin-top:20px;display:none}
#song{width:3em;float:left;margin-right:-3em}
#case{width:100%;margin:0;float:right}
#case-label{margin-left:3em;display:block}
#src{width:100%;color:#E47;background:#f8f8f8;border:0;outline:0;font-family:consolas}
#footer{width:100%;position:fixed;left:0;bottom:0;margin:0;font-size:14px;text-align:center;background:#f8f8f8;background:rgba(248, 248, 248, 0.9);border-top:1px solid #ddd;z-index:12;box-sizing:border-box}
#footer .item{width:86px;line-height:36px;display:inline-block}
#footer .item-left,#footer .item-center{border-right:1px solid #ddd}
#footer .item-center{width:306px}
#help{width:100%;height:100%;position:fixed;top:0;left:0;margin:0;padding:20px 10% 40px 8%;font-size:14px;background:#fff;overflow:auto;box-sizing:border-box;z-index:12;display:none}
#help ol{max-width:1200px;margin:10px auto;box-sizing:border-box}
#help li{word-break:break-all}
.clear:after{content:'';line-height:0;display:table;clear:both}
@media screen and (max-width:1080px){
	img{width:110px}
	.input,#submit{font-size:16px}
	#info{font-size:13px}
}
@media screen and (max-width:540px){
	h1{font-size:22px}
	.input,#submit{height:36px;font-size:14px}
	#label{margin-right:50px}
	#submit{width:50px;height:36px;margin-left:-50px}
	#info .cover{float:none;margin:0}
	#footer .item-center{display:none}
	#help{padding:10px 15px 40px 0}
}
@keyframes fadeIn
{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeIn
{
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
#overlay.wait{background-image:url('data:image/gif;base64,[encoded data, 14900 characters]')}
#bg{background-image:url('data:image/jpeg;base64,[encoded data, 131492 characters]')}

/* Hack gentie */
#cloud-tie-wrapper{margin:20px auto!important;border-radius:6px}
#yun-tie-sdk-wrap{background:rgba(255, 255, 255, 0.8)!important;box-shadow:0 3px 24px rgba(0, 0, 0, 0.06);padding:0 15px!important;border:1px solid #e6e6e6!important;border-radius:6px}