.icon_bg, .op_login_close, .op_login form label, .op_login .pop_wing_extra .big_tqq, .op_login .pop_wing_extra .lgn_chat, .op_login .pop_wing_extra .rp_tsina, .op_login .pop_wing_extra .rp_tqq, .op_login .pop_wing_extra .rp_baidu, .login_area .op_login_close {
  background: url("https://www.iwanpa.com/~x1/style/wxstyle/release/pc/v1/img/log_icon.png?v=0930") no-repeat; }

.op_login_close {
  background-position: -30px -42px;
  font-size: 0px;
  display: block;
  width: 21px;
  height: 21px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 2; }
  .op_login_close:hover {
    background-position: 0px -42px; }

.op_login {
  position: relative;
  width: 548px;
  padding: 20px 30px;
  background-color: #fff;
  overflow: hidden; }
  .op_login .tabs {
    display: none; }
  .op_login .log_tittle {
    height: 37px;
    line-height: 37px;
    margin-bottom: 10px;
    font-size: 17.7px;
    color: #e7408e;
    text-align: left;
    font-style: italic; }
  .op_login .ext_tip, .op_login .log_tips {
    padding: 0 0 0 43px;
    color: #e7408e;
    height: 30px;
    line-height: 30px; }
  .op_login a:hover {
    text-decoration: underline; }
  .op_login form {
    width: 290px;
    float: left; }
    .op_login form p {
      height: 30px;
      width: 100%;
      line-height: 30px;
      vertical-align: middle;
      margin-bottom: 10px;
      text-align: left;
      position: relative; }
    .op_login form .forget_password, .op_login form .alt_log {
      border: 0px; }
    .op_login form .forget_password a {
      margin-left: 170px; }
    .op_login form label {
      height: 30px;
      border-right: 1px solid #ddd;
      position: absolute;
      left: 0px;
      top: 2px;
      width: 30px;
      text-align: center;
      display: inline-block;
      vertical-align: middle; }
    .op_login form .fm_name {
      background-position: -86px -38px; }
    .op_login form .fm_pass {
      background-position: -62px -38px; }
    .op_login form .fm_code {
      background-position: -118px -38px; }
    .op_login form .error .alerts {
      background: url("https://www.iwanpa.com/~x3/style/xiu/v1/img/icon/ico_error.png") no-repeat 0 0;
      height: 20px;
      width: 20px;
      display: inline-block;
      vertical-align: middle;
      margin-left: 5px; }
    .op_login form .correct .alerts {
      background: url("https://www.iwanpa.com/~x3/style/xiu/v1/img/icon/ico_correct.png") no-repeat 0 0;
      height: 20px;
      width: 20px;
      display: inline-block;
      vertical-align: middle;
      margin-left: 5px; }
    .op_login form input {
      width: 190px;
      height: 30px;
      line-height: 30px;
      border: 0px;
      border: 1px solid #ddd;
      padding-left: 35px; }
    .op_login form input.btn_login56, .op_login form .btn_reg {
      height: 30px;
      line-height: 30px;
      padding: 0px;
      background-color: #c21454;
      color: #fff;
      border: 0px;
      margin-left: 30px; }
    .op_login form input:-webkit-autofill, .op_login form textarea:-webkit-autofill, .op_login form select:-webkit-autofill {
      background-color: #fff !important; }
    .op_login form input.inp_txt2 {
      width: 80px;
      margin-right: 10px; }
    .op_login form .lg_agree {
      color: #a9a9a9;
      background-color: #fff; }
      .op_login form .lg_agree input {
        height: 15px;
        width: 15px;
        margin-left: 80px;
        margin-right: 3px;
        border: 0px; }
      .op_login form .lg_agree a {
        color: #a9a9a9; }
  .op_login #logArea {
    height: 295px; }
    .op_login #logArea .fm_name {
      background-position: -152px -39px; }
    .op_login #logArea #serialStyle img {
      width: 70px;
      margin-right: 10px; }
  .op_login .pop_wing_extra {
    width: 214px;
    float: right;
    padding-left: 20px;
    border-left: 1px #ebebeb dotted; }
    .op_login .pop_wing_extra .crl66 {
      color: #a9a9a9; }
    .op_login .pop_wing_extra h3 {
      font-weight: normal;
      margin: 10px 0 10px;
      color: #2da8e4;
      font-size: 14px; }
    .op_login .pop_wing_extra p {
      height: 30px;
      line-height: 30px; }
    .op_login .pop_wing_extra p.lgn_qq {
      height: auto;
      line-height: auto; }
    .op_login .pop_wing_extra .big_tqq, .op_login .pop_wing_extra .lgn_chat {
      background-position: 0 -193px;
      width: 158px;
      height: 40px;
      margin: 0 0 10px 0;
      display: block; }
    .op_login .pop_wing_extra .lgn_chat {
      background-position: 0 -248px; }
    .op_login .pop_wing_extra .pe10 {
      margin: 6px 0 0 47px; }
    .op_login .pop_wing_extra .rp_tsina, .op_login .pop_wing_extra .rp_tqq, .op_login .pop_wing_extra .rp_baidu {
      background-position: -36px 0px;
      height: 18px;
      width: 18px;
      display: inline-block;
      font-size: 0px; }
    .op_login .pop_wing_extra .rp_tqq {
      background-position: -165px 0px; }
    .op_login .pop_wing_extra .rp_baidu {
      background-position: -144px 0px; }
    .op_login .pop_wing_extra .dy_pink {
      color: #E6408E !important; }

.login_area {
  width: 400px;
  padding: 30px 20px;
  border-radius: 10px;
  text-align: center;
  position: relative;
  background-color: #fff;
  position: absolute;
  z-index: 1001;
  margin: 30px;
  font-size: 14px; }
  .login_area .icon_bg, .login_area .op_login form label, .op_login form .login_area label, .login_area .op_login .pop_wing_extra .big_tqq, .op_login .pop_wing_extra .login_area .big_tqq, .login_area .op_login .pop_wing_extra .lgn_chat, .op_login .pop_wing_extra .login_area .lgn_chat, .login_area .op_login .pop_wing_extra .rp_tsina, .op_login .pop_wing_extra .login_area .rp_tsina, .login_area .op_login .pop_wing_extra .rp_tqq, .op_login .pop_wing_extra .login_area .rp_tqq, .login_area .op_login .pop_wing_extra .rp_baidu, .op_login .pop_wing_extra .login_area .rp_baidu, .login_area .op_login_close {
    background: url("https://www.iwanpa.com/~x1/style/wxstyle/release/pc/v1/img/base/log_icon.png?v=0930") no-repeat; }
  .login_area .op_login_close {
    background-position: -37px -3px;
    font-size: 0px;
    display: block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 2; }
  .login_area .tab {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px; }
    .login_area .tab span {
      color: #333333;
      border-bottom: 1px solid #ccc;
      padding: 5px 20px;
      display: inline-block;
      cursor: pointer; }
    .login_area .tab span.set {
      color: #f32376;
      border-bottom: 2px solid #f32376; }
  .login_area .tips {
    line-height: 30px;
    color: #f32376; }
  .login_area .submit_btn {
    height: 40px;
    line-height: 40px;
    width: 100%;
    background-color: #e2357a;
    text-align: center;
    border: 0px;
    color: #fff;
    border-radius: 20px;
    cursor: pointer; }
    .login_area .submit_btn:hover {
      background-color: #f36ba1; }
  .login_area .correct_icon, .login_area .error_icon {
    background: url("https://www.iwanpa.com/~x1/style/wxstyle/release/pc/v1/img/base/log_icon.png") no-repeat -34px -49px;
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    right: -30px; }
  .login_area .error_icon {
    background-position: -34px -79px !important; }
  .login_area form {
    width: 85%;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 30px; }
    .login_area form p {
      border: 1px solid #e1e1e1;
      height: 35px;
      line-height: 35px;
      border-radius: 20px;
      margin-bottom: 10px;
      position: relative; }
      .login_area form p.set {
        border: 1px  solid #e2357a; }
    .login_area form .forget_password {
      border: 0px;
      text-align: right;
      line-height: 25px;
      height: 25px;
      margin-bottom: 10px; }
    .login_area form input {
      width: 75%;
      height: 70%;
      margin: 0 10px;
      border: 0px;
      vertical-align: middle;
      font-size: 15px; }
    .login_area form .verifycode {
      width: 70%;
      display: inline-block;
      margin-right: 10px; }
    .login_area form .lg_agree {
      border: 0px; }
      .login_area form .lg_agree input {
        height: 15px;
        width: 15px;
        background-color: #fff; }
    .login_area form .close_icon {
      background: url("https://www.iwanpa.com/~x1/style/wxstyle/release/pc/v1/img/base/log_icon.png") no-repeat -35px -26px;
      height: 16px;
      width: 16px;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer; }
    .login_area form .icon {
      background: url("https://www.iwanpa.com/~x1/style/wxstyle/release/pc/v1/img/base/log_icon.png") no-repeat 0px 0px;
      height: 20px;
      width: 20px;
      display: inline-block;
      margin: 5px;
      vertical-align: middle; }
    .login_area form .password .icon {
      background-position: 0px -26px; }
    .login_area form .verifycode .icon {
      background-position: 0px -55px; }
  .login_area .login_qq, .login_area .login_wechat, .login_area .login_mobile, .login_area .login_tsina {
    background: url("https://www.iwanpa.com/~x1/style/wxstyle/release/pc/v1/img/base/log_icon.png") no-repeat 0 0;
    height: 48px;
    width: 48px;
    margin: 0 10px;
    cursor: pointer;
    display: inline-block; }
  .login_area .login_qq {
    background-position: -138px -55px; }
    .login_area .login_qq:hover {
      background-position: -71px -55px; }
  .login_area .login_wechat {
    background-position: -138px -162px; }
    .login_area .login_wechat:hover {
      background-position: -71px -162px; }
  .login_area .login_mobile {
    background-position: -138px -218px; }
    .login_area .login_mobile:hover {
      background-position: -71px -218px; }
  .login_area .login_tsina {
    background-position: -138px -108px; }
    .login_area .login_tsina:hover {
      background-position: -71px -108px; }
  .login_area .verifycode_area {
    padding: 30px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: left;
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -150px;
    z-index: 1;
    box-shadow: 0px 0px 4px 1px #ccc; }
    .login_area .verifycode_area input {
      height: 30px;
      line-height: 30px;
      padding: 0 10px; }
    .login_area .verifycode_area p {
      margin-bottom: 10px;
      position: relative; }
    .login_area .verifycode_area .verifycode_img img {
      margin-right: 10px;
      height: 32px;
      width: 75px; }
    .login_area .verifycode_area .submit_btn {
      height: 35px;
      line-height: 35px;
      width: 50%;
      border-radius: 10px;
      display: block;
      margin: 20px auto 0px; }
    .login_area .verifycode_area .correct_icon, .login_area .verifycode_area .error_icon {
      right: 40px;
      top: 8px; }

.popularize_login {
  width: 500px;
  padding: 30px 20px 60px;
  text-align: center;
  background-color: #fff;
  position: absolute;
  z-index: 100; }
  .popularize_login .log_tittle {
    height: 37px;
    line-height: 37px;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 24px;
    color: #d32465;
    font-style: italic; }
  .popularize_login .login_icon {
    margin-top: 50px; }
    .popularize_login .login_icon a {
      background: url("https://www.iwanpa.com/~x1/style/wxstyle/release/pc/v1/img/base/log_icon.png?v=0930") no-repeat;
      padding-top: 76px;
      width: 68px;
      margin: 0px 15px;
      display: inline-block;
      color: #000000 !important;
      font-size: 14px; }
    .popularize_login .login_icon .login_qq {
      background-position: -221px -0px; }
    .popularize_login .login_icon .login_wechat {
      background-position: -221px -103px; }
    .popularize_login .login_icon .login_mobile {
      background-position: -221px -203px; }