@charset "utf-8";

body {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 14px;

  line-height: 22px;

  padding: 0px;

  margin: 0px;

  min-width: 960px;

  background: url(../images/login_bg.png)  no-repeat center center;

  background-size: 100% 100%;

  min-width: 400px

}


html, body {

  height: 100%;

  width: 100%;

}


.hide {

  display: none;

}


div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {

  margin: 0px;

  padding: 0px;

}


table {

  border-collapse: collapse;

}



a, img {

  border: 0;

}


ol, ul {

  list-style: none
}



a {

  color: #959595;

  text-decoration: none;

}


a:hover {

  text-decoration: underline;

}


.clearfix {

  clear: both;

  width: 0px;

  height: 0px;

  overflow: hidden;

}



.yzm-member-container {

  width: 380px;

  text-align: center;

  padding-top: 20px;

  background: #fff;

  border: 1px solid #eee;

  box-shadow: #e1e1e1 2px 2px 10px;

  position: relative;

  top: 50%;

  left: 50%;

  margin-left: -190px;

}

.with-title{

  position: relative;

}

.btn-send-verify {
  /*margin-top: 10px;*/
  /*margin-right: 5px;*/
  position: absolute;
  right: 0;
  background: rgba(255, 196, 62, 0.92);
  color: #ffffff;
  width: 120px;
  border: 1px solid #ffffff;
  height: 40px;
  font-size: 12px;
  font-weight: 400;
  opacity: 4;
  text-align: center;
  vertical-align: middle;
}

.register-agree{

  font-weight: 400;

  color:#8C8C8C;

}

.register-agree .privacy{

  color:#C40301;

  cursor: pointer;

}

.yzm-login {

  margin-top: -230px;

}



.yzm-register {

}



.yzm-title {

  color: #999999;

  font-size: 20px;

  font-weight: 600;

  margin-top: 25px

}



.yzm-title span {

  margin: 0 10px;

  cursor: pointer;

}



.yzm-title .current {

  color: #000000;

  cursor: default;

  font-size: 30px;

  padding-bottom: 5px;

  border-bottom: #C40301 4px solid;

}



.yzm-form {

  padding: 10px 0;

  border-radius: 2px;

}



.yzm-form ul {

  width: 330px;

  margin: 5px auto;

}



.yzm-form ul li {

  margin-bottom: 10px;

  text-align: left

}



.yzm-form ul li .input {

  box-sizing: border-box;

  padding: 3px 7px;

  border: 1px solid #d7d7d7;

  width: 100%;

  height: 40px;

  line-height: 40px;

  font-size: 14px;

  vertical-align: top;

  background: #fff;

  border-radius: 2px

}



.yzm-form ul li .input:hover, .yzm-form ul li .input:focus {

  border: 1px solid #a6a6a6;

  outline: medium none;

  transition: all 0.218s ease 0s;

}



.yzm-form ul li .code {

  /*width: 200px;*/

}



.yzm-form ul li .codeimg {

  cursor: pointer;

  display: inline-block;

  vertical-align: top;

  margin-left: 4px;

  width: 126px;

  height: 40px;

  border: 0;

  background: #fff;

}



.yzm-form ul li .valid {

  display: inline-block;

  width: 200px;

}



.yzm-form ul li .btn_valid {

  display: inline-block;

  box-sizing: border-box;

  border: 0;

  padding: 0 15px;

  border-radius: 3px;

  font-size: 16px;

  color: #fff;

  cursor: pointer;

  vertical-align: top;

  background-color: #3f9f5f;

  margin-left: 4px;

  width: 120px;

  height: 40px;

  line-height: 40px;

  font-size: 14px;

}



.yzm-form ul li .submit {

  display: inline-block;

  box-sizing: border-box;

  border: 0;

  padding: 0 15px;

  width: 100%;

  height: 36px;

  line-height: 36px;

  border-radius: 3px;

  font-size: 16px;

  color: #fff;

  cursor: pointer;

  vertical-align: top;

  background-color: #C40301;

  transition: 0.3s

}


.yzm-form ul li .btn_valid:hover, .yzm-form ul li .submit:hover {

  background: #C40301;

  text-decoration: none

}


.yzm-form ul li .error {

  border: 1px solid red

}


.yzm-form ul .last_li {

  margin-bottom: 0px

}


.yzm-form .yzmcms_bottom {

  font-size: 16px;

  margin: 0 auto;

  color: #959595;

  text-align: right;

}



.yzm-form .yzmcms_bottom a {

  color: #C40301;

}



.yzmcms_other_login {

  padding: 5px 0;

}



.yzmcms_other_login a {

  width: 40px;

  height: 40px;

  margin-right: 30px

}



.yzmcms_other_login a img {

  width: 40px;

  height: 40px;

  transition: 0.8s

}



.yzmcms_other_login a img:hover {

  transform: rotate(360deg);

}





/*账号绑定 */

.bind_header {

  width: 100%;

  border-bottom: 3px solid #09c;

  background: #f8f8f8;

}



.bind_content {

  color: #333;

  font-size: 16px;

  line-height: 21px;

  background: url(../images/bind.jpg) no-repeat center 300px;

  overflow: auto;

  margin: 50px auto;

  width: 880px;

}



.bind_content p {

  margin: 20px 0 40px 0;

}



.bind_left {

  border: 1px solid #ccc;

  width: 380px;

  float: left;

  height: 300px;

  background: #fff;

}



.bind_title {

  border-bottom: 1px dashed #e8e8e8;

  height: 40px;

  line-height: 40px;

  padding: 0px 20px

}



.bind_body {

  width: 310px;

  margin: 45px auto 0;

  text-align: center;

  font-size: 14px;

  color: #666;

}



.bind_body img {

  width: 85px;

  height: 85px;

}



.input_mini {

  width: 200px

}



.bind_right {

  border: 1px solid #ccc;

  width: 380px;

  float: right;

  height: 300px;

  background: #fff;

}



.bind_form {

  margin-top: 35px;

}



.bind_form ul li {

  margin-bottom: 15px;

}



.bind_form label {

  display: inline-block;

  width: 85px;

}



.bind_form .input {

  height: 28px;

  line-height: 28px;

  width: 200px;

  padding: 2px 5px;

  border-radius: 2px;

  border: 1px solid #dadada;

  outline: none;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

}



.bind_form .input:focus {

  border-color: #75a1f0;

  box-shadow: 0 0 12px #75a1f0;

  outline: medium none;

  transition: all 0.218s ease 0s;

}



.bind_form .code {

  width: 100px;

  margin-right: 20px;

}



.bind_form .codeimg {

  cursor: pointer;

}



.bind_form .submit {

  height: 32px;

  line-height: 32px;

  background: #2196f3;

  width: 125px;

  border: 0px;

  outline: none;

  color: #fff;

  border-radius: 2px;

  cursor: pointer;

  transition: all 0.318s ease 0s;

}



.bind_form .submit:hover {

  opacity: 0.8;

  color: #fff;

  text-decoration: none

}





/*网站底部*/

.yzm_footer {

  min-height: 60px;

  line-height: 60px;

  width: 100%;

  position: fixed;

  left: 0px;

  bottom: 0px;

  text-align: center;

  background: #212121;

  opacity: 0.7;

  color: #FFFFFF;

  font-size: 14px;





}