| 1 |
- .rotate50{transform:rotate(50deg);-webkit-transform:rotate(50deg);-moz-transform:rotate(50deg);-o-transform:rotate(50deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.skew30{transform:skew(50deg,30deg);-webkit-transform:skew(50deg,30deg);-moz-transform:skew(50deg,30deg);-o-transform:skew(50deg,30deg);-ms-transform:skew(50deg,30deg)}.my_scale{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2)}.translate80{transform:translate(80px,80px);-webkit-transform:translate(80px,80px);-moz-transform:translate(80px,80px);-o-transform:translate(80px,80px);-ms-transform:translate(80px,80px)}.my_animation{animation:mykeyframes 5s linear 2s infinite normal;-moz-animation:mykeyframes 5s linear 2s infinite normal;-webkit-animation:mykeyframes 5s linear 2s infinite normal;-o-animation:mykeyframes 5s linear 2s infinite normal}@keyframes mykeyframes{0%,100%{background:red;left:0;top:0}25%{background:#ff0;left:200px;top:0}50%{background:#00f;left:200px;top:200px}75%{background:green;left:0;top:200px}}@-moz-keyframes mykeyframes{0%,100%{background:red;left:0;top:0}25%{background:#ff0;left:200px;top:0}50%{background:#00f;left:200px;top:200px}75%{background:green;left:0;top:200px}}@-webkit-keyframes mykeyframes{0%,100%{background:red;left:0;top:0}25%{background:#ff0;left:200px;top:0}50%{background:#00f;left:200px;top:200px}75%{background:green;left:0;top:200px}}@-o-keyframes mykeyframes{0%,100%{background:red;left:0;top:0}25%{background:#ff0;left:200px;top:0}50%{background:#00f;left:200px;top:200px}75%{background:green;left:0;top:200px}}.income-head{width:100%;padding:.75rem;background:#ff7552;color:#fff;position:relative;height:4.45rem}.income-head h1{font-size:.68rem;padding-top:.3rem}.income-head h2{font-size:.85rem;padding-top:.3rem}.income-head h2 span{font-size:.6rem}.income-head .left{position:absolute;left:.75rem;top:.75rem;width:4rem;height:3rem;float:left;text-align:center;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;background-color:transparent;background-color:rgba(0,0,0,.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#000)"}.income-head .left h2 i{width:.75rem;height:.75rem;background:url(../images/icon-down.png) 0 50% no-repeat;background-size:100%;margin-left:.1rem}.income-head .left input{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;opacity:0}.income-head .right{padding-left:4rem}.income-head .right .box{width:50%;float:left;padding-left:.75rem}.income-head .right h2 .diamond:before{background-size:65%}.income-head:after{display:block;content:"";clear:both}.incomelist .item-content{padding-right:.75rem}.incomelist .list-block{margin-top:.5rem;margin-bottom:0}.incomelist .list-block a{box-sizing:border-box;position:relative}.incomelist .list-block a:active{background:#e6e6e6}.incomelist .item-content .item-right{color:#1c1c1c;position:relative;min-height:2.2rem;line-height:2.2rem;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;min-width:4rem;text-align:right}.incomelist .item-content .item-right span{text-align:right;float:right}.incomelist .item-media i{font-size:1.5rem;color:#ff7552}.incomelist .list-block.media-list .item-title{font-size:.8rem;color:#1c1c1c}.incomelist .list-block .item-subtitle{color:#999;font-size:.68rem}.incomelist .list-block .item-content:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#e7e7e7;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.incomelist .list-block .item-inner:after{height:0}.incomelist .list-block .success .item-media i:after{content:"\e600"}.incomelist .list-block .success .item-right{color:#ff7552}.incomelist .list-block .wait .item-media i{color:#1dcd10}.incomelist .list-block .wait .item-media i:after{content:"\e606"}.incomelist .list-block .refund .item-media i{color:#42b1ff}.incomelist .list-block .refund .item-media i:after{content:"\e605"}.incomelist .daytit{width:100%;padding:0 .75rem;font-size:.68rem;color:#999;line-height:1.5rem}.incomelist .daytit .left{float:left}.incomelist .daytit .right{float:right}.incomelist .daytit .right span{font-weight:700;color:#ff7552}.incomelist .daytit:after{content:"";display:block;clear:both}.incomelist .daytit .diamond{padding-left:20px}.incomelist .daytit .diamond:before{background-size:61%}
|
