body { font-family: "Microsoft Yahei";font-size: 14px; margin: 0; padding: 0; background: url('../images/bg.jpg') repeat 0 0; }
.maxsize { max-width: 1180px; margin: 0 auto; }

.ui { max-width: 640px; margin: 20px auto;background: rgb(127,195,255) url(../images/uibg.jpg) no-repeat bottom center; border-radius: 6px; }
.ui .pdcon { padding: 50px 40px 100px 40px; }
@media screen and (max-width: 640px) {
	.ui { margin: 20px 10px; }
	.ui .pdcon { padding: 40px 20px 60px 20px; }
}

.ui .title { margin-bottom: 20px; }
.ui .title h1 { font-size: 25px; margin: 0; padding: 0; line-height: 1; margin-bottom: 10px; font-weight: 300; }
.ui .title p {  margin: 0; padding: 0; line-height: 1.5;  }

.ui .btns { text-align: right; }
.ui .btns .btn { display: inline-block; background: #f60; border-radius: 4px; padding: 10px 20px; color: #fff; cursor: pointer; font-size: 12px;}
a { text-decoration: none; }
.form p { margin: 0; padding: 0; line-height: 1.5; }
.form .line { margin-bottom: 10px; }
.form .name { font-weight: 900; }
.form .tip , .form .error { font-size: 12px; margin-top: 8px;}
.form .error { display: none;}
.form .input { width: 100%;font-size: 16px; line-height:35px; border-radius: 4px; border: 1px solid #ececec; }
.form .input.center { text-align: center; }