.zskk-subscribe { height: calc(100vh - 367px); display: flex; flex-direction: column; align-items: center; } .zskk-subscribe .zskk-label { height: 120px; width: 760px; display: flex; align-items: center; font-size: 30px; color: #8c362e; font-weight: 600; } .zskk-subscribe .zskk-content { width: 760px; background: #ffffff; padding: 20px 40px 30px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); border-radius: 3px; box-sizing: border-box; } .zskk-subscribe .zskk-content form { height: 100%; width: 100%; } .zskk-subscribe .zskk-content form section { height: 50px; display: flex; align-items: center; } .zskk-subscribe .zskk-content form section .zskk-label { width: 80px; display: flex; font-size: 14px; color: #213644; justify-content: flex-end; align-items: center; } .zskk-subscribe .zskk-content form section .zskk-value { margin-left: 25px; flex: 1; display: flex; align-items: center; font-size: 14px; color: #213644; } .zskk-subscribe .zskk-content form section .zskk-value select, .zskk-subscribe .zskk-content form section .zskk-value input { margin: 0; padding: 0; box-sizing: border-box; height: 32px; width: 100%; border: 1px solid #f3f3f3; padding: 0 12px; color: #8d8596; } .zskk-subscribe .zskk-content form section .zskk-value input:disabled { background-color: #f3f7fa; } .zskk-subscribe .zskk-content form section .zskk-value label { display: flex; align-items: center; } .zskk-subscribe .zskk-content form section .zskk-value label input { width: 25px; height: 13px; } .zskk-subscribe .zskk-content form .zskk-submit { margin-left: 105px; color: #fff; background: #7a4928; border: #7a4928; padding: 8px 12px; cursor: pointer; }