.page { background: transparent; }
.page .content .bottom-wrap { position: absolute; bottom: 8%; display: flex; flex-direction: column; align-items: center; justify-content: center; left: 0; right: 0; }
.page .content .bottom-wrap .text { font-size: 12px; text-align: center; color: #fff; }
.page .content .bottom-wrap .btn-wrap { width: 80%; display: flex; border-radius: 50px; overflow: hidden; box-shadow: 0 3px 5px #e27c73; }
.page .content .bottom-wrap .btn-wrap .inp-code { height: 30px; font-size: 14px; text-align: center; border: none; border-radius: 50px 0 0 50px; flex: 1; padding: 0 0 0 60px; }
.page .content .bottom-wrap .btn-wrap .inp-code::-webkit-input-placeholder { color: #fb9289; }
.page .content .bottom-wrap .btn-wrap .inp-code:-moz-placeholder { color: #fb9289; }
.page .content .bottom-wrap .btn-wrap .inp-code::-moz-placeholder { color: #fb9289; }
.page .content .bottom-wrap .btn-wrap .inp-code:-ms-input-placeholder { color: #fb9289; }
.page .content .bottom-wrap .btn-wrap .btn-submit { flex: 0 0 60px; border-radius: 0 50px 50px 0; border: none; font-size: 14px; color: #fff; background-color: #dc2865; }
.page .content .b-wrap { position: absolute; bottom: 0; left: 0; right: 0; }
.page .content .b-wrap .btn-wrap { text-align: center; margin: 0 5%; }
.page .content .b-wrap .btn-wrap .btn-scan, .page .content .b-wrap .btn-wrap .btn-inp { height: 70px; width: 70px; }
.page .content .b-wrap .tip { margin: 4% 6% 18%; }
.page .content .b-wrap .tip .icon { width: 15px; height: 15px; margin-right: 5px; font-size: 12px; line-height: 15px; font-family: auto !important; text-align: center; color: #fff; box-sizing: border-box; border-radius: 50px; overflow: hidden; }
.page .content .b-wrap .tip .icon.warning { background-color: #FFC107; }
.page .content .b-wrap .tip .icon.error { background-color: #f50000; }
.page .content .b-wrap .tip .icon.success { background-color: #4caf50; }
.page .content .b-wrap .tip p { font-size: 12px; margin: 0; }
.page .content .b-wrap .b-logo { margin: 0 auto 20px; display: block; }
.page .content .b-wrap .count { border: solid 1px #303030; border-radius: 5px; padding: 10px 20px; margin: 0 5%; width: 100%; text-align: left; font-size: 14px; max-height: 300px; overflow-x: hidden; overflow-y: scroll; }
.page .content .b-wrap .count p { margin: 0; font-size: 14px; }
.page .content .flex { display: flex; }
.page .content .flex-ct { justify-content: center; align-items: center; }
.page .content .flex-1 { flex: 1; }

@media (min-width: 768px) {
  .over-sm\:bg {
    background: url(../images/security_bg2.jpg) center/auto 100% no-repeat; background-attachment: fixed;
    background-color: #f366aa;
  }
}
@media (max-width: 767px) {
  .sm\:bg{
    background: url(../images/security_bg.jpg) no-repeat; background-size: 100% 100%;
  }
}
/*# sourceMappingURL=security_v2.css.map */