@charset "UTF-8";
.clearfloat::after { content: ""; height: 0; clear: both; visibility: hidden; display: block; }

.clearfloat { zoom: 1; }

.crumb > span, .crumb > a { color: #c6d4df; }

.left-menu ul li a { padding-left: 39px; color: #c6d4df; font-size: 14px; }

.myBag-contain { width: 1200px; margin: 0 auto; color: #ffffff; }

aside, .steam-person-conter { float: left; min-height: 400px; }

.steam-person-conter { margin-left: 20px; width: 955px; font-size: 12px; padding: 14px; box-sizing: border-box; background-color: #16202d; margin-bottom: 50px; position: relative; }

.hd-title { overflow: hidden; background-color: #1b2838; height: 40px; line-height: 40px; padding: 0 14px; }

.hd-title h2 { width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; font-size: 16px; color: #ffffff; font-weight: 200; }

.hd-title p { float: right; color: #c6d4df; font-size: 12px; }

.hd-content p { margin-bottom: 10px; line-height: 20px; font-size: 14px; color: #c6d4df; overflow: hidden; }

.hd-content p:first-child { margin-top: 10px; }

.hd-content img { max-width: 100%; box-sizing: border-box; }

.triangle-switch { border-width: 0px 5px 5px 5px !important; border-color: transparent transparent #C6D4DF transparent !important; }

table[align="center"] { margin: 0 auto; }

/* 移动端 */
@media screen and (max-width: 751px) { aside { display: none; }
  .right-button { display: none; }
  html { font-size: calc(100vw/7.5); font-size: -webkit-calc(100vw/7.5); -webkit-text-size-adjust: 100%; }
  .myBag-contain { width: 100%; overflow: hidden; }
  .steam-person-conter { margin-left: 0; width: 100% !important; overflow: hidden; }
  .footer-contain { display: none; }
  .crumb { margin-left: 0; }
  #headContain { min-width: 100%; }
  #headContain > .top-nav { min-width: 100%; }
  #headContain > .top-nav .top-nav-color { width: 100%; }
  #headContain > .top-nav .top-nav-color .top-btn-contain { width: 100%; }
  #headContain > .top-nav #topRight { display: none; } }