body{margin:0;padding:0;font:13px/2em "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",Arial,sans-serif;background:#fff}a,blockquote,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,textarea,ul{padding:0;margin:0}a{text-decoration:none;outline:0;cursor:pointer}img{vertical-align:top}table{border-collapse:collapse}fieldset,img,table{border:0}ol,ul{list-style:none}li{list-style-type:none}h1,h2,h3,h4,h5,h6{font-size:13px;font-weight:400}.clear{overflow:auto;overflow-y:hidden;zoom:1}

body{background:#339FE9}
.content{
    text-align:center;padding-top:120px;width:600px;margin:0 auto;
    h2{font-size:28px;font-weight:bold;color:#fff;line-height:50px;}
    h3{font-size:16px;color:#fff;line-height:30px;}
    .generate{
        padding:30px 0;
        input.long_link{height:40px;border:0;border-radius:8px 0 0 8px;width:80%;box-sizing:border-box;padding:0 20px;font-size:14px;color:#999;float:left;display:inline}
        .btn{display:inline-block;float:left;width:20%;box-sizing:border-box;background:#04bf2e;color:#fff;font-size:14px;border-radius:0 8px 8px 0;height:40px;line-height:40px;cursor: pointer;}
        .get{margin-bottom:20px;}
        .result{
            position:relative;
            .short{background:#3d74bd;height:40px;border-radius:8px;color:#fff;line-height:40px;}
            .tag{position:absolute;height:24px;line-height:24px;display:block;left:8px;background:#04bf2e;color:#fff;border-radius:5px;width:40px;top:8px;opacity:0.8;display:none;
                &.fail{background:#E14E4E}
            }
        }
    }
}

@media (max-width: 800px) {
    .content{width:90%}
}