/* pages/detailInfo/detailData.wxss */ /* pages/detailInfo/detailinfo.wxss */ .sg-chart-box { min-height: 90vh; border-top-right-radius: 50rpx; border-top-left-radius: 50rpx; margin-top: 40rpx; } .sg-pad-top { padding-top: 30rpx; } .sg-pad-bottom { padding-bottom: 30rpx; } .sg-pad-bottom-sm { padding-bottom: 15rpx; } .sg-pad-tb-sm { padding-bottom: 15rpx; padding-top: 15rpx; } .sg-pad-sm { padding: 15rpx; } .sg-pad { padding: 30rpx; } .sg-pad-lg { padding: 50rpx; box-sizing: border-box; } .sg-center { text-align: center; } .sg-primary-color { color: #195ED7; } .sg-white { color: white; } .sg-center { margin-left: auto; margin-right: auto; } .sg-white-bg { background: white; } .sg-gray-color { color: rgba(16, 16, 16, 0.5); } .sg-gray-bg { background: rgba(16, 16, 16, 0.5); } .sg-bold { font-weight: bold; } .sg-border { border: 1px solid #ebedf0; } .sg-bottom-border { border-bottom: 1px solid #ebedf0; } .sg-top-border { border-top: 1px solid #ebedf0; } .sg-border-right { border-right: 1px solid #ebedf0; } .sg-margin { margin: 30rpx; } .sg-margin-top-sm { margin-top: 30rpx; } .sg-margin-top { margin-top: 50rpx; } .sg-margin-bottom { margin-bottom: 30rpx; } .sg-margin-right { margin-right: 30rpx; } .sg-margin-tb { margin: 30rpx 0; } .sg-pad-tb { padding: 30rpx 0; } .sg-pad-tb-sm { padding: 15rpx 0; } .sg-margin-tb-sm { margin: 15rpx 0; } .sg-shadow { box-shadow: 0px 4px 6px 1px #c9c9c9; } .sg-icon-img { width: 50rpx; } .sg-font-lg { font-size: 1.2rem; } .sg-font-xs { font-size: 0.8rem; } .sg-font-small { font-size: 0.9rem; } .sg-index-bg { background-color: #5693FC; } .sg-index-color { color: #5693FC; } .sg-tabs .sg-tab.sg-selected { color: #5693FC; border-color: #5693FC; } .sg-avatar { width: 80rpx; border-radius: 50%; border: 2px solid white; } .sg-icon { font-size: 1.2rem; } .sg-header { font-size: 1.2rem; font-weight: bold; } .sg-flex { display: flex; } .sg-align-center { align-items: center; } .sg-space-between { justify-content: space-between; } .sg-just-center { justify-content: center; } .sg-space-around { justify-content: space-around; } .sg-flex-grow { flex-grow: 1; } .sg-bottom-submit-box { position: fixed; bottom: 0; left: 0; width: 100%; background: white; } .sg-big-avatar { width: 130rpx; margin-right: 30rpx; border-radius: 50%; } .sg-red { color: #ee0a24; } .sg-red-bg { background: #ee0a24; color: white; } .sg-green { color: #07c160; } .sg-green-bg { background: #07c160; color: white; } .sg-black { color: black; } .sg-yellow { color: #ff976a; } .sg-fix-bottom { width: 100%; position: fixed; z-index: 100; left: 0; bottom: 0; } .sg-text-right { text-align: right; } .sg-fix-top { position: fixed; left: 0; top: 0; width: 100%; } .sg-calendar .van-calendar { z-index: 3000; } .sg-flex-column { flex-direction: column; } .sg-block { width: 100%; } .sg-dot { width: 20rpx; height: 20rpx; border-radius: 50%; margin-right: 20rpx; } .sg-width-50 { width: 50%; } .titlestyle{ margin-left: 60rpx; font-size: 30rpx; font-weight: bold; color: #5693FC; position: relative; } .titlestyle::before{ content: ''; display: inline-block; position: absolute; width: 7rpx; height: 40rpx; color: #5693FC; background-color: #5693FC; left: -21rpx; } .su-table-box { height: 100%; margin: 0rpx 30rpx; overflow-x: auto; padding-bottom: 40rpx; } .su-table { margin-top: 50rpx; display: table; border-collapse: collapse; overflow-x: auto; word-break: keep-all; white-space: nowrap; background-color: #FFFFFF; width: 100%; } .su-td { padding: 0rpx 30rpx; display: table-cell; height: 60rpx; line-height: 60rpx; text-align: center; border: 1rpx solid #DDDDDD; border-right: none; } .su-th { display: table-cell; height: 60rpx; line-height: 60rpx; text-align: center; border: 1rpx solid #DDDDDD; border-right: none; border-bottom: none; background-color: #87CEFA; color: #FFFFFF; } .su-tr { display: table-row; }