.down{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);display: none;}
.down .con{width: 380px;height: auto;overflow: hidden;background-color: #fff;border-radius: 3px;position: absolute;top: 30%;left: 50%;transform: translate(-50%,-50%);}
.down .con .form{position: relative;width: 70%;height: 100%;padding: 40px 50px;text-align: center;overflow: hidden;}
.down .con .form span.close{position: absolute;right: 16px;top: 5px;font-size: 14px;display: block;cursor: pointer;height: 8px;width: 8px;color: #b0b8bf;}
.down .con .form span:hover{color: #808492;}
.down .con .form form input,textarea{display: block;width: 100%;outline-style: none;height: 38px;margin-bottom: 10px;border-radius: 3px;border:1px solid #ccc;padding: 0 10px;}
.down .con .form h3{font-size: 18px;
    color: #333437;font-weight: normal;margin-bottom: 8px;}
.down .con .form p.desc{color: #0074fa;font-size: 12px;margin-bottom: 18px;}
.down .con .form form input[name=valicode]{padding-right: 80px;}
.down .con .form form input[type=submit]{background-color: #1278f6;color: #fff;border: 0;height: 40px;cursor: pointer;}
.down .con .form form input[type=submit]:hover{background-color: #3382FF;}
.down .con .form form input.red{border-color: red;}
.down .con .form form .valicode{position: relative;}
.down .con .form form .valicode img{position: absolute;right: 8px;top: 2px;height: 35px;}
.down .con .form p.reg{margin-top: 20px;}
.down .con .form p.reg a{color: #333;font-size: 12px;float: right;}
.down .con .form p.reg a:first-child{float: left;}
.down .con .form form .error{height: 30px;line-height: 30px;text-align: left;color: red;font-size: 12px;display: none;}