.dot {

  margin-right: 20px;

}



.align-self-top {

  -ms-flex-item-align: start;

      align-self: flex-start;

}



.form-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-bottom: 34px;

}



.form-group .form-label {

  width: 170px;

}



.form-group .form-input {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}
.form-group .form-checkbox{-webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;}


.form-group .form-input input {

  width: 275px;

  height: 50px;

  padding: 0 12px;

  border: 1px solid #555555;

  border-radius: 3px;

}



.form-group .form-select select {

  width: 275px;

  height: 34px;

  padding: 0 12px;

  border: 1px solid #555555;

  border-radius: 3px;

  color: #333;

}



.form-row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.form-row .form-col {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}



.form-row .form-col:last-child {

  padding-left: 80px;

}



/*.form-row .form-col:last-child .form-label {

  width: 100px;

}*/



.register {

  padding-bottom: 190px;

}



.register-nav {

  padding: 80px 0px 50px;

  background-color: #fbfdf8;

  text-align: center;

}



.register-nav .register-title {

  margin-bottom: 60px;

  font-size: 36px;

  text-align: center;

  color: #006e47;

}

.register-nav .register-img img { max-width: 94%; display: block; margin: 0 auto; }



.register-main-area {

  /*width: 1200px;*/

  margin: 0 auto;

  padding: 80px 170px;

  font-size: 18px;

}



.register-main-area .form-date {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.register-main-area .form-date .form-input input {

  width: 220px;

}



.register-main-area .form-date .form-date-icon {

  width: 50px;

  margin-left: 5px;

}



.register-main-area .form-img-opreate {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.register-main-area .form-img-opreate .form-img-area {

  width: 190px;

  height: auto;

  background-color: #f2f2f2;

}

.register-main-area .form-img-opreate .form-img-area img { width: 100%; display: block; }



.register-main-area .form-img-opreate .upload-btn-img {

  -ms-flex-item-align: end;

      align-self: flex-end;

  width: 145px;

  height: 40px;

  margin-left: 15px;

  outline: none;

  color: #fff;

  font-size: 18px;

  border-radius: 3px;

  background-color: #006e47;

  border: none;

  cursor: pointer;

}



.register-main-area .register-opreate a {

  width: 150px;

  height: 45px;

	line-height: 45px;

	text-align: center;

  font-size: 18px;

  outline: none;

  border: none;

  color: #fff;

  border-radius: 3px;

	display: inline-block;

}



.register-main-area .register-opreate .register-cancel {

  margin-right: 15px;

  background-color: #565656;

}



.register-main-area .register-opreate .register-next {

  background-color: #006e47;

}





@media screen and (max-width: 768px) {

  .register-main-area {

    padding-left: 50px;

    padding-right: 50px;

  }

}

/*# sourceMappingURL=register.css.map */











/**************************************/

.register_title { color: #006e47; font-size: 24px; /*font-weight: 700;*/ line-height: 1em; margin-bottom: 44px; }

.register .form-group .form-select select { height: 50px; }



.clear:after{ content: "\0020"; display: block; height: 0; clear: both; }

.clear{zoom: 1;}





.form_choice input[type='checkbox'], 

.form_choice input[type='radio'] { width: 16px; height: 16px; position: relative; background: transparent; border: 0; outline: none; vertical-align: middle; cursor: pointer; margin-right: 8px;

	-webkit-appearance: none; 

	-moz-appearance: none; 

	appearance: none;

}

.form_choice input[type='checkbox']:checked:after, 

.form_choice input[type='radio']:checked:after { content: ""; position: absolute; top: 2px; left: 5px; border-right: 2px solid transparent; border-bottom: 2px solid transparent; width: 4px; height: 8px; border-color: #fff;

	-webkit-transform: rotate(45deg); 

	transform: rotate(45deg);

}

.form_choice input[type='checkbox']:before, 

.form_choice input[type='radio']:before { content: ""; position: absolute; width: 100%; height: 100%; background: #fff; border: 1px solid #2f3032; border-radius: 3px; box-sizing: border-box;

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

}

.form_choice input[type='checkbox']:hover:before, 

.form_choice input[type='radio']:hover:before { background-color: #f4f5f6;

	 -webkit-transform: scale(1.2); 

	-moz-transform: scale(1.2); 

	-ms-transform: scale(1.2); 

	-o-transform: scale(1.2); 

	transform: scale(1.2);

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

}

.form_choice input[type='checkbox']:checked:before, 

.form_choice input[type='radio']:checked:before { background-color: #2f3032!important; border-color: #2f3032!important;

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

}

.form_choice input[type='checkbox']:disabled, 

.form_choice input[type='radio']:disabled { cursor: default; }

.form_choice input[type='checkbox']:disabled:before, 

.form_choice input[type='radio']:disabled:before { background-color: #dbdde1; border-color: #9ca0a6; }

.form_choice input[type='checkbox']:disabled:hover:before, 

.form_choice input[type='radio']:disabled:hover:before { background-color: #dbdde1;

	 -webkit-transform: scale(1); 

	-moz-transform: scale(1); 

	-ms-transform: scale(1); 

	-o-transform: scale(1); 

	transform: scale(1);

}

.form_choice label,

.form_choice2 label { cursor: pointer; line-height: 36px; display: inline-block; margin-right: 16px; }

.form_choice label input[type="text"],

.form_choice2 label input[type="text"] { margin-left: 10px; }

.form_choice2 input[type='radio']:before,

.form_choice2 input[type='checkbox']:before { border-radius: 100%; }

.form_choice2 input[type='radio']:checked:before,

.form_choice2 input[type='checkbox']:checked:before { background-color: #fff!important; }

.form_choice2 input[type='radio']:checked:after,

.form_choice2 input[type='checkbox']:checked:after { border: 0; width: 8px; height: 8px; background: #2f3032; border-radius: 100%; top: 50%; left: 50%; margin: -4px 0 0 -4px; }







/**/

.form_choice { margin-bottom: 30px; }

.form_choice label { float: left; width: 30%; display: block; margin-bottom: 16px; }

.form_choice label:last-child { width: 100%; }

.form_choice label:last-child input[type="text"] { border: 1px solid #555555; border-radius: 3px; height: 44px; padding: 0 10px; width: 600px; border-radius: 100px; }



.register-prev { background-color: #006e47; }







.register_preview { }

.register_preview ul, 

.register_preview ol, 

.register_preview li { margin: 0; padding: 0; list-style-type: none; }



.register_preview > div { padding-bottom: 44px; margin-bottom: 44px; border-bottom: 1px solid #e3e3e3; } 

.register_preview > div:last-child { border-bottom: 0; margin-bottom: 0; }





/*.register_preview_con ul li { margin-bottom: 24px; }

.register_preview_con ul li div { float: left; margin-right: 54px; font-size: 18px; font-weight: 700; color: #333; }

.register_preview_con ul li div span { font-weight: normal; color: #333; margin-right: 10px; }

.register_preview_con ul li div span:last-of-type { margin-right: 0; }



.register_preview_con ul li:after { content: ""; clear: both; height: 0; display: block; }

.register_preview_con ul li:last-child { margin-bottom: 0; }

.register_preview_con ul li div:last-child { margin-right: 0; }*/



.register_preview_con ul { width: 640px; }

.register_preview_con ul li { }

.register_preview_con ul li div { float: left; width: 320px; font-size: 18px; font-weight: 700; color: #333; margin-bottom: 24px; }

.register_preview_con ul li div span { font-weight: normal; color: #333; margin-right: 10px; display: block; float: left; line-height: 1.4em; }

.register_preview_con ul li div span:first-of-type { font-weight: 700; width: 136px; text-align: right; }

.register_preview_con ul li div span:last-of-type { margin-right: 0; }



.register_preview_con ul li:after,

.register_preview_con ul li div:after { content: ""; clear: both; height: 0; display: block; }

.register_preview_con ul li:last-child { margin-bottom: 0; }

.register_preview_con ul li div:last-child { margin-right: 0; }









.register_preview_row1 .register_preview_con { /*display: table; width: 100%;*/ }

.register_preview_row1 .register_preview_con > div { float: left; /*display: table-cell; vertical-align: top;*/ }



.register_preview_row1 .register_preview_con > div.rp_pic { float: right; padding-right: 150px; }

.register_preview_row1 .register_preview_con > div.rp_pic div { display: table; width: 100%; }

.register_preview_row1 .register_preview_con > div.rp_pic div span { display: table-cell; vertical-align: top; padding-right: 16px; white-space: nowrap; }

.register_preview_row1 .register_preview_con > div.rp_pic div img { display: block; width: 160px; height: auto; }









/*修改*/

.register-main-area { padding: 80px 0; }









.ts03 { 

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

}



.register_teenagers_step ul:after { content: ""; clear: both; height: auto; display: block; }



.register_teenagers_step ul { margin: 0 -22px; position: relative; }

.register_teenagers_step ul li { float: left; width: 33.33%; }



.register_teenagers_step ul li > a { margin: 0 22px; padding-bottom: 80px; background-color: #ededed; border-radius: 16px; box-shadow: 0 2px 8px rgba(0,0,0,.2); display: block; cursor: pointer; position: relative; z-index: 8; }



.register_teenagers_step ul li > a .rts_img { padding: 54px 0; position: relative; z-index: 9; }

.register_teenagers_step ul li > a .rts_img img { display: block; width: auto; height: 170px; margin: 0 auto; }



.register_teenagers_step ul li > a .rts_txt { display: table; text-align: center; width: 52%; height: 78px; margin: 0 auto; position: relative; z-index: 9; }

.register_teenagers_step ul li > a .rts_txt span { display: table-cell; vertical-align: middle; font-size: 28px; line-height: 1.4em; color: #006e47; }

.register_teenagers_step ul li > a .rts_txt h2 { display: table-cell; vertical-align: middle; font-size: 28px; line-height: 1.4em; color: #006e47; }



.register_teenagers_step ul li > a .rts_btn { margin-top: 44px; height: 44px; text-align: center; }

.register_teenagers_step ul li > a .rts_btn span { width: auto; padding: 0 24px; line-height: 44px; border-radius: 100px; font-size: 16px; font-weight: 700; color: #fff; display: inline-block; margin: 0 auto; text-align: center;

	background: -webkit-linear-gradient(left, #006e47 , #72bc43); 

    background: -moz-linear-gradient(left, #006e47, #72bc43); 

    background: -o-linear-gradient(left, #006e47, #72bc43); 

    background: linear-gradient(to right, #006e47 , #72bc43); 

}

.register_teenagers_step ul li > a .rts_btn span { width: auto; padding: 0 24px; line-height: 44px; border-radius: 100px; font-size: 16px; font-weight: 700; color: #fff; display: inline-block; margin: 0 auto; text-align: center; background: #565656; }

.register_teenagers_step ul li > a:hover .rts_btn span {

	background: -webkit-linear-gradient(left, #006e47 , #72bc43); 

    background: -moz-linear-gradient(left, #006e47, #72bc43); 

    background: -o-linear-gradient(left, #006e47, #72bc43); 

    background: linear-gradient(to right, #006e47 , #72bc43); 

}



.register_teenagers_step ul li:nth-child(2) > a { z-index: 9; }

.register_teenagers_step ul li:nth-child(2) > a:after { content: ""; display: block; width: 120px; height: 120px; border-radius: 100px; background-color: #ededed; position: absolute; top: 50%; left: -44px; margin-top: -60px; }



.register_teenagers_step ul li:nth-child(2) > a:before { content: ""; display: block; width: 120px; height: 120px; border-radius: 100px; background-color: #ededed; position: absolute; top: 50%; right: -44px; margin-top: -60px; }



.register_teenagers_step ul li:nth-child(1) > a:after { content: ""; width: 120px; height: 120px; display: block; position: absolute; top: 50%; right: -90px; background-color: #fff; margin-top: -60px; border-radius: 100px; }

.register_teenagers_step ul li:nth-child(3) > a:after { content: ""; width: 120px; height: 120px; display: block; position: absolute; top: 50%; left: -90px; background-color: #fff; margin-top: -60px; border-radius: 100px; }



.register_teenagers_step ul li > a .rts_circular { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 16px; }

.register_teenagers_step ul li > a .rts_circular:after,

.register_teenagers_step ul li > a .rts_circular:before { content: ""; width: 270px; height: 270px; border-radius: 300px; display: block; position: absolute; z-index: -1; background-color: #fff; }



.register_teenagers_step ul li:nth-child(1) > a .rts_circular:after { width: 500px; height: 500px; top: -330px; left: -320px; }

.register_teenagers_step ul li:nth-child(1) > a .rts_circular:before { width: 230px; height: 230px; bottom: -160px; right: -20px; }

.register_teenagers_step ul li:nth-child(2) > a .rts_circular:after { top: -160px; right: -80px; }

.register_teenagers_step ul li:nth-child(2) > a .rts_circular:before { width: 120px; height: 120px; bottom: -50px; left: -30px; }

.register_teenagers_step ul li:nth-child(3) > a .rts_circular:after { top: -196px; right: 20px; }

.register_teenagers_step ul li:nth-child(3) > a .rts_circular:before { width: 184px; height: 184px; right: -130px; bottom: 44px; }



.register_teenagers_step ul li > a:hover { 

	/*-webkit-transform: scale(1.05); 

	-moz-transform: scale(1.05); 

	-ms-transform: scale(1.05); 

	-o-transform: scale(1.05); 

	transform: scale(1.05);*/

}



.register_teenagers_step ul li:nth-child(1) > a.active,

.register_teenagers_step ul li:nth-child(1):hover > a { right: -28px; }

.register_teenagers_step ul li:nth-child(3) > a.active,

.register_teenagers_step ul li:nth-child(3):hover > a { left: -28px; }









.register_preview .register-agreement-title {

    margin-bottom: 100px;

    font-size: 36px;

    text-align: center;

    color: #006e47;

}









/*.register_teenagers_step ul li:nth-child(2) > a { z-index: 9; }

.register_teenagers_step ul li:nth-child(2) > a:after { content: ""; display: block; width: 120px; height: 120px; border-radius: 100px; background-color: #ededed; position: absolute; top: 50%; left: -64px; margin-top: -60px; }



.register_teenagers_step ul li:nth-child(2) > a:before { content: ""; display: block; width: 120px; height: 120px; border-radius: 100px; background-color: #ededed; position: absolute; top: 50%; right: -64px; margin-top: -60px; }



.register_teenagers_step ul li:nth-child(1) > a:after { content: ""; width: 164px; height: 164px; display: block; position: absolute; top: 50%; right: -120px; background-color: #fff; margin-top: -82px; border-radius: 100px; }

.register_teenagers_step ul li:nth-child(3) > a:after { content: ""; width: 164px; height: 164px; display: block; position: absolute; top: 50%; left: -120px; background-color: #fff; margin-top: -82px; border-radius: 100px; }



.register_teenagers_step ul li > a .rts_circular { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 16px; }

.register_teenagers_step ul li > a .rts_circular:after,

.register_teenagers_step ul li > a .rts_circular:before { content: ""; width: 270px; height: 270px; border-radius: 300px; display: block; position: absolute; z-index: -1; background-color: #fff; }



.register_teenagers_step ul li:nth-child(1) > a .rts_circular:after { width: 500px; height: 500px; top: -330px; left: -320px; }

.register_teenagers_step ul li:nth-child(1) > a .rts_circular:before { width: 230px; height: 230px; bottom: -160px; right: -20px; }

.register_teenagers_step ul li:nth-child(2) > a .rts_circular:after { top: -160px; right: -80px; }

.register_teenagers_step ul li:nth-child(2) > a .rts_circular:before { width: 120px; height: 120px; bottom: -50px; left: -30px; }

.register_teenagers_step ul li:nth-child(3) > a .rts_circular:after { top: -196px; right: 20px; }

.register_teenagers_step ul li:nth-child(3) > a .rts_circular:before { width: 184px; height: 184px; right: -130px; bottom: 44px; }*/







/****************************************/



.form-group .form-input input { border-radius: 100px; height: 40px; }

/*.register input[type="text"] { border-radius: 100px; height: 40px; }*/

.register .form-group .form-select select { border-radius: 100px; height: 40px; }

.register-main-area .form-date .form-date-icon img { display: block; height: 40px; }



.forget-password .login_title{display: block;}

.forget-password .form-group-code{display: block;}

.forget-password .form-group-code .form-input{margin-bottom:15px;}
.forget-password .form-group-code > div:nth-child(2){padding-left:0px; margin-bottom:5px;}