.popup-content {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -210px;
  margin-left: -220px;
  display: none;
  width: 440px;
  height: 420px;
  background: #fff;
  z-index: 10005; }
  .popup-content .middle-logo {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center; }
    .popup-content .middle-logo img {
      width: 78px;
      height: 38px; }
  .popup-content .close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer; }
    .popup-content .close img {
      width: 100%;
      height: 100%; }
  .popup-content .base-login {
    margin: 0 auto;
    width: 340px; }
  .popup-content .input-field {
    margin-bottom: 10px;
    font-size: 14px;
    color: #959595; }
  .popup-content .input-field > input {
    padding-left: 20px;
    width: 340px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border: 1px solid #e0e0e0;
    border-radius: 0; }
    
    .popup-content .input-field > input::-webkit-input-placeholder { /* WebKit browsers */ 
    font-size: 14px;
    } 
    .popup-content .input-field > input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    font-size: 14px;
    } 
    .popup-content .input-field > input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    font-size: 14px;
    } 
    .popup-content .input-field > input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    font-size: 14px;
    } 



  .popup-content .base-login .verification > input {
    width: 220px; }


  .popup-content .verification, .popup-content .phone-code {
    position: relative; }
  .popup-content .captcha-wrap {
    position: absolute;
    right: 0;
    top: 0; }
  .popup-content .code-btn {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 114px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #3b6ca6;
    outline: none;
    background: transparent; }
    .popup-content .code-btn:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 8px;
      width: 1px;
      height: 24px;
      background: #e0e0e0; }
  .popup-content .verity-code {
    display: block;
    width: 110px;
    height: 40px;
    border: 1px solid #e0e0e0; }
    .popup-content .verity-code img {
      width: 100%;
      height: 100%; }
  .popup-content .agreement-text {
    font-size: 14px;
    color: #959595; }
  .popup-content .user-agreement {
    color: #3b6ca6; }
  .popup-content .action {
    margin-top: 20px;
    margin-bottom: 20px; }
  .popup-content .action-btn {
    margin: 0 auto 20px;
    width: 340px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background-color: #de3e47;
    border-radius: 4px;
    cursor: pointer;
    outline: none; }
  .popup-content .sns-login {
    margin: 0 auto;
    width: 220px; }
    .popup-content .sns-login .sns {
      padding-top: 50px;
      display: inline-block;
      width: 40px;
      height: 65px;
      cursor: pointer;
      font-size: 14px;
      color: #959595;
      text-align: center; }
    .popup-content .sns-login .qq-login {
      margin: 0 44px; }
    .popup-content .sns-login .weibo-login {
      background: url("./../img/weibo.png") no-repeat center top;
      background-size: contain; }
    .popup-content .sns-login .qq-login {
      background: url("./../img/qq.png") no-repeat center top;
      background-size: contain; }
    .popup-content .sns-login .weixin-login {
      background: url("./../img/weixin.png") no-repeat center top;
      background-size: contain; }
    .login-bg {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1004;
    }
    .header:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        width: 100%;
        height: 0px;
        background: #fff;
        z-index: 4;
    }
    .top-right .nickname {
        color: #2B2B2B;
        font-size: 14px;
    }
    .right-btn-bar .right-refresh-btn{
         position: relative;
    }
    .red-icon{
        position: absolute;
        width: 8px;
        height: 8px;
        top: 6px;
        right: 4px;
        background: #f00;
        border-radius: 100px;
    }



    .bsBox {
        height: 257px !important;
        width: 232px !important;
    }
    #commentContent,.reply-content{
        font-size: 14px;
        color: #222;
    }
    .color333{
        color: #333;
    }
    .rights{
        margin-bottom: 20px;
    }
    .rights-title{
        line-height: 25px;
    }
    .instructions{
        line-height: 25px;
    }
    .abstract{
        line-height: 28px;
    }
    .comment-box .comment-list ul li .comment .like-btn {
        width: 32px;
    }
    .comment img {
        border-radius:100%;
    }
    .article-content img{
        max-width: 680px;
    }