.ring-diagram{width:200px;height:200px;position:relative}.ring-diagram .heartbroken{width:100px;height:100px;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}.ring-diagram .heartbroken:before{position:absolute;width:122px;height:122px;background-color:hsla(0,0%,100%,.2);content:"";left:-11px;top:-11px;border-radius:50%}.ring-diagram .ring{width:180px;height:180px;border-radius:50%;position:absolute;top:10px;left:10px;overflow:hidden;cursor:pointer;transition:all .3s ease-in}.ring-diagram .ring.active,.ring-diagram .ring:hover{transform:scale(1.1)}.ring-diagram .ring-1{background:linear-gradient(71deg,#637dff,#a390ff)}.ring-diagram .ring-2{background:linear-gradient(270deg,#c3ccff,#d4d1ff)}.ring-diagram .ring-3{background:linear-gradient(270deg,#ffc801,#ffff03)}.settlement-statement .content-box{padding:40px}.settlement-statement .income{display:flex;padding:64px 40px!important;align-items:center}.settlement-statement .income .info{margin-left:40px;flex:1;color:#909399}.settlement-statement .income .info .name{font-size:14px;font-weight:400;line-height:14px;margin-bottom:30px}.settlement-statement .income .info .name .amount{display:inline-block;margin-left:10px}.settlement-statement .income .info .statistics{display:flex}.settlement-statement .income .info .statistics p{flex:1;display:flex;align-items:center}.settlement-statement .income .info .statistics p:before{content:"";width:14px;height:14px;border-radius:2px;display:block;margin-right:10px;top:1px;position:relative}.settlement-statement .income .info .statistics p:first-child:before{background:#8587ff}.settlement-statement .income .info .statistics p:nth-child(2):before{background:#d4d1ff}