@charset "UTF-8";
html {
  min-height: 100%; }

.page-login {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  height: auto;
  background-image: -webkit-linear-gradient(125deg, #1069bf 0%, #0d8593 64%, #09a067 100%);
  background-image: -moz-linear-gradient(125deg, #1069bf 0%, #0d8593 64%, #09a067 100%);
  background-image: -ms-linear-gradient(125deg, #1069bf 0%, #0d8593 64%, #09a067 100%);
  background-image: -o-linear-gradient(125deg, #1069bf 0%, #0d8593 64%, #09a067 100%);
  background-image: linear-gradient(-35deg, #1069bf 0%, #0d8593 64%, #09a067 100%); }

.page-login-cl {
  position: absolute;
  top: 3.8rem;
  left: -1.42rem;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background: -webkit-linear-gradient(-135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(-135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(-135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(-135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(225deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-animation: circle-l 2s linear 0s infinite alternate;
  -moz-animation: circle-l 2s linear 0s infinite alternate;
  -ms-animation: circle-l 2s linear 0s infinite alternate;
  -o-animation: circle-l 2s linear 0s infinite alternate;
  animation: circle-l 2s linear 0s infinite alternate; }

.page-login-cr {
  position: absolute;
  top: 2rem;
  right: -1.4rem;
  width: 3.26rem;
  height: 3.26rem;
  border-radius: 100%;
  background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-animation: circle-r 2s linear 0s infinite alternate;
  -moz-animation: circle-r 2s linear 0s infinite alternate;
  -ms-animation: circle-r 2s linear 0s infinite alternate;
  -o-animation: circle-r 2s linear 0s infinite alternate;
  animation: circle-r 2s linear 0s infinite alternate; }

@-webkit-keyframes circle-l {
  0% {
    -webkit-transform: rotate(0deg) translate(0, 0); }
  100% {
    -webkit-transform: rotate(10deg) translate(0.3rem, 0.3rem); } }
@-moz-keyframes circle-l {
  0% {
    -moz-transform: rotate(0deg) translate(0, 0); }
  100% {
    -moz-transform: rotate(10deg) translate(0.3rem, 0.3rem); } }
@-ms-keyframes circle-l {
  0% {
    -ms-transform: rotate(0deg) translate(0, 0); }
  100% {
    -ms-transform: rotate(10deg) translate(0.3rem, 0.3rem); } }
@-o-keyframes circle-l {
  0% {
    -o-transform: rotate(0deg) translate(0, 0); }
  100% {
    -o-transform: rotate(10deg) translate(0.3rem, 0.3rem); } }
@keyframes circle-l {
  0% {
    transform: rotate(0deg) translate(0, 0); }
  100% {
    transform: rotate(10deg) translate(0.3rem, 0.3rem); } }
@-webkit-keyframes circle-r {
  0% {
    -webkit-transform: rotate(0deg) translate(0, 0); }
  100% {
    -webkit-transform: rotate(-10deg) translate(-0.3rem, -0.3rem); } }
@-moz-keyframes circle-r {
  0% {
    -moz-transform: rotate(0deg) translate(0, 0); }
  100% {
    -moz-transform: rotate(-10deg) translate(-0.3rem, -0.3rem); } }
@-ms-keyframes circle-r {
  0% {
    -ms-transform: rotate(0deg) translate(0, 0); }
  100% {
    -ms-transform: rotate(-10deg) translate(-0.3rem, -0.3rem); } }
@-o-keyframes circle-r {
  0% {
    -o-transform: rotate(0deg) translate(0, 0); }
  100% {
    -o-transform: rotate(-10deg) translate(-0.3rem, -0.3rem); } }
@keyframes circle-r {
  0% {
    transform: rotate(0deg) translate(0, 0); }
  100% {
    transform: rotate(-10deg) translate(-0.3rem, -0.3rem); } }
.login-top {
  text-align: center;
  padding-top: .3rem; }
  .login-top h3 {
    font-size: .26rem;
    color: #fff; }
  .login-top h5 {
    font-size: .18rem;
    color: #fff; }
  .login-top p {
    font-size: .16rem;
    color: #fff;
    margin-top: .1rem; }

.login-tabs {
  text-align: center;
  font-size: 0; }
  .tab-link {
    display: inline-block;
    width: 1.0rem;
    height: .40rem;
    margin: 0rem .08rem;
    line-height: .40rem;
    font-size: .15rem;
	text-align:center;
    color: #2d669d;
    border: 1px solid #2d669d;
    border-radius: .34rem; }
    .tab-link.curr {
      background: #e1835e;
      border-color: #e1835e;
	  color: #fff;
      box-shadow: 0 0.21rem 0.69rem rgba(64, 21, 89, 0.2); }
      .tab-link.curr:hover, .tab-link.curr:active {
        opacity: .9; }
    .tab-link:hover, .tab-link:active {
      opacity: .7; }

.tab-content {
  position: relative;
  width: 100%;
  max-width: 7.98rem;
  margin: 0 auto; }

.form-icon-l1 {
  position: absolute;
  left: -1.96rem;
  top: -.9rem;
  width: 3.59rem;
  height: 3.59rem;
  background: url(../images/sign-in/form-icon-l-1.png) center center no-repeat;
  background-size: 100% 100%;
  pointer-events: none; }

.form-icon-l2 {
  position: absolute;
  left: -1.2rem;
  top: 2rem;
  width: 1.21rem;
  height: 1.21rem;
  background: url(../images/sign-in/form-icon-l-2.png) center center no-repeat;
  background-size: 100% 100%;
  pointer-events: none; }

.form-icon-l3 {
  position: absolute;
  left: -2.2rem;
  bottom: -.7rem;
  width: 4.01rem;
  height: 3.95rem;
  background: url(../images/sign-in/form-icon-l-3.png) center center no-repeat;
  background-size: 100% 100%;
  pointer-events: none; }

.form-icon-r1 {
  position: absolute;
  top: -.3rem;
  right: -1rem;
  width: 1.84rem;
  height: 1.85rem;
  background: url(../images/sign-in/form-icon-r-1.png) center center no-repeat;
  background-size: 100% 100%;
  pointer-events: none; }

.form-icon-r2 {
  position: absolute;
  top: 1.2rem;
  right: -2rem;
  width: 2.44rem;
  height: 2.44rem;
  background: url(../images/sign-in/form-icon-r-2.png) center center no-repeat;
  background-size: 100% 100%;
  pointer-events: none; }

.form-icon-r3 {
  position: absolute;
  right: -1.4rem;
  bottom: 0;
  width: 2.24rem;
  height: 2.24rem;
  background: url(../images/sign-in/form-icon-r-3.png) center center no-repeat;
  background-size: 100% 100%;
  pointer-events: none; }

.login-form-txt {
  width: 100%;
  min-height:400px;
  padding: .10rem 0.40rem;
  line-height:0.3rem;
  font-size: .16rem;
  color: #494949;
  background: #fff;
  border-radius: .1rem; }
  .login-form-txt p{
	margin-top: .15rem;
  }

.login-form {
  width: 100%;
  margin-top: .2rem; 
  padding: .15rem 1.3rem;
  font-size: .16rem;
  color: #494949;
  background: #fff;
  min-height:400px;
  border-radius: .1rem; }
  .login-form .input-row {
    margin-top: .3rem; }
  .login-form .input-row-verify .input {
    width: 2rem; }
  .login-form .input-row-checkbox {
    margin-top: .2rem;
    margin-bottom: -.25rem; }
  .login-form .input-label {
    display: block;
    color: #2d669d;
    font-weight: bold; }
  .login-form .input {
    display: inline-block;
    width: 100%;
    margin-top: .1rem;
    height: .5rem;
    padding: .1rem;
    color: #2d669d;
    border: 1px solid #2d669d;
    border-radius: .05rem; }
  .login-form .icon-check {
    position: relative;
    display: inline-block;
    margin-right: .15rem;
    margin-left: .04rem;
    width: .2rem;
    height: .2rem;
    border: none;
    outline: none;
    vertical-align: middle; }
  .login-form .icon-check:after {
    content: "";
    position: absolute;
    left: -.04rem;
    top: -.04rem;
    display: block;
    width: .27rem;
    height: .28rem;
    cursor: pointer;
    background: url(../images/icon-check.png);
    background-size: 100% 100%; }
  .login-form .icon-check[type=checkbox]:checked:after {
    background: url(../images/icon-checked.png);
    background-size: 100% 100%; }
  .login-form .input-tip {
    font-size: .12rem;
    color: #999;
    margin-top: .07rem; }
  .login-form .verify-code {
    display: inline-block;
    width: .6rem;
    text-align: center;
    background: #999;
    font-style: italic;
    border: 0;
    padding: .05rem;
    letter-spacing: .03rem; }
  .login-form .form-action {
    padding: .5rem 0;
    text-align: center; }
    .login-form .form-action .login-btn {
      display: block;
      margin: 0 auto;
      width: 2.44rem;
      height: .49rem;
      line-height: .49rem;
      color: #fff;
      font-size: .18rem;
      background: #eb3468;
      border-radius: .25rem; }
      .login-form .form-action .login-btn:hover, .login-form .form-action .login-btn:active {
        opacity: .9; }
    .login-form .form-action .reset-link {
      display: inline-block;
      color: #2d669d;
      margin-top: .2rem; }

.tab-content-section {
  display: none; }
  .tab-content-section.curr {
    display: block; }

@media screen and (max-width: 1240px) {
  .form-icon-l1,
  .form-icon-l2,
  .form-icon-l3,
  .form-icon-r1,
  .form-icon-r2,
  .form-icon-r3 {
    display: none; } }
/*手机端*/
@media screen and (max-width: 1023px) {
  .page-login-cl {
    top: 3rem; }

  .page-login {
   }

  .login-top h3 {
    font-size: .18rem; }
  .login-top h5 {
    font-size: .14rem; }
  .login-top p {
    font-size: .11rem; }

  .login-tabs .tab-link {
    width: 1.56rem;
    height: .5rem;
    line-height: .5rem;
    margin: .25rem .08rem; }

  .login-form {
    padding-right: .2rem;
    padding-left: .2rem;
    font-size: .14rem; }
    .login-form .input-row {
      margin-top: .15rem; }
    .login-form .form-action {
      padding-bottom: .2rem; } 
	  
	.page-login-cl {
		display:none;
	}
	.page-login-cr {
		display:none;
	}
}

@media screen and (max-width:580px) {
  .login-form {
  margin-top: .1rem; 
  }
  .login-form-txt {
  padding: .05rem 0.20rem;
  }
  .login-form-txt p{
	margin-top: .1rem;
  }
}