.status_bar { height: var(--status-bar-height); background-color: #f1f1f1; width: 100%; } .status_bar-nobg { height: var(--status-bar-height); width: 100%; } /* 转圈动画 */ .turn-load { animation: turnmy 1s linear infinite; } @keyframes turnmy { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(270deg); } 100% { -webkit-transform: rotate(360deg); } } .one-show { animation: oneshow 0.8s ease 1; } @keyframes oneshow { from { opacity: 0; } to { opacity: 1; } } .status_bar-fixed { height: var(--status-bar-height); width: 100%; position: fixed; background-color: #f1f1f1; z-index: 20; } .head-dh-my { display: flex; position: fixed; justify-content: space-around; align-items: flex-end; padding-bottom: 10rpx; z-index: 15; background-color: #e3e3e3; width: 750rpx; } .border-bom { border-bottom: 0.5rpx solid #DDDDDD; } .border-red { border-bottom: 1rpx solid #d33e18; } .border-bom-big { border-bottom: 8rpx solid #DDDDDD; } .border-bom-white { border-bottom: 2rpx solid #FFFFFF; } .border-bom-green { border-bottom: 4rpx solid #f8f9bd; } .border-bom-index { border-bottom: 4rpx solid #27d9b3; } .padding-left { padding-left: 20rpx; } .padding-left-top { padding-left: 20rpx; padding-top: 20rpx; } .padding-right { padding-right: 20rpx; } .input-my { padding-left: 20rpx; border-radius: 40rpx; height: 50rpx; margin: 10rpx; } .tb-tag-absolute { position: absolute; z-index: 5; border-radius: 25rpx; font-size: 16rpx; margin-left: 25rpx; margin-top: -35rpx; } .lk-tag { height: 50rpx; padding: 0 10rpx; display: flex; justify-content: center; align-items: center; border: 2rpx solid #24bd9f; border-radius: 6rpx; color: #1c947a; font-weight: 500; } .tb-tag-my { border-radius: 15rpx; font-size: 16rpx; margin-left: 5rpx; } .my-green { color: #29c7a5; } .my-hui { color: #585858; font-size: 22rpx; } .flex-column-center { display: flex; flex-direction: column; justify-content: center; align-items: center; } .flex-column-between { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .flex-column-start { display: flex; flex-direction: column; justify-content: center; } .flex-column-around { display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .flex-row-start { display: flex; flex-direction: row; align-items: center; } .flex-row-around { display: flex; flex-direction: row; justify-content: space-around; align-items: center; } .flex-row-center { display: flex; flex-direction: row; justify-content: center; align-items: center; } .flex-row-between { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .my-title { font-size: 35rpx; font-weight: bold; } .my-neirong { font-size: 26rpx; color: #6d6d6d; } .my-neirong-sm { font-size: 26rpx; color: rgba(0, 0, 0, 0.45); } .my-tag-text { font-size: 22rpx; padding-top: 20rpx; color: #bababa; } .padding-top { padding-top: 35rpx; } .padding-top-sm { padding-top: 20rpx; } .bottom-dh { background-color: #f1f1f1; position: fixed; z-index: 10; bottom: 0; width: 750rpx; height: 110rpx; } .tb-text { display: flex; flex-direction: column; justify-content: center; align-items: center; } .bottom-text { width: 750rpx; position: fixed; text-align: center; font-size: 26rpx; color: #9d9d9d; bottom: 70rpx; } .white-box { padding: 0 20rpx; margin-bottom: 15rpx; margin-top: 5rpx; width: 715rpx; background-color: #FFFFFF; border-radius: 30rpx; } .green-box { padding: 0 20rpx; margin-bottom: 15rpx; margin-top: 5rpx; width: 715rpx; background-color: #FFFFFF; border-radius: 30rpx; background-image: linear-gradient(#1faf97, #29c7a5); } .yuan-sm { width: 13rpx; height: 13rpx; border-radius: 50%; background-color: #1fc189; margin-left: 10rpx; } .yuan-normal { width: 14rpx; height: 14rpx; border-radius: 50%; background-color: #159f3c; margin-left: 10rpx; } .yuan-normal-red { width: 14rpx; height: 14rpx; border-radius: 50%; background-color: #bc3c11; margin-left: 10rpx; } .yuan-sm-red { width: 13rpx; height: 13rpx; border-radius: 50%; background-color: #de410d; margin-left: 10rpx; } .white-box-all { margin-top: 5rpx; width: 750rpx; background-color: #FFFFFF; border-radius: 13px; } .moneycolor { color: #ea5002; } .text-bold-sm { font-weight: 425; } .sm-moneycolor { color: #e3793b; } .margin-top { margin-top: 20rpx; } .margin-top-sm { margin-top: 12rpx; } .margin { margin: 20rpx; } .margin-left { margin-left: 20rpx; } .margin-left-top { margin-left: 20rpx; margin-top: 20rpx; } .margin-right { margin-right: 20rpx; } .my-absolute { position: absolute; } .my-fixed { position: fixed; } .my-seach { width: 450rpx; height: 55rpx; background-color: #f8f8f8; border-radius: 30rpx; padding-left: 20rpx; } .move-view { width: 48rpx; height: 10rpx; background-color: #28ba91; border-radius: 4rpx; margin-left: 100rpx; } .move-view-p { width: 45rpx; height: 10rpx; background-color: #28ba91; border-radius: 4rpx; } .header-dh { position: fixed; padding-top: 20rpx; padding-bottom: 15rpx; height: 70rpx; width: 750rpx; background-color: #f1f1f1; z-index: 20; } .tp-normal { width: 60rpx; height: 60rpx; } .tp-sm { width: 45rpx; height: 45rpx; } .tp-big { width: 70rpx; height: 70rpx; border-radius: 50%; } .main-color { color: #07D188; }