@charset "UTF-8";
/* main */
/* mixins */
.cb-folding-title.am-active {
  color: #27A8DF;
  transition: color .2s ease-in-out .1s; }
  .cb-folding-title.am-active:hover, .cb-folding-title.am-active:focus {
    color: #3db1e2; }

/* helpers */
/* base */
body {
  background-color: #e6e6e6; }

a {
  color: #535353;
  transition: color .2s ease-in-out .1s; }
  a:hover, a:focus {
    color: #27A8DF; }

/* footer */
.cb-footer {
  margin-top: 40px;
  color: #fff;
  background-color: #303030; }
  .cb-footer p {
    margin: 0; }
  .cb-footer a {
    color: #fff; }
    .cb-footer a:hover, .cb-footer a:focus {
      color: #27A8DF; }

.cb-footer-nav {
  padding: 10px 15px;
  background-color: #222; }
  .cb-footer-nav span {
    position: relative;
    top: -1px;
    margin: 0 5px; }

.cb-footer-links {
  padding: 30px 15px;
  border-bottom: 5px solid #222;
  font-size: 1.4rem;
  line-height: 2; }
  .cb-footer-links a {
    margin: 0 5px; }

.cb-footer-copyright {
  padding: 30px 15px 60px; }

/* header */
body {
  padding-top: 113px; }

.headroom {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000; }

/* main */
.cb-main {
  margin-top: 20px;
  margin-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 20px 5px #ccc; }

/* topbar */
.cb-topbar {
  margin-bottom: 0;
  background: url("../i/top-bg.png") repeat-x 0 0; }
  .cb-topbar .am-container {
    padding: 0; }

.am-topbar-inverse {
  border-bottom: none; }

.cb-topbar-brand {
  width: 28%;
  min-width: 240px;
  height: 85px;
  font-size: 0;
  line-height: 85px;
  padding: 0 0 0 12px; }

.cb-topbar-brand-2 {
  width: 28%;
  min-width: 240px;
  height: 44px;
  font-size: 0;
  line-height: 85px;
  padding: 0;
  position: relative; }
  .cb-topbar-brand-2 > a {
    width: 208px;
    height: 52px;
    display: block;
    position: absolute;
    top: 0;
    left: -15px; }
    .cb-topbar-brand-2 > a img {
      display: block; }

.cb-topbar-nav > li + li {
  /*margin-left: 15px;*/ }

.cb-top-d-1 {
  height: 43px; }

@media only screen and (min-width: 898px) {
  .cb-topbar-nav > li > a {
    line-height: 44px; }
    .cb-topbar-nav > li > a:hover, .cb-topbar-nav > li > a:focus {
      color: #27A8DF !important; }
    .cb-topbar-nav > li > a::after {
      display: none;
      margin-left: -10px;
      border-width: 0 10px 10px;
      border-bottom-color: #535353 !important;
      transition: opacity .2s ease-in-out .1s; }
    .cb-topbar-nav > li > a::before {
      position: absolute;
      left: 50%;
      margin-left: -10px;
      top: -1px;
      content: "";
      display: inline-block;
      width: 0px;
      height: 0px;
      vertical-align: middle;
      border-width: 10px 10px 0;
      border-style: solid solid dotted;
      border-color: #F8F8F8 transparent transparent;
      border-top-color: #27A8DF !important;
      transform: rotate(360deg);
      opacity: 0;
      transition: opacity .2s ease-in-out .1s; }
    .cb-topbar-nav > li > a:hover:before {
      opacity: 1; }
  .cb-topbar-nav > li.am-active > a {
    color: #27A8DF !important; }
    .cb-topbar-nav > li.am-active > a::before {
      opacity: 1; } }
@media only screen and (max-width: 897px) {
  .cb-topbar {
    background: #222222; }

  .cb-topbar-nav > li > a:hover, .cb-topbar-nav > li > a:focus {
    color: #27A8DF !important; }
  .cb-topbar-nav > li.am-active > a {
    color: #27A8DF !important; }

  .cb-topbar-collapse {
    position: absolute;
    top: 85px;
    right: 0;
    background-color: #222;
    width: auto; } }
.cb-topbar-btn {
  margin-top: 30px;
  padding: 0;
  background-color: transparent;
  font-size: 2.0rem;
  z-index: 999; }

/* toolbar */
.cb-toolbar {
  background-color: #e6e6e6; }

.cb-toolbar-socialmedia {
  margin-top: 8px;
  margin-bottom: 10px;
  padding-right: 0; }
  .cb-toolbar-socialmedia a {
    margin-right: 10px;
    color: #888;
    font-size: 1.4rem; }
    .cb-toolbar-socialmedia a:hover, .cb-toolbar-socialmedia a:focus {
      color: #27A8DF; }

.cb-toolbar-signup {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 0;
  line-height: 32px; }
  .cb-toolbar-signup a {
    margin-left: 5px;
    margin-right: 5px;
    color: #888;
    font-size: 1.4rem; }
    .cb-toolbar-signup a:hover, .cb-toolbar-signup a:focus {
      color: #27A8DF; }
  .cb-toolbar-signup span {
    color: #888; }

.cb-user-state {
  display: inline;
  vertical-align: top; }

.cb-toolbar-search {
  margin-top: 8px;
  margin-bottom: 10px; }

.cb-toolbar-input {
  padding: 5px;
  color: #fff;
  background-color: #535353;
  border: none;
  font-size: 1.4rem; }
  .cb-toolbar-input:focus {
    color: #fff;
    background-color: #535353;
    box-shadow: none; }

.cb-toolbar-label {
  padding: 2px 8px;
  border: none;
  color: #888;
  background-color: #303030;
  line-height: 1; }

.cb-toolbar-btn {
  font-size: 1.4rem;
  cursor: pointer; }

.cb-toolbar-account {
  margin: 0 15px;
  display: inline-block;
  vertical-align: middle; }

.cb-toolbar-account-avatar {
  position: relative;
  top: -1px;
  display: inline-block; }
  .cb-toolbar-account-avatar img {
    border-radius: 50%; }

/* article */
.cb-article {
  margin: 10px 0; }

.cb-article-title {
  color: #535353; }

.cb-article-info {
  font-size: 1.4rem;
  color: #535353; }
  .cb-article-info span {
    margin-right: 10px; }
  .cb-article-info a {
    border-bottom: 1px dotted #535353;
    transition: border-color .2s ease-in-out .1s, color .2s ease-in-out .1s; }
    .cb-article-info a:hover, .cb-article-info a:focus {
      border-color: #27A8DF; }

/* breadcrumb */
.cb-breadcrumb {
  margin-top: 15px;
  margin-bottom: 0;
  padding: .7em .5em;
  background-color: transparent;
  border-radius: 0;
  font-size: 85%; }
  .cb-breadcrumb i {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 8px;
    color: #ccc;
    font-size: 12px; }

/* column */
.cb-column {
  margin: 10px 0 15px; }

.cb-column-hd {
  display: block;
  margin-bottom: 10px;
  padding-left: 10px;
  height: 30px;
  color: #fff;
  background-color: #535353;
  line-height: 30px;
  transition: background-color .2s ease-in-out .1s; }
  .cb-column-hd:hover, .cb-column-hd:focus {
    color: #fff;
    background-color: #606060; }

.cb-column-bd {
  margin: 10px 0; }

.cb-column-more {
  display: block;
  height: 30px;
  color: #fff;
  background-color: #C8C8C8;
  font-size: 1.4rem;
  line-height: 30px;
  text-align: center;
  transition: background-color .2s ease-in-out .1s; }
  .cb-column-more:hover, .cb-column-more:focus {
    color: #fff;
    background-color: #d5d5d5; }

.cb-column-inverse > .cb-column-hd {
  background-color: #27A8DF; }
  .cb-column-inverse > .cb-column-hd:hover, .cb-column-inverse > .cb-column-hd:focus {
    background-color: #3db1e2; }

/* classroom */
.cb-classroom {
  margin: 15px -5px 0;
  padding: 0; }
  .cb-classroom li {
    margin-bottom: 10px; }
  .cb-classroom .am-gallery-desc {
    margin: 10px 0; }

.cb-classroom-tab {
  margin: 15px 0 35px;
  text-align: center; }
  .cb-classroom-tab a {
    position: relative;
    display: inline-block;
    margin: 4px 10px;
    padding: 8px 30px;
    color: #fff;
    background-color: #535353;
    line-height: 1;
    transition: background-color .2s ease-in-out .1s; }
    .cb-classroom-tab a:hover, .cb-classroom-tab a:focus {
      background-color: #27A8DF; }
  .cb-classroom-tab .am-active {
    background-color: #27A8DF; }
    .cb-classroom-tab .am-active:hover, .cb-classroom-tab .am-active:focus {
      background-color: #3db1e2; }

.cb-classroom-label,
.cb-classroom-enter {
  display: inline-block;
  width: 99px;
  height: 30px;
  line-height: 30px;
  background-color: #535353;
  color: #fff;
  text-align: center;
  transition: background-color .2s ease-in-out .1s; }
  .cb-classroom-label:hover, .cb-classroom-label:focus,
  .cb-classroom-enter:hover,
  .cb-classroom-enter:focus {
    color: #fff;
    background-color: #606060; }

/* Comments */
.cb-comment-wrap {
  padding-top: 0;
  background-color: #fff; }

.cb-comment-fieldset {
  margin-bottom: 0;
  padding: 0; }

.cb-comment-submitbtn {
  margin-bottom: 0; }

.cb-comment-correlation {
  font-weight: bold; }

/* details */
.cb-details {
  display: inline-block;
  margin-left: 5px;
  padding: 0 4px;
  color: #fff;
  background-color: #888;
  font-size: 1.2rem;
  transition: background-color .2s ease-in-out .1s; }
  .cb-details:hover, .cb-details:focus {
    color: #fff;
    background-color: #27A8DF; }

/* 企业 */
.cb-enterprise {
  margin: 10px 0; }
  .cb-enterprise ul {
    list-style: none;
    padding: 0; }
  .cb-enterprise .cb-enterprise-big-pic {
    position: relative; }
  .cb-enterprise .prev, .cb-enterprise .next {
    width: 36px;
    height: 60px;
    display: block;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 40%;
    z-index: 99;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    cursor: pointer; }
    .cb-enterprise .prev:hover, .cb-enterprise .next:hover {
      background-color: rgba(0, 0, 0, 0.5); }
  .cb-enterprise .prev {
    left: 0; }
  .cb-enterprise .next {
    right: 0; }
  .cb-enterprise .bd li {
    position: relative; }
    .cb-enterprise .bd li img {
      width: 100%; }
    .cb-enterprise .bd li span {
      width: 100%;
      height: 45px;
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      background-color: rgba(0, 0, 0, 0.5); }
      .cb-enterprise .bd li span a {
        width: 95%;
        height: 45px;
        overflow: hidden;
        display: block;
        color: #fff;
        font-size: 18px;
        line-height: 45px;
        margin: 0 auto; }
  .cb-enterprise .hd li {
    display: block;
    height: 70px;
    border-bottom: 1px dashed #999;
    margin-bottom: 15px; }
    .cb-enterprise .hd li img {
      width: 110px;
      height: 70px;
      float: left;
      position: relative;
      margin-right: 10px; }
    .cb-enterprise .hd li p {
      height: 57px;
      margin: 0;
      padding: 13px 0 0;
      overflow: hidden;
      font-weight: normal;
      font-size: 1.4rem;
      color: #888; }
  .cb-enterprise .hd li.on {
    background-color: #d4d4d4; }

.cb-enterprise-list-1 ul {
  margin-top: -20px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none; }
  .cb-enterprise-list-1 ul li .borders {
    border-bottom: 1px dashed #888;
    margin: 20px 15px 0; }
  .cb-enterprise-list-1 ul li .no-borders {
    border-bottom: 0;
    margin: 20px 15px 0; }
  .cb-enterprise-list-1 ul li p {
    margin-top: 0; }
  .cb-enterprise-list-1 ul li .cb-media-datetime {
    margin-bottom: 0; }
  .cb-enterprise-list-1 ul li .cb-media-title {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 1.6rem; }

.cb-enterprise-lists li a {
  padding-top: 8px;
  display: block;
  background-color: #efefef; }
  .cb-enterprise-lists li a span {
    display: block;
    padding: 0 8px;
    height: 30px;
    overflow: hidden;
    font-size: 1.4rem; }
  .cb-enterprise-lists li a img {
    display: block;
    margin: 0 auto 8px; }

.cb-enterprise-info p {
  margin: 0; }
.cb-enterprise-info h1 {
  margin: 0; }

.cb-enterprise-bd p {
  font-size: 1.4rem;
  color: #666; }

/* expert */
.cb-expert {
  margin: 15px -10px;
  padding-left: 0;
  list-style-type: none; }
  .cb-expert li {
    float: left;
    margin: 0 10px 30px;
    padding: 4px;
    width: 110px;
    height: 185px;
    border: 1px solid #C8C8C8;
    transition: border-color .2s ease-in-out .1s; }
    .cb-expert li:hover, .cb-expert li:focus {
      border-color: #27A8DF; }

.cb-expert-name {
  margin-bottom: 5px;
  text-align: center; }

.cb-expert-avator {
  margin: 5px 0; }

.cb-expert-intro {
  margin: 5px 0;
  height: 40px;
  overflow: hidden;
  font-size: 1.2rem; }

/* focus */
.cb-focus {
  margin-left: -5px;
  margin-right: -5px;
  padding: 0; }
  .cb-focus li {
    padding-top: 10px; }
  .cb-focus .am-gallery-title {
    font-size: 1.2rem;
    text-align: center; }

/* folding */
.cb-folding {
  margin: 10px 0; }

.cb-folding-panel {
  border-color: transparent !important; }

.cb-folding-hd {
  padding: 0;
  background-color: #fff !important; }

.cb-folding-title {
  color: #222;
  font-size: 1.4rem;
  font-weight: normal; }

.cb-folding-bd {
  padding: 0;
  border-top: 1px dashed #888 !important; }

/* form */
.cb-form {
  margin: 10px 0; }

.cb-form-tip {
  margin: 10px 0 60px; }
  .cb-form-tip .fa-exclamation {
    color: #dd514c; }

.cb-form-checkbox {
  font-size: 1.4rem; }

.cb-form-panel {
  font-size: 1.4rem; }

.cb-form-text {
  margin-bottom: 0;
  padding: .625rem; }

.cb-form-tabs {
  margin: 30px 0; }
  .cb-form-tabs a {
    margin: 0 10px;
    color: #888; }
    .cb-form-tabs a.am-active {
      color: #27A8DF; }

/* gallery */
.cb-gallery {
  margin: 10px -5px;
  padding: 0; }
  .cb-gallery li {
    padding-bottom: 0; }

.cb-gallery-experts-title {
  margin-top: 5px !important;
  text-align: center; }

/* gotop */
.gotop {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 35px;
  height: 35px;
  background-color: #535353;
  color: #fff;
  opacity: .5;
  font-size: 2.0rem;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  transition: opacity .2s ease-in-out .1s, background-color .2s ease-in-out .1s; }
  .gotop:hover, .gotop:focus {
    opacity: 1;
    background-color: #27A8DF; }

/* headline */
.cb-headline-titie {
  margin: 10px 0;
  font-size: 2.6rem;
  font-weight: normal; }

.cb-headline-summary {
  margin: 10px 0 15px;
  color: #777;
  font-size: 2.0rem; }

/* hotspot */
.cb-hotspot {
  margin: 10px -5px 15px;
  padding: 0; }
  .cb-hotspot li {
    padding-top: 0; }

.cb-hotspot-summary {
  margin: 10px 0;
  color: #535353;
  font-size: 1.2rem; }

/* media */
.cb-media {
  margin: 15px 0; }
  .cb-media ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none; }
    .cb-media ul li {
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 15px;
      border-bottom: 1px dashed #888; }
      .cb-media ul li:last-child {
        border-bottom-color: transparent; }

.cb-media-thumb {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 15px; }

.cb-media-content {
  padding-right: 0; }

.cb-media-title {
  margin: 0 0 10px;
  font-size: 1.8rem; }

.cb-media-datetime {
  margin: 10px 0;
  color: #888;
  font-size: 1.2rem; }

.cb-media-summary {
  margin: 10px 0 15px;
  color: #888;
  font-size: 1.4rem; }

.cb-media-caption h1 {
  margin-bottom: 10px;
  color: #535353;
  font-weight: normal; }
.cb-media-caption hr {
  margin: 10px 0; }

.cb-media-bd {
  padding-left: 0;
  padding-right: 0; }
  .cb-media-bd .cb-media-thumb {
    margin-top: 10px; }

.cb-media-avatar {
  margin-bottom: 5px; }

.cb-media-author {
  margin: 5px 0 10px;
  font-size: 1.2rem; }

/* media-small */
.cb-media-small {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none; }
  .cb-media-small li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 10px;
    border-top: none;
    border-bottom: 1px dashed #888; }
    .cb-media-small li:last-child {
      border-bottom-color: transparent; }

.cb-media-small-thumb {
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0; }

.cb-media-small-content {
  padding-right: 0; }

.cb-media-small-title {
  margin: 0 0 10px;
  font-size: 1.4rem; }

.cb-media-small-summary {
  margin: 10px 0;
  color: #888;
  font-size: 1.2rem; }

.cb-media-small-calendar {
  margin-bottom: 5px;
  color: #535353;
  font-size: 2.4rem; }
  .cb-media-small-calendar .fa-quote-right {
    margin-left: 50px; }

.cb-media-small-datetime {
  margin: 5px 0;
  padding-left: 30px;
  color: #888;
  font-size: 1.2rem; }

.cb-media-small-author {
  margin-bottom: 10px; }

/* medias */
.cb-medias {
  position: relative;
  margin: 10px 0; }
  .cb-medias ul {
    list-style: none;
    padding: 0; }
  .cb-medias .prev, .cb-medias .next {
    width: 36px;
    height: 60px;
    display: block;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 40%;
    z-index: 99;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    cursor: pointer; }
    .cb-medias .prev:hover, .cb-medias .next:hover {
      background-color: rgba(0, 0, 0, 0.5); }
  .cb-medias .prev {
    left: 0; }
  .cb-medias .next {
    right: 0; }
  .cb-medias .bd li {
    position: relative; }
    .cb-medias .bd li img {
      width: 100%; }
    .cb-medias .bd li span {
      width: 100%;
      height: 45px;
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      background-color: rgba(0, 0, 0, 0.5); }
      .cb-medias .bd li span a {
        width: 80%;
        height: 45px;
        overflow: hidden;
        display: block;
        color: #fff;
        font-size: 18px;
        line-height: 45px;
        text-indent: 1em; }
  .cb-medias .hd {
    width: 70px;
    height: 12px;
    position: absolute;
    right: 0;
    bottom: 15px; }
    .cb-medias .hd li {
      width: 10px;
      height: 10px;
      border: 1px solid #fff;
      border-radius: 5px;
      float: left;
      margin: 0 2px; }
    .cb-medias .hd li.on {
      background-color: #fff; }

.cb-medias-sift .cb-media-small-title {
  color: #888; }

.cb-medias-people {
  list-style: none;
  padding: 0; }
  .cb-medias-people li {
    margin: 10px 0; }
  .cb-medias-people .cb-m-p-pic a {
    width: 75px;
    height: 75px;
    display: block;
    overflow: hidden;
    border: 1px solid #888;
    padding: 2px;
    border-radius: 37px; }
    .cb-medias-people .cb-m-p-pic a img {
      border-radius: 37px; }
  .cb-medias-people p {
    font-size: 1.2rem;
    margin: 0;
    color: #888; }
  .cb-medias-people p.name {
    font-size: 1.6rem;
    color: #000; }

/* pagination */
#displaypagenum {
  margin: 30px auto;
  text-align: center; }
  #displaypagenum a,
  #displaypagenum span {
    display: inline-block;
    margin: 0 2px;
    height: 25px;
    vertical-align: top;
    padding: 0 8px;
    font-size: 1.4rem;
    line-height: 24px; }
  #displaypagenum a {
    border: 1px solid #C8C8C8; }
  #displaypagenum span.page-img:hover {
    background-color: #ffffff; }
  #displaypagenum .page-img,
  #displaypagenum .page-num {
    transition: border-color .2s ease-in-out .1s; }
    #displaypagenum .page-img:hover, #displaypagenum .page-img:focus,
    #displaypagenum .page-num:hover,
    #displaypagenum .page-num:focus {
      border-color: #27A8DF;
      background-color: #27A8DF;
      color: #fff; }
  #displaypagenum span.page-num {
    background-color: #ffffff; }
    #displaypagenum span.page-num:hover, #displaypagenum span.page-num:focus {
      background-color: #ffffff;
      color: #535353; }
  #displaypagenum .page-current {
    background-color: #27A8DF;
    color: #fff; }
  #displaypagenum i {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/* popular */
.cb-popular {
  margin: 12px 0;
  font-size: 1.2rem; }
  .cb-popular a {
    color: #888; }
    .cb-popular a:hover, .cb-popular a:focus {
      color: #27A8DF; }

.cb-popular-caption {
  color: #27A8DF; }

.cb-popular-dot {
  margin: 0 2px;
  color: #888; }

/* rank */
.cb-rank {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none; }
  .cb-rank li {
    margin: 10px 0; }

.cb-rank-thumb {
  position: relative;
  margin-right: 20px;
  margin-bottom: 0; }

.cb-rank-number {
  position: absolute;
  right: -12px;
  top: 12px;
  padding: 4px 8px;
  color: #fff;
  background-color: #27A8DF;
  border: 3px solid #fff;
  line-height: 1; }

.cb-rank-title {
  margin: 0;
  height: 60px;
  border-bottom: 1px dashed #888;
  font-size: 1.4rem; }

/* about */
.cb-service {
  margin-bottom: 60px; }

.cb-service-paragraph {
  text-indent: 2em; }

.cb-service-qrcode {
  margin-top: 30px;
  padding: 15px;
  text-align: center;
  background-color: #f2f2f2; }
  .cb-service-qrcode p {
    margin-bottom: 10px;
    font-size: 1.8rem;
    color: #27A8DF;
    font-weight: bold; }

/* stream */
.cb-stream {
  margin: 10px 0 15px; }

.cb-stream-caption {
  margin-bottom: 0;
  font-size: 1.8rem;
  text-align: center; }

.cb-stream-list {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  border-left: 2px dotted #27A8DF; }
  .cb-stream-list li {
    position: relative;
    padding-left: 30px; }
    .cb-stream-list li::before {
      position: absolute;
      top: 7px;
      left: 5px;
      display: inline-block;
      content: "";
      width: 0;
      height: 0;
      border-width: 6px 0 6px 10px;
      border-color: transparent transparent transparent #27A8DF;
      border-style: solid; }

/* tag */
.cb-tag-item {
  display: inline-block;
  margin: 0 4px 8px 0;
  padding: 5px 10px;
  background-color: #27A8DF;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  vertical-align: top;
  transition: background-color .2s ease-in-out .1s; }
  .cb-tag-item:hover, .cb-tag-item:focus {
    color: #fff;
    background-color: #3db1e2; }

.cb-tag-item-sm {
  margin: 0 3px 6px 0;
  padding: 4px 8px;
  font-size: 1.2rem; }

.cb-tag-wiki {
  margin: 10px 0; }

@media only screen and (min-width: 641px) {
  .cb-tag-wiki-thumb {
    max-width: 175px;
    padding-left: 0; } }
@media only screen and (max-width: 640px) {
  .cb-tag-wiki-thumb {
    margin-bottom: 15px; } }
.cb-tag-wiki-intro {
  margin: 10px 0;
  color: #535353;
  font-size: 1.4rem; }

#qr-code {
  position: relative; }
  #qr-code span {
    width: 150px;
    height: 150px;
    display: none;
    position: absolute;
    left: 100%;
    top: 0; }
  #qr-code:hover span {
    display: block; }

/* user */
.user-state {
  height: 35px;
  line-height: 32px; }
  .user-state a {
    margin-left: 5px;
    margin-right: 5px;
    color: #888;
    font-size: 1.4rem; }
    .user-state a:hover, .user-state a:focus {
      color: #27A8DF; }
  .user-state span {
    color: #888; }

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