@import "~scss/layout/img-check"; @mixin padding-75 { padding-left: 75px; padding-right: 75px; } $top-bar-font-color: #444; $disable-gray: #b0b0b0; .international-new-page { @include padding-75; input:-webkit-autofill { background-color: transparent; background-image: none; } .iconfont { color: #444; } .active { background-color: #444 !important; } .top-operation-bar { width: 600px; height: 50px; margin-top: 50px; color: $top-bar-font-color; > button { width: 50px; background-color: transparent; font-size: 45px; overflow: hidden; padding: 0; text-align: center; &.back { float: left; } &.close { float: right; } } > .page-title { width: 500px; font-size: 34px; text-align: center; display: inline-block; margin-top: 7px; } } .international-form { margin-top: 100px; > .form-group { border-bottom: 1px solid #e0e0e0; height: 50px; margin-bottom: 56px; > label { font-size: 26px; margin-right: 36px; } > input { width: 400px; border: none; box-shadow: none; background-color: transparent; &.mobile-input { width: 290px; } } > i { float: right; &.line { float: none; margin-right: 20px; } } &.mobile { > label { margin-right: 30px; } > .country-select { width: 140px; appearance: none; border: none; background-color: transparent; } > .arrow-icon { color: #444; float: none; font-size: 12px; } > .clear { color: #e0e0e0; margin-right: 4px; margin-top: 10px; } } &.password > .eye { width: 30px; text-align: center; float: right; > i { color: #e0e0e0; } } .country-code { width: 98px; height: 22px; font-size: 28px; line-height: 1.14; color: #444; background-color: transparent; margin-right: 20px; } } .international-login-btn { width: 600px; height: 70px; border-radius: 4px; background-color: $disable-gray; margin-top: 40px; font-size: 32px; color: #fff; } } .full-img-verify { margin-top: 40px; .img-check { background-color: #fff; margin-top: 0; margin-bottom: 0; .img-check-header > span { color: #444; font-size: 21.9px; line-height: 1.5; } .img-check-header > .img-check-refresh { color: #d0021b; } .img-check-main > .img-check-pics > .img-check-pic { background-color: #fff; border: solid 1px #e0e0e0; transform: scale(0.91); } } } }