/* -------------------------------------------------
 * 整体调整为蓝色系 + 整合美化样式
 * -------------------------------------------------
*/
@import url(./bootstrap.min.css);

/* 基础隐藏样式 */
[v-cloak] { display: none !important; }

/* 导航栏样式 */
nav {
  width: 100%;
  height: 60px;
  background: #fff;
  box-shadow: 1px 1px 10px #ccc;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000; }
  nav .inner {
    width: 1200px;
    height: 60px;
    margin: 0 auto; }
    nav .inner .logo {
      width: 100px;
      height: 60px;
      line-height: 60px;
      float: left;
      text-align: center; }
      nav .inner .logo a {
        /* 主色调：深蓝色 */
        color: #0066CC;
        font-size: 26px;
        font-weight: 700;
        text-decoration: none; }
    nav .inner .items {
      float: right;
      margin-right: 20px; }
      nav .inner .items li {
        height: 60px;
        line-height: 60px;
        float: left;
        text-align: center;
        list-style: none;
        padding: 0 15px; }
        /* 导航菜单按钮美化（蓝色系） */
        nav .inner .items li a {
          padding: 4px 10px;
          border: 1px solid #0066CC;
          border-radius: 4px;
          color: #0066CC !important;
          text-decoration: none !important;
          transition: all 0.2s ease;
          font-size: 16px; }
          nav .inner .items li a:hover {
            background: #0066CC;
            color: #fff !important; }
    nav .inner .search {
      height: 35px;
      float: left;
      margin: 14px 0 0 60px; }
      nav .inner .search input {
        float: left;
        height: 35px;
        outline: none;
        width: 350px;
        padding-left: 20px;
        border-radius: 4px 0 0 4px;
        float: left;
        border: 1px solid #0066CC; }
      nav .inner .search button {
        width: 80px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        /* 搜索按钮主色 */
        background: #0066CC;
        color: #fff;
        font-weight: 600;
        float: left;
        border: none;
        outline: none;
        border-radius: 0 4px 4px 0;
        transition: all 0.2s ease; }
        nav .inner .search button:hover {
          /* 悬停加深 */
          background: #0052A3; }
    nav .inner .btnGroup {
      float: right;
      height: 60px;
      line-height: 60px; }
      /* 登录按钮美化（蓝色系） */
      nav .inner .btnGroup .login-btn {
        display: inline-block;
        height: 25px;
        line-height: 23px;
        text-align: center;
        border-radius: 4px;
        margin-left: 10px;
        text-decoration: none;
        padding: 0 10px;
        border: 1px solid #0066CC;
        background: #0066CC !important;
        color: #fff !important;
        transition: all 0.2s ease; }
        nav .inner .btnGroup .login-btn:hover {
          background: #0052A3 !important;
          border-color: #0052A3; }
      /* 注册按钮美化（蓝色系） */
      nav .inner .btnGroup .register-btn {
        display: inline-block;
        height: 25px;
        line-height: 23px;
        text-align: center;
        border-radius: 4px;
        margin-left: 10px;
        text-decoration: none;
        padding: 0 10px;
        border: 1px #0066CC solid !important;
        background: #fff !important;
        color: #0066CC !important;
        transition: all 0.2s ease; }
        nav .inner .btnGroup .register-btn:hover {
          background: #f2f9ff !important;
          color: #0052A3 !important;
          border-color: #0052A3 !important; }

/* 页脚样式 */
.footer {
  width: 100%;
  /* 页脚深蓝背景 */
  background: #0052A3;
  height: 95px;
  margin-top: 50px;
  padding-top: 60px; }
  .footer p {
    color: #fff;
    text-align: center;
    margin: 0; }
    .footer p a {
      color: #e0efff; }
      .footer p a:hover {
        color: #fff; }

/* 全局基础样式 */
body {
  background: #f8f9fc;
  font-smoothing: grayscale;
  -moz-osx-font-smoothing: grayscale; }

*, ul, ol, li, dl, dd {
  padding: 0;
  margin: 0; }

/* 主体容器样式 */
.box-container {
  width: 1200px;
  margin: 0 auto;
  margin-top: 90px; }
  .box-container .account-info .layoutLeft {
    width: 240px;
    padding: 5px;
    border: 1px solid #cce0ff;
    border-radius: 4px;
    margin: 39px;
    float: left;
    height: 343px;
    line-height: 311px;
    color: #0066CC;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    background: #f8f9fc; }
  .box-container .account-info .layoutRight {
    margin-top: 42px;
    float: right;
    width: 875px; }
    .box-container .account-info .layoutRight .title {
      color: #0052A3; }
      .box-container .account-info .layoutRight .title em {
        font-size: 14px;
        color: #6688bb;
        margin-left: 5px;
        font-style: normal; }
    .box-container .account-info .layoutRight .public span {
      color: #0052A3;
      margin-right: 10px;
      font-size: 12px; }
    .box-container .account-info .layoutRight .info {
      margin-top: 10px;
      width: 830px;
      height: 270px;
      padding-top: 15px; }
      .box-container .account-info .layoutRight .info .left {
        width: 310px;
        float: left; }
        .box-container .account-info .layoutRight .info .left li {
          list-style: none;
          margin-bottom: 17px; }
          .box-container .account-info .layoutRight .info .left li a {
            text-decoration: none;
            color: #0066CC; }
            .box-container .account-info .layoutRight .info .left li a:hover {
              color: #0052A3; }
      .box-container .account-info .layoutRight .info .right {
        width: 320px;
        float: right; }
        .box-container .account-info .layoutRight .info .right .money {
          height: 60px;
          font-size: 20px;
          font-weight: 600;
          color: #555;
          margin-top: 10px; }
          .box-container .account-info .layoutRight .info .right .money em {
            font-size: 36px;
            color: #0066CC;
            font-style: normal;
            margin-right: 7px; }
        .box-container .account-info .layoutRight .info .right .password {
          width: 200px;
          margin: 12px 0 30px 0; }
        .box-container .account-info .layoutRight .info .right .loadBtn a {
          width: 200px; }
  .box-container .main-info {
    min-height: 300px;
    border: 1px solid #cce0ff;
    border-radius: 4px;
    background: #fff; }
    .box-container .main-info .nav {
      border-bottom: none; }
    .box-container .main-info .panel-tabs {
      padding-bottom: 0;
      border-bottom: none; }
    .box-container .main-info .content-discussion {
      border-bottom: 1px dashed #cce0ff;
      padding: 25px; }
      .box-container .main-info .content-discussion .photo {
        float: left;
        height: 60px;
        margin-right: 15px;
        position: relative;
        width: 60px; }
        .box-container .main-info .content-discussion .photo img {
          border-radius: 50%;
          height: 60px;
          width: 60px;
          border: 2px solid #e0efff; }
      .box-container .main-info .content-discussion .discussion-info {
        float: left;
        width: 1066px; }
        .box-container .main-info .content-discussion .discussion-info .title {
          color: #0052A3;
          font-size: 17px;
          font-weight: 600; }
        .box-container .main-info .content-discussion .discussion-info p {
          line-height: 25px;
          margin: 10px 0;
          max-width: 1100px;
          color: #335588; }
        .box-container .main-info .content-discussion .discussion-info .left {
          color: #6688bb;
          float: left; }
    .box-container .main-info .alert-info {
      margin: 0 25px 25px;
      border-color: #cce0ff;
      background: #f8f9fc;
      color: #0052A3; }
    .box-container .main-info .mesBoard {
      height: 250px;
      padding: 25px; }
      .box-container .main-info .mesBoard .photo {
        width: 60px;
        height: 60px;
        float: left;
        margin-right: 15px; }
        .box-container .main-info .mesBoard .photo img {
          width: 60px;
          height: 60px;
          border-radius: 50%;
          border: 2px solid #e0efff; }
      .box-container .main-info .mesBoard .mes-content {
        float: left;
        width: 1060px;
        height: 150px; }
        .box-container .main-info .mesBoard .mes-content textarea {
          width: 100%;
          height: 100%;
          resize: none;
          border: 1px solid #cce0ff;
          border-radius: 4px;
          padding: 10px;
          color: #0052A3; }
          .box-container .main-info .mesBoard .mes-content textarea:focus {
            outline: none;
            border-color: #0066CC;
            box-shadow: 0 0 5px rgba(0, 102, 204, 0.2); }
      .box-container .main-info .mesBoard .message-submit {
        line-height: 75px;
        text-align: center; }

/* 分页样式 */
#kkpager {
  height: 50px;
  line-height: 50px;
  color: #0066CC; }
  #kkpager .pageBtnWrap {
    margin-top: 20px; }
  #kkpager a {
    color: #0066CC; }
    #kkpager a:hover {
      color: #0052A3; }

/* 弹窗样式 */
.webui-popover-content {
  padding: 0;
  font-size: 12px;
  color: #0052A3; }
  .webui-popover-content p {
    margin-top: 5px; }

/* 下载按钮美化（蓝色系） */
.btn-info {
  transition: all 0.2s ease;
  background: #0066CC !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px; }
  .btn-info:hover {
    background: #0052A3 !important; }

/* 列表轻微美化 不影响布局 */
.hotRec .header {
  background: #f0f7ff;
  font-weight: bold;
  color: #0052A3;
  border-bottom: 1px solid #cce0ff; }
.list-item:hover ul {
  background: #f8f9fc; }

/* 关键文本溢出控制，避免布局错乱 */
.warn-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0052A3; }

/* 图片懒加载过渡样式 */
.lazyload {
  background: #f0f7ff;
  border-radius: 4px; }

/*# sourceMappingURL=info.css.map */