.mptipbar{display: none;position:fixed;top:0;width: 100%;z-index: 9999}
.mptipbar-message{text-align: center;}
.mptipbar p{display: inline-block;text-align: center;font-size:13px;-webkit-box-shadow:0 8px 8px rgba(0,0,0,.1);-moz-box-shadow:0 8px 8px rgba(0,0,0,.1);box-shadow:0 8px 8px rgba(0,0,0,.1);background: hsla(0, 0%, 100%, 0.97);color: #454545; border-radius:0 0 4px 4px;padding: 12px 25px;}

.mpbox-wrap {max-width:330px!important;height:380px;margin:auto;background:#fff;padding:25px 0 20px;  clear:both;  }
.mpbox-wrap .mpbox-qrcode {position:relative;width:200px;height:200px;margin:0 auto;}
.mpbox-wrap .mpbox-qrcode img{width:200px;height:200px;}
.mpbox-wrap .mpbox-tip {color:#666666;margin-bottom:14px;line-height: 30px;font-size: 13px;text-align: center;}
.mpbox-wrap .mpfield {position:relative; margin: 0 auto; width: 240px!important;}   
.mpbox-wrap input:focus {border-color:#d2d8d8;box-shadow:0 0 5px rgba(52,54,66,.1);outline:0}
.mpbox-wrap input::-webkit-input-placeholder {border-color:#d2d8d8;color:#aab2bd}
.mpbox-wrap input.mpcode {height:42px;line-height:42px;padding:0px 20px;border:1px solid #d2d8d8;border-radius:3px;display: inline-block;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;font-size: 13px;font-weight: bold;letter-spacing: 1px; line-height:26px;color: #666666}
.mpbox-wrap input.verify-mpcode {display:inline-block;position:absolute;right:0;top:0;  width:90px;padding:11px 12px;height: 42px; border:1px solid #d2d2d8;border-radius:3px; font-size:14px;color:#888888;cursor:pointer;background:#f5f5f5;font-weight: bold;}