*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;min-width:100%;max-width:100%;height:auto;min-height:auto;max-height:none}.page-container{max-width:500px;margin:0 auto;padding-bottom:50px}.img-poster{display:block;width:100%}.page-content{overflow:hidden;padding:5px 20px}.item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:45px;margin:5px 0}.item.required{position:relative}.item.required:before{content:"*";position:absolute;top:50%;left:-10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:red}.item .key{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;width:4em}.item .key,.item .value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.item .value{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center;padding-left:10px}.item .input{-webkit-box-flex:1;-ms-flex:1;flex:1;width:1px;height:40px;padding:0 10px;border:1px solid #bbb;border-radius:4px}.get-code{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100px;height:30px;margin-left:10px;background:#ffbf44;font-size:14px;color:#fff;border-radius:4px}.get-code.on{background:#ccc;opacity:1!important}.save{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80%;height:40px;margin:20px auto 0;background:#ffbf44;font-size:14px;color:#fff;border-radius:10px}