.page-mask {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;}
.val-code {position:fixed;left:50%;top:50%;width:320px;background:#fff;border-radius: 3px;transform:translate(-50%, -50%);z-index:1000;}
.val-code .contain1 {position:relative;padding: 15px;}
.val-code .contain1 .closed {position:absolute;right:12px;top:8px;font-size:14px;color:#3a5baa;cursor:pointer;}
.val-code .contain1 h3 {font-size:16px;font-weight:600;}
.val-code .contain1 .val-img {padding:25px 0 0;}
.val-code .contain1 .val-img img {display:inline-block;border:1px solid #eee;border-radius: 3px;cursor:pointer;}
.val-code .contain1 .val-img input {float:right;font-size:20px;color:#9c9c9c;text-indent:10px;width:120px;line-height:42px;border:1px solid #aaa;outline:none;border-radius: 3px;vertical-align:top;}
.val-code .contain1 .val-img input::-webkit-input-placeholder { /* WebKit browsers */color: #999;font-size: 16px;}
.val-code .contain1 .val-img input::-moz-placeholder { /* Mozilla Firefox 19+ */color: #999;font-size: 16px;}
.val-code .contain1 .val-img input:-ms-input-placeholder { /* Internet Explorer 10+ */color: #999;font-size: 16px;}
.val-code .contain1 .val-c {padding:3px 0 0;}
.val-code .contain1 .val-c .txt {display:inline-block;width:49%;font-size:14px;color:#999;text-align:left;}
.val-code .contain1 .val-c .txt:last-child {text-align:right;}
.val-code .contain1 .val-sub input {margin:14px auto 0;display:block;-webkit-appearance:none;font-size:16px;color:#fff;letter-spacing:2px;background:#5757d9;width: 50%;line-height:36px;border-radius:3px;border:none;outline:none;cursor:pointer;}