#skeleton{padding:30px}#container{display:-webkit-box;display:-ms-flexbox;display:flex}.item{-webkit-box-flex:1;-ms-flex:1;flex:1}.textarea{outline:none;resize:none;border:1px solid #ccc;padding:10px}.mobile{background-color:#fff;border:8px solid grey;border-radius:20px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.input-bar{width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.input-bar>input[type=text]{outline:none;height:40px;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:5px;font-size:16px;color:#657180}.input-bar>a{width:100px;height:40px;line-height:40px;background-color:#4286f5}.input-bar>a:first-of-type{border-right:1px solid #fff}.input-bar>a:nth-of-type(2){border-radius:0 10px 10px 0}.input-bar .tips{position:absolute;right:0;-webkit-transform:translateY(-150%);transform:translateY(-150%);-webkit-transition:all .5s;transition:all .5s;font-weight:700}.input-bar .success{color:#0c6}.input-bar .error{color:#f60}