12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- /* 水平间距 */
- /* 水平间距 */
- .content.data-v-01c8185c {
- display: flex;
- flex-direction: column;
- width: 100vw;
- height: 100vh;
- }
- .content .one.data-v-01c8185c {
- height: 25vw;
- background-color: var(--f00Color);
- }
- .content .two.data-v-01c8185c {
- margin: 10vw 0 0 0;
- text-align: center;
- font-size: var(--font16Size);
- font-weight: bold;
- }
- .content .thr .logo.data-v-01c8185c {
- position: fixed;
- top: 12vw;
- right: 40vw;
- }
- .content .thr .logo .image.data-v-01c8185c {
- width: 20vw;
- height: 20vw;
- border-radius: 20vw;
- background-color: var(--mainColor);
- }
- .content .thr .other.data-v-01c8185c {
- padding: 3vw 2vw;
- border-bottom: 1px solid var(--footColor);
- }
- .content .thr .remark.data-v-01c8185c {
- padding: 3vw 2vw 0 2vw;
- }
- .content .thr .remark .title.data-v-01c8185c {
- padding: 0 0 3vw 0;
- }
- .content .thr .value.data-v-01c8185c {
- display: flex;
- justify-content: space-between;
- align-items: center;
- background-color: var(--mainColor);
- }
- .content .thr .value .label .input.data-v-01c8185c {
- text-align: right;
- }
- .content .thr .button.data-v-01c8185c {
- text-align: center;
- }
- .content .thr .button button.data-v-01c8185c {
- width: 80vw;
- font-size: var(--font16Size);
- }
|