| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- *{
- padding: 0;
- margin: 0;
- }
- body {
- width: 100%;
- min-width: 320px;
- max-width: 540px;
- margin: 0 auto;
- font-size: 16px;
- font-family: -apple-system, Helvetica, sans-serif;
- }
- .clearfix:after{
- content:""; /*设置内容为空*/
- height:0; /*高度为0*/
- line-height:0; /*行高为0*/
- display:block; /*将文本转为块级元素*/
- visibility:hidden; /*将元素隐藏*/
- clear:both; /*清除浮动*/
- }
- .clearfix{
- zoom:1; /*为了兼容IE*/
- }
- a{
- text-decoration: none;
- background-color: transparent;
- }
- input{
- outline: none;
- border: none;
- }
- li{
- list-style: none;
- }
- .tag{
- border-bottom-color: #747bff;
- display: block;
- width: 0;
- height: 0;
- position: absolute;
- top: -45px;
- left: -45px;
- border: 45px solid transparent;
- border-bottom: 45px solid #747bff;
- transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- -moz-transform: rotate(-45deg);
- -webkit-transform: rotate(-45deg);
- -o-transform: rotate(-45deg);
- /* left: -35px; */
- z-index: 10;
- }
- .tag label{
- position: absolute;
- top: 20px;
- left: -45px;
- font-size: 16px;
- color: #fff;
- display: block;
- width: 90px;
- text-align: center;
- }
|