| | |
| | | .title { |
| | | display: inline; |
| | | .icon { |
| | | @include flexbox(inline, center center); |
| | | margin-top: 4px; |
| | | display: inline-block; |
| | | margin-right: 14px; |
| | | width: 40px; |
| | | min-width: 40px; |
| | | height: 40px; |
| | | vertical-align: middle; |
| | | text-align: center; |
| | | line-height: 36px; |
| | | color: transparent; |
| | | font-size: 24px; |
| | | line-height: 1; |
| | | border: 2px solid rgba(97, 144, 232, .2); |
| | | border-radius: 50%; |
| | | background-color: #fff; |
| | |
| | | border: none; |
| | | background-color: #6190e8; |
| | | } |
| | | .at-icon { |
| | | font-size: 24px; |
| | | line-height: 1; |
| | | } |
| | | } |
| | | .tips { |
| | | vertical-align: middle; |
| | | color: rgb(117, 117, 117); |
| | | ; |
| | | } |
| | | } |
| | | .protocol { |
| | | display: inline; |
| | | color: #2b69de; |
| | | font-size: 30px; |
| | | color: #2093df; |
| | | font-size: 36px; |
| | | vertical-align: middle; |
| | | } |
| | | } |
| | | .c-form-submit { |
| | | margin-top: 37px; |
| | | padding: 0 20px 30px; |
| | | [type=primary] { |
| | | height: 80px; |
| | | font-size: 33px; |
| | | line-height: 78px; |
| | | height: 90px; |
| | | font-size: 36px; |
| | | line-height: 88px; |
| | | border: 1PX solid #2093df; |
| | | background: #2093df; |
| | | &:not([disabled]):active { |
| | |
| | | } |
| | | } |
| | | &.c-form-submit-fixed { |
| | | margin-bottom: 130px; |
| | | padding: 0; |
| | | margin: -3px 0 140px; |
| | | padding: 1px 0 0; |
| | | .c-form-submit-inner { |
| | | @include position(fixed, n 0 0 n, 0); |
| | | @include position(fixed, n 0 0 n, 10); |
| | | width: 100%; |
| | | } |
| | | [type=primary] { |
| | | height: 90px; |
| | | line-height: 88px; |
| | | height: 100px; |
| | | line-height: 98px; |
| | | border-radius: 0; |
| | | } |
| | | } |