@beeapi/nutui/dist/packages/shortpassword/shortpassword.css

一套轻量级移动端Vue组件库

/*!
 * @beeapi/nutui v2.2.10 - shortpassword.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */@-webkit-keyframes popupEnter{0%{transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0)}to{transform:translateZ(0);-webkit-transform:translateZ(0)}}@keyframes popupEnter{0%{transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0)}to{transform:translateZ(0);-webkit-transform:translateZ(0)}}@-webkit-keyframes popupLeave{0%{transform:translateZ(0);-webkit-transform:translateZ(0)}to{transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0)}}@keyframes popupLeave{0%{transform:translateZ(0);-webkit-transform:translateZ(0)}to{transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0)}}.popup-leave-active{-webkit-animation:popupLeave .3s;animation:popupLeave .3s}.popup-enter-active{-webkit-animation:popupEnter .3s;animation:popupEnter .3s}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.fade-enter,.fade-leave-active{opacity:0}a,input,li,ul{margin:0;padding:0}a{text-decoration:none}input[type=text],textarea{-webkit-appearance:none}input:focus{-webkit-user-modify:read-write-plaintext-only}ol,ul{list-style:none}.nut-short-pwd{color:#232326;font-size:14px}.nut-short-pwd .nut-mask{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:9999}.nut-short-pwd .nut-layer{background-color:#f3f5f7;position:fixed;bottom:0;left:0;width:100%;z-index:10000}.nut-short-pwd .nut-layer .nut-title{line-height:50px;text-align:center;border-bottom:1px solid #f1f2f4;font-size:16px}.nut-short-pwd .nut-layer .nut-close{height:19px;width:19px;display:inline-block;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23D2D2D2' viewBox='0 0 30 30'%3E%3Cpath d='M.44 2.56A1.5 1.5 0 112.56.44l27 27a1.5 1.5 0 11-2.12 2.12L15 17.123 2.56 29.56a1.5 1.5 0 11-2.12-2.12L12.878 15 .44 2.56zm27-2.12a1.5 1.5 0 112.12 2.12l-9 9a1.5 1.5 0 11-2.12-2.12l9-9z' fill-rule='evenodd'/%3E%3C/svg%3E") 0 0 no-repeat;background-size:100% 100%;position:absolute;top:15px;left:15px}.nut-short-pwd .nut-layer .nut-input-w{padding:30px 0 45px;text-align:center;position:relative}.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoQAAACMCAMAAADSpUg5AAAAdVBMVEUAAADLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8v////4+PnOzs739/jm6Ozq6urX19fw8fPq6+7z9Pbt7vH19vfo6u3j4+Pf39/09PTv8PHu7u7c3NzT09OW1o/CAAAAE3RSTlMAEd2WPPu6WyPLdeOpCO+EQjbYfSIF/QAAAxhJREFUeNrs1tFugkAQRuEplgWVRu0QBGpbQO37P2IvyUaJV/6oOd8bzOZkZwwAAAAAHku+KpafCXBPy7DZ2pRdSLvTUJXAPQ3Hukkyu2qT1g5IDH3I7VLRlw6odOvLChe9A0J18max7OyAVFdY5GPdOqDVbOOPkGUMuVOIIgxHB9TS6CpMHZA7ZzbK/xyQ61Y22jUOyNULG70TIW4jQrweIsTsZorwULpG2bpIKxqpOviUZx1ppgi/VC9Z7V3k98cl2m9X2Vc+hQiJcBoREuF1RPjPLh0TAADAMAzy73pnn8UBaEDCIKGESUIJg4QSjoQSNgkl/EkoYZBQwiShhEFCCUdCCZuEEv4klDBIKGGSUMIgoYQjoYRNQgl/EkoYJJQwSShhkFDCkVDCJqGEPwklDBJKmCSUMEgo4Ugo4bFLxwQAADAMg/y73rmncQAaaBJKuEkoYZBQwiShhEFCCZ+EEjYJJdwklDBIKGGSUMIgoYRPQgmbhBJuEkoYJJQwSShhkFDCJ6GETUIJNwklDBJKmCSUMEgo4ZNQwiahhJuEEgYJJUwSShgklPBJKGGTUMJNQgmDhBImCSUMEkr4JJSwSSjhJqGEQUIJk4QSBgklfBJK2CSUcJNQwiChhElCCYOEEj4JJWwSSrhJKGGQUMIkoYRBQgmfhBI2CSXcJJQwSHjs0jEBAAAMwyD/rnf2WRyABiRMEkoYJJRwJJSwSSjhT0IJg4QSJgklDBJKOBJK2CSU8CehhEFCCZOEEgYJJRwJJWwSSviTUMIgoYRJQgmDhBKOhBI2CSX8SShhkFDCJKGEQUIJR0IJr/16W0EQiqIouk9xvJVW7BNEVmi3///EHlPT6MWtxBzfMGGxhhHhz84XtRFKNXIOauJ0VCtl0EF/ECFAhJgRIsTkiBCTa0WYPBUwV23kLfcKmKtjaUivClh7JtKQVQoYu6bS5IqggK06lpasVsDUIZWOiEGGqXuRSIdLqRCGSr+VDy6quciwUq120idePUr+CUYXbpVfOumXx+uF3wOj8kWUOfkqd8CYBAAAAABm5wVGxqJatB7HLgAAAABJRU5ErkJggg==) 0 0 no-repeat;background-size:100% 100%;height:70px;width:322px;display:inline-block}.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list ul{padding-top:11px}.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list li{float:left;margin-left:7px}.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list input{height:45px;width:45px;border:0;background:none;text-align:center;font-size:16px}.nut-short-pwd .nut-layer .nut-input-w .nut-real-input{z-index:10001;position:absolute;width:317.5px;top:30px;margin-left:-100%;height:70px;opacity:0;width:200%}.nut-short-pwd .nut-layer-center{top:50%;left:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);width:90%;height:225px;-webkit-border-radius:6px;border-radius:6px}.nut-short-pwd .nut-forget{text-align:right;line-height:30px;padding-right:33px;font-size:13px}.nut-short-pwd .nut-forget a{color:#666}.nut-short-pwd .nut-forget a:before{content:"";display:inline-block;width:12px;height:12px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M.5 12c0 6.351 5.149 11.5 11.5 11.5S23.5 18.351 23.5 12 18.351.5 12 .5.5 5.649.5 12z' stroke='%230C0C0C' fill='none'/%3E%3Cpath fill='%230C0C0C' d='M10.909 4.364h2.182v2.182h-2.182zm0 4.363h2.182v10.909h-2.182z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;background-size:100% 100%;vertical-align:middle;margin:-4px 5px 0 0}.nut-short-pwd .nut-fake-cursor{position:absolute;top:50px;left:55px;display:block}.nut-dis-scroll{overflow:hidden;height:100%;width:100%}@media screen and (max-width:320px){.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list{width:320px}.nut-short-pwd .nut-layer-center .nut-input-w .nut-fake-list{width:280px}.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list li{margin-left:4px}.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list li input{width:42px}}