@charset "UTF-8";
/*
 * 页面主样式
 * 日期: 2017-10-13
 * By Endfish
 * 代码如诗
 * 
*/
/*** 变量 ***/
/*** 引用 ***/
/*** 常用工具包 ***/
/*
 * 包含常用工具以及浏览器兼容性
 */
/*
 * 表单样式
 * 
*/
input, button, select, textarea {
  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  /*清除浏览器默认的样式 */
  appearance: none;
  -moz-appearance: none;
  /* Mozilla Firefox 19+ */ 
  -webkit-appearance: none;
  outline: none;
  /*清除选中效果的默认蓝色边框 */
  resize: none;
  line-height: normal; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

/*
 * BBS样式
 * 
*/
.page-bbs .bbs-admin {
  margin-bottom: 20px; }
  .page-bbs .bbs-admin .left {
    text-align: left; }
  .page-bbs .bbs-admin .right {
    text-align: right; }
    .page-bbs .bbs-admin .right .layui-form-checked span, .page-bbs .bbs-admin .right .layui-form-checked:hover span {
      background: #00A2EB; }
    .page-bbs .bbs-admin .right .layui-form-checked i, .page-bbs .bbs-admin .right .layui-form-checked:hover i {
      color: #00A2EB; }
    .page-bbs .bbs-admin .right .layui-form-checked, .page-bbs .bbs-admin .right .layui-form-checked:hover {
      border-color: #00A2EB; }
.page-bbs .bbs-list {
  position: relative;
  padding: 10px 0 15px;
  border-bottom: 1px solid #f0f0f4; }
  .page-bbs .bbs-list:last-child {
    border-bottom: 0px; }
  .page-bbs .bbs-list .user-head {
    position: absolute;
    left: 0px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 4px; }
    .page-bbs .bbs-list .user-head img {
      max-width: 100%;
      height: auto; }
  .page-bbs .bbs-list .post-click {
    margin-left: 10px; }
    .page-bbs .bbs-list .post-click .layui-form-checked[lay-skin=primary] i {
      border-color: #00A2EB;
      background: #00A2EB; }
    .page-bbs .bbs-list .post-click .layui-form-checkbox[lay-skin=primary]:hover i {
      border-color: #00A2EB; }
  .page-bbs .bbs-list .b-title {
    padding-left: 50px; }
    .page-bbs .bbs-list .b-title h3 {
      font-size: 18px;
      font-weight: 600;
      text-align: left; }
    .page-bbs .bbs-list .b-title h4 {
      font-size: 16px;
      font-weight: 600;
      text-align: left; }
    .page-bbs .bbs-list .b-title a {
      color: #000;
      -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
      .page-bbs .bbs-list .b-title a:hover {
        color: #00A2EB; }
    .page-bbs .bbs-list .b-title .s-top {
      top: 0px;
      right: -15px;
      position: absolute;
      z-index: 10;
      padding: 6px 15px;
      border-radius: 2px 0px 0px 2px;
      background: #60bac7;
      color: #FFF;
      font-size: 12px;
      text-align: center; }
    .page-bbs .bbs-list .b-title .s-tips {
      position: relative;
      margin-top: 10px; }
    .page-bbs .bbs-list .b-title span {
      display: inline-block;
      font-size: 12px;
      line-height: 20px;
      color: #a7a7a7; }
      .page-bbs .bbs-list .b-title span a {
        color: #a7a7a7; }
    .page-bbs .bbs-list .b-title .text-danger {
      font-size: 16px;
      color: #00A2EB; }
    .page-bbs .bbs-list .b-title .s-right {
      margin-right: 15px; }
    .page-bbs .bbs-list .b-title .s-times {
      position: absolute;
      top: 0px;
      right: 0px; }
.page-bbs .bbs-forum .forum-title {
  margin-bottom: 20px; }
  .page-bbs .bbs-forum .forum-title .moudle-card {
    padding-bottom: 15px; }
  .page-bbs .bbs-forum .forum-title .forum-logo {
    position: absolute;
    border-radius: 6px;
    width: 60px;
    height: 60px; }
    .page-bbs .bbs-forum .forum-title .forum-logo img {
      width: 100%;
      height: auto; }
  .page-bbs .bbs-forum .forum-title .forum-con {
    margin-left: 80px;
    min-height: 60px; }
    .page-bbs .bbs-forum .forum-title .forum-con h4 {
      margin: 10px 0;
      font-size: 16px;
      font-weight: bold; }
.page-bbs .news-list .moudle-card {
  padding-bottom: 15px; }
.page-bbs .bbs-side .in-menu-one .layui-btn {
  width: 100%; }
.page-bbs .bbs-side .in-list span {
  margin-right: 10px; }
  .page-bbs .bbs-side .in-list span small:last-child {
    display: none; }
.page-bbs .bbs-side .in-list .line {
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f0f4; }
.page-bbs .bbs-side .in-list .layui-inline {
  margin-bottom: 10px; }
.page-bbs .bbs-side .author-name-u {
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f4; }
.page-bbs .bbs-breadcrumb .moudle-card {
  padding-bottom: 15px; }
.page-bbs .bbs-breadcrumb .layui-icon {
  margin-right: 10px; }
.page-bbs .bbs-breadcrumb a {
  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
  .page-bbs .bbs-breadcrumb a:hover {
    color: #00A2EB !important; }
.page-bbs .bbs-con {
  margin-top: 20px; }
.page-bbs .bbs-user .user-head {
  margin: 0px auto;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-box-shadow: 0px 0px 30px 5px rgba(145, 147, 157, 0.2);
  -moz-box-shadow: 0px 0px 30px 5px rgba(145, 147, 157, 0.2);
  box-shadow: 0px 0px 30px 5px rgba(145, 147, 157, 0.2); }
  .page-bbs .bbs-user .user-head:hover {
    -webkit-box-shadow: 0px 10px 30px 5px rgba(145, 147, 157, 0.5);
    -moz-box-shadow: 0px 10px 30px 5px rgba(145, 147, 157, 0.5);
    box-shadow: 0px 10px 30px 5px rgba(145, 147, 157, 0.5); }
  .page-bbs .bbs-user .user-head img {
    width: 100%;
    height: auto; }
.page-bbs .bbs-user .user-name {
  width: 100%;
  margin: 10px 0;
  text-align: center;
  font-size: 18px;
  color: #000;
  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  border-bottom: 1px solid #f0f0f4; }
  .page-bbs .bbs-user .user-name p {
    margin-top: 0px;
    margin-bottom: 15px;
    color: #a7a7a7;
    font-size: 14px; }
  .page-bbs .bbs-user .user-name .user-signature {
    margin: 20px auto;
    width: 400px;
    text-align: left;
    font-size: 14px;
    color: #000000; }
.page-bbs .bbs-user .user-links {
  width: 100%;
  margin-top: 30px;
  padding: 0px;
  text-align: center; }
  .page-bbs .bbs-user .user-links li {
    display: inline-block;
    margin: 0px 30px; }
    .page-bbs .bbs-user .user-links li a:hover {
      text-decoration: none; }
    .page-bbs .bbs-user .user-links li .app {
      width: 50px;
      height: 50px;
      padding: 0px;
      border-radius: 6px;
      margin-bottom: 10px;
      line-height: 50px;
      text-align: center;
      color: #fff; }
      .page-bbs .bbs-user .user-links li .app .layui-icon {
        margin-right: 0px;
        font-size: 24px; }
.page-bbs .bbs-user .user-back {
  position: absolute;
  top: 70px;
  left: 40px; }
  .page-bbs .bbs-user .user-back .layui-icon {
    font-size: 20px;
    -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
    .page-bbs .bbs-user .user-back .layui-icon:hover {
      color: #00A2EB; }
.page-bbs .bbs-user .user-passwd {
  margin-top: 40px; }
.page-bbs .bbs-user .user-tips {
  margin: 30px 0 0;
  width: 100%;
  text-align: center;
  color: #626262; }
.page-bbs .bbs-user .small-con span {
  margin-right: 10px; }
  .page-bbs .bbs-user .small-con span a {
    color: #666;
    font-size: 14px;
    -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
    .page-bbs .bbs-user .small-con span a:hover {
      color: #00A2EB !important; }
.page-bbs .bbs-user .login-menu {
  color: #FFF;
  text-decoration: none; }
@media (max-width: 767px) {
  .page-bbs .bbs-user .layui-form-label {
    width: 40px; }
  .page-bbs .bbs-user .layui-input-block {
    margin-left: 75px; } }
.page-bbs .bbs-user-post {
  margin-top: 30px; }
.page-bbs .bbs-page-nav {
  text-align: center; }
  .page-bbs .bbs-page-nav li {
    display: inline-block; }
  .page-bbs .bbs-page-nav .page-link {
    margin-left: 5px;
    padding: 0px 15px;
    display: inline-block;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    text-align: center;
    color: #FFF;
    border-radius: 2px;
    background: #00A2EB;
    -webkit-box-shadow: 0px 0px 13px rgba(248, 75, 156, 0.3);
    -moz-box-shadow: 0px 0px 13px rgba(248, 75, 156, 0.3);
    box-shadow: 0px 0px 13px rgba(248, 75, 156, 0.3);
    -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
    .page-bbs .bbs-page-nav .page-link:hover {
      background: #f84699;
      -webkit-box-shadow: 0px 3px 27px rgba(248, 75, 156, 0.6);
      -moz-box-shadow: 0px 3px 27px rgba(248, 75, 156, 0.6);
      box-shadow: 0px 3px 27px rgba(248, 75, 156, 0.6); }
  .page-bbs .bbs-page-nav .active .page-link {
    background: #282828;
    -webkit-box-shadow: 0px 0px 13px rgba(40, 40, 40, 0.3);
    -moz-box-shadow: 0px 0px 13px rgba(40, 40, 40, 0.3);
    box-shadow: 0px 0px 13px rgba(40, 40, 40, 0.3); }
    .page-bbs .bbs-page-nav .active .page-link:hover {
      background: #000000;
      -webkit-box-shadow: 0px 3px 27px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0px 3px 27px rgba(0, 0, 0, 0.6);
      box-shadow: 0px 3px 27px rgba(0, 0, 0, 0.6); }

.bbs-layer .layui-layer-content {
  padding: 10px; }

.bbs-layer-02 .layui-layer-content {
  padding: 10px;
  text-align: center; }

.layui-layer-page .layui-layer-content {
  overflow: visible !important; }

.layui-form-select dl dd.layui-this {
  background: #60bac7; }

.layui-layer-btn .layui-layer-btn0 {
  background: #60bac7 !important;
  border-color: #60bac7 !important; }

.layui-form-radio i:hover, .layui-form-radioed i {
  color: #00A2EB; }

.layui-text .text-danger {
  color: #00A2EB; }

.layui-layer-msg .layui-form .layui-btn {
  background: #00A2EB;
  border-color: #00A2EB; }
.layui-layer-msg .layui-form .layui-btn-primary {
  border: 1px solid #C9C9C9;
  background-color: #fff; }

@media (max-width: 767px) {
  .page-form {
    padding: 20px; } }