.dot {

  margin-right: 20px;

}



.register-agreement {

  width: 1200px;

  margin: 0 auto;

  padding: 80px 170px;

  font-size: 20px;

}



.register-agreement .register-agreement-title {

  margin-bottom: 140px;

  font-size: 36px;

  text-align: center;

  color: #006e47;

}



.register-agreement .register-agreement-main dl dt {

  margin-bottom: 40px;

  font-size: 24px;

  color: #006e47;

}

.register-agreement .register-agreement-main dl dt h2 {

  font-size: 24px;

  color: #006e47;

}

.register-agreement .register-agreement-main dl dd {

  margin-bottom: 15px;

  font-size: 18px;

}



.register-agreement .register-agreement-main .register-agreement-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-bottom: 40px;

  margin-top: 60px;

  color: #006e47;

}



.register-agreement .register-agreement-main .register-agreement-box input {

  margin-right: 10px;

  width: 22px;

  height: 22px;

}



.register-agreement .register-agreement-main .register-agreement-opreate button {

  width: 150px;

  height: 45px;

  font-size: 18px;

  outline: none;

  border: none;

  color: #fff;

  border-radius: 3px;

}



.register-agreement .register-agreement-main .register-agreement-opreate .register-agreement-cancel {

  margin-right: 15px;

  background-color: #9ca0a6;

}



.register-agreement .register-agreement-main .register-agreement-opreate .register-agreement-next {

  background-color: #72bc43;

}

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







.register-teenagers-step-opt ul,

.register-teenagers-step-opt ol,

.register-teenagers-step-opt li {margin: 0;padding: 0;list-style-type:none;}



.register-teenagers-step-opt ul:after { content: ""; clear: both; height: auto; display: block; }



.register-teenagers-step-opt ul li { float: left; width: 230px; }

.register-teenagers-step-opt ul li i { font-size: 20px; font-weight: 700; display: block; text-align: center; line-height: 1em; color: #565656; margin: 40px 0 20px; }

.register-teenagers-step-opt ul li h2 { font-size: 20px; font-weight: 700; display: block; text-align: center; line-height: 1em; color: #565656; margin: 40px 0 20px; }

.register-teenagers-step-opt ul li a { width: 100%; border: 1px solid #565656; position: relative; padding-bottom: 44px; display: block; border-radius: 8px; cursor: pointer; background-color: #fff; overflow: hidden; pointer-events: none; }

.register-teenagers-step-opt ul li a span { position: absolute; bottom: 0; left: 0; right: 0; line-height: 44px; text-align: center; background-color: #565656; font-size: 14px; font-weight: 700; color: #fff; }

.register-teenagers-step-opt ul li a img { width: auto; height: 80px; display: block; margin: 0 auto 36px; }

.register-teenagers-step-opt ul li a img:first-of-type { display: none; }



.register-teenagers-step-opt ul li a:hover { box-shadow: 0 3px 10px rgba(0,0,0,.22); }



.register-teenagers-step-opt.active ul li a { pointer-events: auto; }

.register-teenagers-step-opt.active ul li/* :nth-child(1) */ i { color: #006e47; }

.register-teenagers-step-opt.active ul li/* :nth-child(1) */ h2{ color: #006e47; }

.register-teenagers-step-opt.active ul li/* :nth-child(1) */ 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-opt.active ul li/* :nth-child(1) */ a { border-color: #72bc43; }

/* .register-teenagers-step-opt.active ul li:nth-child(2) i { color: #72bc43; }

.register-teenagers-step-opt.active ul li:nth-child(2) h2 { color: #72bc43; }

.register-teenagers-step-opt.active ul li:nth-child(2) 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-opt.active ul li:nth-child(2) a { border-color: #72bc43; } */





.register-teenagers-step-opt.active ul li a img:last-of-type { display: none; }

.register-teenagers-step-opt.active ul li a img:first-of-type { display: block; }



.register-teenagers-step-opt ul li:first-child { margin-right: 44px; }