|
@@ -240,3 +240,173 @@
|
|
|
color: #1E90FF;
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
+
|
|
|
+.valueContent {
|
|
|
+ margin: 20px 0;
|
|
|
+ padding: 30px;
|
|
|
+ background: white;
|
|
|
+ border-radius: 20px;
|
|
|
+
|
|
|
+ .item {
|
|
|
+ padding-bottom: 30px;
|
|
|
+
|
|
|
+ &-title {
|
|
|
+ display: flex;
|
|
|
+ flex-flow: row nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #b7acac;
|
|
|
+ font-size: 27px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .titleTips {
|
|
|
+ color: #ff0000;
|
|
|
+ font-size: 18px;
|
|
|
+ padding-left: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .edit {
|
|
|
+ position: absolute;
|
|
|
+ right: -30px;
|
|
|
+ padding: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .switchItem {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tbuttom{
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ color: #3864ef;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-value {
|
|
|
+ color: #000000;
|
|
|
+ font-size: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cassistant {
|
|
|
+ font-size: 25px;
|
|
|
+ color: red;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin-top: 10px;
|
|
|
+
|
|
|
+ .citems {
|
|
|
+ margin-right: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ position: relative;
|
|
|
+ padding-right: 40px;
|
|
|
+
|
|
|
+ .cclose {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: -20px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .addbuttom {
|
|
|
+ font-size: 22px;
|
|
|
+ padding: 0 10px;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .timeContent {
|
|
|
+ background: rgba(0, 51, 255, .09);
|
|
|
+ border-radius: 30px;
|
|
|
+ padding: 30px;
|
|
|
+ margin-top: 45px;
|
|
|
+
|
|
|
+ .time {
|
|
|
+ display: flex;
|
|
|
+ flex-flow: row nowrap;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .num {
|
|
|
+ font-size: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .journal {
|
|
|
+ font-size: 28px;
|
|
|
+ color: #007aff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .timeAxis {
|
|
|
+ display: flex;
|
|
|
+ flex-flow: column nowrap;
|
|
|
+ padding-top: 30px;
|
|
|
+
|
|
|
+ .startTime {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #b7acac;
|
|
|
+ font-size: 25px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .axis {
|
|
|
+ width: 1px;
|
|
|
+ height: 40px;
|
|
|
+ border-left: 1px #b7acac solid;
|
|
|
+ margin-left: 11px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .endTime {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #b7acac;
|
|
|
+ font-size: 25px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .circle {
|
|
|
+ margin-right: 15px;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ border-radius: 30px;
|
|
|
+ border: 1px #b7acac solid;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .shareContent {
|
|
|
+ display: flex;
|
|
|
+ flex-flow: column nowrap;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+ .share {
|
|
|
+ overflow: visible;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ padding: 0;
|
|
|
+ border-radius: 161px;
|
|
|
+ background: #0000;
|
|
|
+
|
|
|
+ .shareIcon {
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .shareTitle {
|
|
|
+ padding-top: 15px;
|
|
|
+ font-size: 19px;
|
|
|
+ color: #767272;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|