*{margin:0;padding:0}.page{width:100%;height:100%;flex-wrap:wrap;flex-direction:column;padding-top:10%}.item,.page{display:flex;align-items:center}.item{width:50%;justify-content:space-between;margin-bottom:20px}.ipt{flex:1;border-radius:10px;padding:0 20px;font-size:20px}.btn,.ipt{height:100%}.btn{width:80px;background-color:#409eff;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:6px;font-size:22px;margin-left:20px;cursor:pointer}.btn:hover{background-color:#2f79be}.item span{font-weight:700;font-size:20px}.content{flex:1;max-width:700px;border:2px solid #777;color:#777;border-radius:10px;padding:20px;font-size:20px;background-color:#f6f6f6;text-align:left;word-wrap:break-word}.cz{width:80px;height:100%;font-size:22px}.copy,.cz{background-color:#e6a23c;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:6px;margin-left:30px;cursor:pointer}.copy{width:100px;height:40px;font-size:18px}.copy:hover{background-color:#bc8430}::-webkit-input-placeholder{color:#aaa}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}