12345678910111213141516171819202122232425 |
- 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%}
- }
|