|
@@ -0,0 +1,164 @@
|
|
|
+.home {
|
|
|
+ background: #fff;
|
|
|
+
|
|
|
+ &-line {
|
|
|
+ height: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-item {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ padding: 15px 30px;
|
|
|
+ font-size: 28px;
|
|
|
+
|
|
|
+ &-tit {
|
|
|
+ font-size: 32px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-weight: 600;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ &-tits {
|
|
|
+ font-size: 32px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-weight: 600;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+
|
|
|
+ &-txt {
|
|
|
+ width: 500px;
|
|
|
+ display: inline-block;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-bt {}
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ &-val {
|
|
|
+ border-bottom: 1px solid #d9d9d9;
|
|
|
+ font-size: 30px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ &-vals {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ height: 50.68px;
|
|
|
+ border-bottom: 1px solid #d9d9d9;
|
|
|
+ font-size: 30px;
|
|
|
+
|
|
|
+ &-txt {
|
|
|
+ width: 500px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-bt {
|
|
|
+ // width: 26%;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ &-text {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+
|
|
|
+ &-val {
|
|
|
+ display: flex;
|
|
|
+ flex: 1;
|
|
|
+ border-bottom: 1px solid #d9d9d9;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ &-editor {
|
|
|
+ min-height: 150px;
|
|
|
+ font-size: 30px;
|
|
|
+ // border: 1px solid #d9d9d9;
|
|
|
+ // padding: 15px;
|
|
|
+ margin-top: 15px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ &-bottom {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 15px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/* 遮罩层样式 */
|
|
|
+.mask {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
+ z-index: 998;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ .count {
|
|
|
+ width: 70%;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 15px;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 36px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-top: 20px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ &_top {
|
|
|
+ padding: 30px;
|
|
|
+ margin: 40px 0;
|
|
|
+
|
|
|
+ &_input {
|
|
|
+ border-bottom: 1px solid #d9d9d9;
|
|
|
+ font-size: 32px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ &_date {
|
|
|
+ border-bottom: 1px solid #d9d9d9;
|
|
|
+ font-size: 32px;
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &_dates {
|
|
|
+ border-bottom: 1px solid #d9d9d9;
|
|
|
+ font-size: 32px;
|
|
|
+ margin-top: 30px;
|
|
|
+ color: #757575;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ &_foot {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|