.app{width:100%;height:100%;padding-top:100px;box-sizing:border-box;background:url(../img/bg.c41a41ec.png) no-repeat;background-size:100% 100%}.app header{text-align:center;margin:20px 0}.app header img{width:157px}.app .content{max-width:500px;margin:50px auto}.app .content .item{display:flex;justify-content:flex-start;align-items:center;margin:0 5%;width:90%;box-sizing:border-box;background:#fff;border-radius:30px;height:46px;margin-bottom:40px;font-size:14px;position:relative;overflow:hidden}.app .content .item img{width:26px;margin-left:15px}.app .content .item input{flex:1;border-left:1px solid #e5e5e5;margin-left:10px;padding:3px 15px 3px 12px;font-size:14px}.app .content .item input::-webkit-input-placeholder{font-size:14px}.app .content .item a{flex:1;color:#fff;text-align:center}.app .content .item span{background:#6950fb;color:#fff;position:sticky;right:0;top:0;width:70px;line-height:46px;text-align:center;border-top-right-radius:30px;border-bottom-right-radius:30px;height:46px;cursor:pointer}.app .content .item:first-child input{border-left:none;margin-left:5px;padding-left:5px}.app .content .item:last-child{justify-content:center;background:#6950fb;cursor:pointer;color:#fff;font-size:16px}.app .content .item .disabled{cursor:not-allowed}.app .content .mb5{margin-bottom:5px}.app .content .tip{margin-left:15%;margin-bottom:15px;color:#fff}.app .content .optCode span{background-color:#6950fb;color:#fff;font-weight:700;width:100px;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app .content .optCode .disabled{background-color:rgba(106,80,251,.8235294118);cursor:not-allowed}blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{color:#222}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:couriernew,courier,monospace}small{font-size:12px}a{color:#222}a,a:hover{text-decoration:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#2c3e50}fieldset,img{border:0}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer;background-color:transparent}button,input{outline:none;border:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input::-webkit-input-placeholder{color:#aab2bd;font-size:12px}input[type=number]{-moz-appearance:textfield}body,html{width:100%;height:100%;overflow:hidden;cursor:default;box-sizing:border-box;font-family:Avenir,Helvetica,Arial,sans-serif!important;color:#333;font-size:.28em}body ::-webkit-scrollbar,html ::-webkit-scrollbar{position:absolute;width:8px;height:8px;background-color:#f5f5f5}body ::-webkit-scrollbar-track,html ::-webkit-scrollbar-track{border-radius:4px;background-color:#fff;border:none}body ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,.3)}body{height:100%;padding:0;margin:0;font-family:Calibri}