/* ------------------------------- 初始化 -------------------------------------- */

  p, ul, h1, h2, h3, h4, h5, h6 {
    margin: 0;
  }
  
  ul {
    padding: 0;
  }
  
  html {
    height: 100%;
    overflow-y: scroll;
  }
  
  body {
    height: 100%;
    margin: 0;
    color: #a6a6a6;
    font-size: 16px;
    font-family: '微软雅黑', 'Nanum Gothic', 'simsun', 'dotum', 'AppleGothic', 'arial', 'Helvetica', sans-serif;
    /* font-family: '楷体', '微软雅黑', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif */
  }
  
  a {
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: none;
  }
  
  li {
    list-style: none;
  }

  /* ----------------------------------------------------- */
  .mt-0 {
    margin-top: 0;
  }
  .mt-50 {
    margin-top: 50px;
  }
  .pl-20 {
    padding-left: 20px;
  }
  .center-h-text {
    text-align: center;
  }
  .container {
      padding-bottom: 30px;
  }
  .page-header {
    display: flex;
    align-items: center;
  }
  
 
/* -------------------------- admin / cms user API 相关------------------------------------------ */

/* 用户 注册|登录 界面 */
.account-container {
    width: 100%;
    height: 100%;
    background: #ddd url('/public/img/bg.jpg') center center / cover;
}

.account-container .logo-wrap {
    width: 400px;
    height: 150px;
}

.account-container .account-wrap {
    margin: 0 auto;
    width: 460px;
    padding: 40px 30px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
    font-size: 13px;
}

.account-container .account-wrap .top {
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.account-container .account-wrap .top h1 {
    line-height: 26px;
    font-size: 15px;
    font-weight: bold;
    color: #050505;
}


.account-container .account-wrap .form {
    padding-top: 28px;
    padding-left: 10px;
    display: flex;
    justify-content: flex-start;
}

.account-container .account-wrap .form .left {
    width: 292px;
}

.account-container .account-wrap .form .right {
    margin-left: 10px;
}

.account-container .account-wrap .form .right .button {
    width: 64px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #fff;
    background: #6a6a6a;
    border: none;
    outline: none;
    cursor: pointer;
}

.account-container .account-wrap .form .input-group {
    display: inline-flex;
    width: 100%;
    min-height: 24px;
    margin-bottom: 10px;
}

.account-container .input-group .label {
    /* width: 102px; */
    width: 62px;
    /* text-align: right;
    padding-right: 10px; */
    line-height: 24px;
    font-weight: bold;
    color: #525252;
}


.account-container .input-group .input {
    padding: 0 4px;
    /* width: 188px; */
    width: 228px;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    font-weight: normal;
    color: #757575;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.account-container .input-group .input::-webkit-input-placeholder {
    color: #a6a6a6;
    font-size: 12px;
}


.account-container .input-group .preview {
    width: 120px;
    height: 120px;
    border: 1px solid #191919;
    border-radius: 50%;
    overflow: hidden;
}


.account-container .account-wrap .bottom {
    margin-top: 24px;
    padding-left: 10px;
}

.account-container .account-wrap .bottom p {
    line-height: 1.7;
}

.account-container .account-wrap .bottom p a {
    font-weight: bold;
    color: #757575;
}

.account-container .account-wrap .left .input-box {
    position: relative;
}


@media (max-width: 640px) {
    .account-container {
        /* background: #191919 url('https://wx3.sinaimg.cn/mw1024/8716f836ly1g8d2mccpimj20u018zjuz.jpg') center center / cover; */
        background: #191919 url('/public/img/bg_m.jpg') center center / cover;
        overflow: hidden;
    }
    .account-container .account-wrap {
        width: 100%;
        padding: 20px 0;
        border-radius: 0;
        background: rgba(0, 0, 0, 0.4)
    }
    .account-container .account-wrap .top h1,
    .account-container .input-group .label,
    .account-container .account-wrap .bottom p a {
        color: #fff;
    }
}

.errorTips {
    line-height: 2;
    font-size: 13px;
    font-weight: 700;
    color: red;
}


/* -------------------------admin / cms letter 查看信件 letter-pub-wrap letter-mgr-wrap --------------------------------- */
.letter-mgr-wrap {
    margin-bottom: 50px;
  }
  
  .letter-mgr-wrap .title {
    padding: 50px 0 30px;
    border-bottom: 1px solid #ddd;
  }
  
  
  .letter-mgr-wrap .title .main-title {
    padding: 10px 0;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #050505;
  }
  
  .letter-mgr-wrap .title .time {
    margin-bottom: 6px;
    font-size: 13px;
    color: #525252;
  }
  .letter-mgr-wrap .title .time.forbidden {
    background: rgba(248, 6, 6, 0.3)
  }
  .letter-mgr-wrap .title .time.allow {
    background: rgba(6, 248, 6, 0.3)
  }
  
  .letter-mgr-wrap .title .time a {
    color: #0000ff;
    cursor: pointer;
  }
  
  .letter-mgr-wrap .content {
    margin-top: 20px;
  }
  
  .letter-mgr-wrap .content .to {
    padding: 10px 0;
    font-size: 16px;
    letter-spacing: 1px;
    color: #333;
  }
  
  .letter-mgr-wrap .content p {
    margin-top: 10px;
    min-height: 10px;
    line-height: 2;
    font-size: 15px;
    color: #525252;
  }
  
  @media (max-width: 640px) {
    .letter-mgr-wrap {
      margin: 0 10px;
    }
    .letter-mgr-wrap .title {
      padding: 20px 0 20px;
    }
  }

  /* -------------------- 页码跳转 cc-form-inline ---------------- */

.cc-form-inline {
    margin-left: 20px;
    display: inline;
  }
  
  .cc-form-inline .text-s {
    width: 40px;
    text-align: center;
  }
  
  /* ----------------- 写在 navbar 的 form 搜索框 */
  
  .cc-form-navbar, .cc-form-navbar-long {
    padding-right: 0 !important;
  }
  
  .cc-form-navbar .form-group input[type=text] {
    width: 100px;
  }
  
  .cc-form-navbar-long .form-group input[type=text] {
    width: 200px;
  }