| 1 |
- 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}.content h2{font-size:28px;font-weight:700;color:#fff;line-height:50px}.content h3{font-size:16px;color:#fff;line-height:30px}.content .generate{padding:30px 0}.content .generate 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}.content .generate .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}.content .generate .get{margin-bottom:20px}.content .generate .result{position:relative}.content .generate .result .short{background:#3d74bd;height:40px;border-radius:8px;color:#fff;line-height:40px}.content .generate .result .tag{position:absolute;height:24px;line-height:24px;display:block;left:8px;background:#04bf2e;color:#fff;border-radius:5px;width:40px;top:8px;opacity:.8;display:none}.content .generate .result .tag.fail{background:#E14E4E}@media (max-width:800px){.content{width:90%}}
|
