.register { margin-bottom: 30px; }
.register .logo { margin: 20px 0; }
.register .title { border-top: 3px solid #E64545; font-size: 28px; font-weight: bold; line-height: 60px; }
.register .tip1 { color: #666; font-size: 12px;  }
.register .tip1 strong,.register label strong { color: red; }
.register .form-container { border: 1px solid #ddd; padding-bottom: 10px; }
.register .form-container h2 { font-weight: normal; color: #333; padding: 8px 0 8px 15px; text-align: left; border-bottom: 1px solid #eee; background: #f9f9f9; font-size: 14px; margin: 0; }
.register .form-container .form { padding: 10px 0; }
.register .form-container .form label { color: #333; font-weight: 500; font-size: 13px; }
.register .form-container .form input { border: 1px solid #ccc; height: 26px; line-height: 26px; padding: 2px 3px; border-radius: 0; }
.register .form-container .form input:focus { box-shadow:none; }
.register .form-container .form  .tip-txt { position: relative; margin-left: -15px; width: calc(33.3% - 15px);}
.register .form-container .form  .tip-txt p { display: none; width: 93%; font-size: 12px; color: #333; background: #E9f0ff; padding: 5px; position: absolute; top: 0; }
.register .form-container .form  .tip-txt p.error { background: #FFC7C7; color: #C91B05; }
.register .form-container .form  .tip-txt p span { color: #5bc0de; }
.register .form-container .form  .tip-txt p.error span { color: #C91B05; }
.register .form-container .verification-code { width: 128px; height: 42px; border: solid 1px #e5e5e5; }
.register .form-container .verification-code img { width: 100px; height: 100%; }
.register .form-container .verification-code span { cursor: pointer; vertical-align: top; color: #666; margin-top: 5px; }
.register .form-container .verification-code-txt { width: calc(100% - 140px);}
.register .form-container .verification-code-txt input { width: 100%; height: 42px; border: 1px solid #ccc; }
.register .form-container .verification-code-txt input:focus { outline: none;}
.register .submit input { background: #e64545; border: 1px solid #e64545; border-radius: 2px; font-size: 14px; padding: 7px 25px; margin: 20px auto; }
.register .submit input:focus { outline: none; }
.register .sign-in { border-top: 1px solid #ddd; }
.register .sign-in a { color: #246bb3; }
.register .sign-in a:hover { color: #fba30a }
.register .sign-in p { margin: 18px auto; font-size: 13px; }
.register .tip-form { border: 1px solid #eee; }
.register .tip-form h4,.register .tip-form ul li { border-bottom: 1px solid #eee; margin:0; line-height: 34px; font-size: 14px; padding-left: 10px; }
.register .tip-form h4 { color: #333; font-weight: bold; }
.register .tip-form ul { margin-bottom: 0; }
.register .tip-form ul li{ font-size: 12px; color: #999; border-bottom: 1px dashed #e5e5e5; }
.register .tip-form ul li i { color: #4cae4c; }
.register .tip-form ul li:last-child { border-bottom: 1px solid #e5e5e5; }
.register .agree { margin-top: 5px; }
.register .agree a { color: #246bb3; }
.register .agree a:hover { color: #fba30a; }

.footer { background: #222; padding-top: 30px; }
.footer .about-us { padding-bottom: 40px; }
.footer .about-us ul li{ text-align: center; }
.footer .about-us dd a { text-decoration: none; color: #777; }
.footer .about-us dd a:hover { color: #fff; }
.footer .about-us dt { margin-bottom: 10px; color: #fff; font-size: 15px;}
.footer .about-us .row-2 .about-us-1 { margin-bottom: 5px; } 
.footer .about-us .row-2 a { text-decoration: none; color: #777; font-size: 12px; }
.footer .about-us .row-2 span { border-left: 1px solid #4d4d4d; margin: 3px 10px 0 10px; display: inline-block; height: 12px; vertical-align: top; }
.footer { background: #f0f1f2; }
.footer .about-us .row-2 span { border-left: 1px solid #ccc; }
.footer-top { border-top:0; }
.footer ul li a:hover { color: #777; text-decoration: none;}

/*forget password*/
.forget-logo  { margin-top: 40px; margin-bottom:20px;display: block; }
.forget-container { border:1px solid #ccc; margin-bottom: 50px;}
.forget-container h1 { margin:0; font-size: 16px; color: #555; text-indent: 20px; background: #f5f5f5; padding: 12px 0; border-bottom:1px solid #ccc;}
.forget-container .input-container { padding: 45px; }
.forget-container .input-container .title { font-size: 16px; font-weight: 700; color: #555; margin-bottom: 30px; }
.forget-container .input-container label.left{width: 190px; padding-top: 12px; margin-bottom: 12px; font-size: 14px; text-align: right; font-weight: normal;}
.forget-container .input-container .right { width:400px; margin-left: 10px; }
.forget-container .input-container input[type="text"] {height: 40px; line-height: 24px; padding: 8px 10px; font-size: 14px; border: 1px solid #ccc; outline: none; }
.forget-container .input-container input[type="text"]:focus { border-color: #888; }
.forget-container .input-container .input-2 { margin-bottom: 20px; }
.forget-container .input-container .input-2 a { width: 125px; height: 40px; border: 1px solid #ccc; border-left: 0; display: block; float: left;}
.forget-container .input-container .input-2 span { font-size: 14px;  float: right;  margin-top: 5px;margin-right: 5px;color: #666;cursor: pointer;}
.forget-container .input-container input[type='submit']{color: #fff; background-color: #e64545; border: solid 1px #e64545; line-height: 34px; padding: 0 25px; border-radius: 3px; margin-left: 200px; }

.forget-container .input-container .right label {display: block; font-size: 12px; line-height: 1.5; margin-bottom: 0; padding: 10px; line-height: 18px; color: #e64552; background: #ffdbdb; font-weight: normal;}
#code+a+label { float: left; }
@media (min-width: 1200px) {
  .container {
    width: 1020px;
  }
}

@media (max-width: 768px) {
	.register .title { font-size: 18px; }
	.register .form-container .form { padding: 10px; }
	.register .form-container .form .tip-txt { width: 100%; margin-left: 0;}
	.register .form-container .form .tip-txt p { width: 100%; position: static;}

	.forget-container .input-container { padding: 10px; }
	.forget-container .input-container .right { width: 100%;margin-left:0; }
	.forget-container .input-container input[type="text"] { width: 100% !important; }
	.forget-container .input-container .input-2 { margin-bottom: 0; }
	.forget-container .input-container label.left { text-align: left; }
	.forget-container .input-container .title { margin-bottom: 15px; }
}