/*错误提示*/
.errorTips, .warm, .pic-verify {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 2; 
}
.errorTips-box {
    background: rgba(0, 0, 0, 0.75);
    border-radius: 0.08rem;
    font-size: .3rem;
    color: #fff;
    padding: .3rem .6rem;
    width: 60%;
    text-align: center; 
}
  
.tips_vc .errorTips-box {
    padding: 35px 30px; 
}
  
.errorTips2 .errorTips-box {
    top: 36%; 
}
  
/*右侧悬浮*/
.float-right {
    position: fixed;
    top: 50%;
    right: 30px;
    margin-top: -50px;
    width: 50px; 
}
.float-right li {
    height: 50px; }
    .float-right li a {
    height: 100%;
    display: block;
    -webkit-transition: all .2s linear;
    transition: all .2s linear; }
    .float-right li a.btn-chat-800 {
        background-position: -1px 0; }
        .float-right li a.btn-chat-800:hover {
        background-position: -50px 0; }
    .float-right li a.btn-chat-qq {
        background-position: -1px -60px; }
        .float-right li a.btn-chat-qq:hover {
        background-position: -50px -60px; }

/*温馨提示*/
.warm {
    background: rgba(0, 0, 0, 0.5); 
}
.warm-prompt {
    width: 80%;
    font-size: .3rem;
    color: #999;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    padding-top: .3rem; 
}
.warm-prompt img {
    width: 3.3rem;
    margin-bottom: .2rem; }
.warm-prompt span {
    color: #333;
    display: block;
    font-size: .36rem; }
.warm-prompt p {
    margin: .2rem auto .4rem;
    width: 81%; }
.warm-prompt .chat_help {
    display: block;
    width: 90%;
    margin: 0 auto .3rem;
    height: .88rem;
    line-height: .88rem;
    font-size: .32rem;
    color: #fff;
    background-color: #0BB0D9; }
.warm-prompt .close-warm {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .5rem;
    color: #ccc;
    padding: 0 .08rem; }
.warm-btn {
font-size: 0;
border-top: 0.5px solid #eee; }
.warm-btn a {
    width: 50%;
    height: 1rem;
    line-height: 1rem;
    box-sizing: border-box;
    font-size: .34rem;
    color: #333; 
}
.warm-btn a:nth-of-type(1) {
    border-right: 0.5px solid #eee;
    color: #666; 
}

/* 开户页头 */
.head-wrap {
    height: .95rem;
    padding-top: .06rem;
    background-color: #fff;
    position: relative;
}


/********pc*******/
@media (min-width: 768px) {
    
    /*header*/
    .head-wrap {
      height: 80px;
      padding-top: 10px;
      background: #fff;
      box-sizing: border-box;
      text-align: left; 
      
    }
    .head-wrap .logo {
        display: inline-block;
        width: 300px;
        height: 60px;
        margin-left: .2rem;
        background: url(https://images.xnfq88.com/public/logo.png) no-repeat 0 center;
        background-size: auto 100%; 
    }
    
    .noZh .logo {
        background: url(../img/logo_en.png) no-repeat 0 center;
        background-size: auto 100%; 
    }
      .head-wrap .cs-area {
        width: 340px;
        float: right; }
      .head-wrap .cs-btn {
        text-align: right;
        font-size: 0;
        margin-right: 10px; }
        .head-wrap .cs-btn li {
          display: inline-block;
          margin: 10px 10px;
          vertical-align: text-top; }
          .head-wrap .cs-btn li a {
            display: block;
            width: 48px;
            height: 48px;
            border-radius: 3px;
            transition: all .3s; }
            .head-wrap .cs-btn li a.btn-chat-800 {
              background: url(https://images.xnfq88.com/ucenter/new/icon.png) no-repeat;
              background-position: 0 0;
              border-radius: 50%; }
              .head-wrap .cs-btn li a.btn-chat-800:hover {
                background-position: -48px 0; }
          .head-wrap .cs-btn li.tel a {
            width: 170px;
            background: url(https://images.xnfq88.com/public/400.png) right center no-repeat; 
        }
        .noZh .cs-btn li.tel a {
            background: url(../img/400_en.png) right center no-repeat; 
        }
        .cs img{
            margin-top: 6px;  
            width: 38px;
        }
        
    }