html, body {
  height: 100%; }

body {
  background: url(../images/page-bg.jpg) center 0 no-repeat;
  background-size: cover; }

.guest-body {
  min-height: 100%; }
  .guest-body * {
    box-sizing: border-box; }

.guest-container {
  width: 960px;
  height: 460px;
  margin-left: auto;
  margin-right: auto;
  background: url("/uploads/1/20250506/8f9112a91e7b261fdd49cd0929db0e0e.png") no-repeat;
  background-size: cover;
  justify-content: flex-end;
  padding: 30px; }

.header {
  width: 100%;
  height: 80px;
  background: rgba(0, 16, 85, 0.8);
  top: 0;
  z-index: 11; }

.header-logo {
  width: 200px;
  position: absolute;
  top: 18px; }
  .header-logo img {
    width: 100%;
    height: auto;
    display: block; }

.currency-screen {
  width: 1440px;
  margin: auto;
  position: relative; }

.header-nav {
  width: 100%;
  height: auto; }
  .header-nav .cnen {
    position: absolute;
    right: 2px;
    top: 3px; }
    .header-nav .cnen a {
      color: white;
      font-size: 12px;
      opacity: 0.5; }
      .header-nav .cnen a:link, .header-nav .cnen a:visited, .header-nav .cnen a:active {
        color: #fff;
        text-decoration: none; }
      .header-nav .cnen a:hover {
        color: #fff;
        text-decoration: none; }
    .header-nav .cnen span {
      font-size: 14px;
      color: white;
      margin: 0 10px;
      opacity: 0.5; }
    .header-nav .cnen .ac {
      opacity: 0.7; }
  .header-nav ul {
    float: right;
    padding-top: 35px; }
    .header-nav ul li {
      display: inline-block; }
      .header-nav ul li a {
        color: white;
        font-size: 14px;
        display: block;
        padding: 0 25px;
        opacity: 0.8;
        cursor: pointer; }
        .header-nav ul li a:hover {
          opacity: 1; }
      .header-nav ul li:last-child a {
        padding: 0;
        opacity: .8; }
      .header-nav ul li h3 {
        width: 130px;
        height: 40px;
        border-radius: 4px;
        background: #23c087;
        line-height: 40px;
        text-align: center;
        font-size: 0; }
        .header-nav ul li h3:hover {
          box-shadow: 0 0 4px gray;
          -webkit-box-shadow: 0 0 4px gray;
          -moz-box-shadow: 0 0 4px gray;
          -ms-box-shadow: 0 0 4px gray;
          -o-box-shadow: 0 0 4px gray; }
        .header-nav ul li h3 img {
          display: inline-block;
          width: 26px;
          position: relative;
          top: 8px;
          left: -4px; }
        .header-nav ul li h3 span {
          font-size: 14px; }

.fenghuihuigu {
  position: absolute;
  display: block;
  margin-left: -10px;
  padding-top: 10px !important;
  width: 100px;
  display: none;
  background: rgba(0, 16, 85, 0.8);
  padding: 10px; }
  .fenghuihuigu li {
    padding: 10px 0; }

.guest-footer {
  text-align: center;
  color: #fff;
  background: #113a98;
  line-height: 70px; }

.guest-code-form {
  width: 420px; }
  .guest-code-form .meeting-welcome {
    text-align: center;
    font-size: 22px;
    color: #000;
    font-weight: bold; }
  .guest-code-form form {
    width: 100%; }
    .guest-code-form form input {
      display: block;
      width: 100%;
      line-height: 36px;
      background: #fff;
      border: 2px solid #11aaf9;
      border-radius: 10px;
      padding: 10px;
      outline: none; }
    .guest-code-form form button {
      display: block;
      width: 100%;
      line-height: 36px;
      background: url("../images/btn-bg.jpg") no-repeat;
      background-size: cover;
      border-radius: 5px;
      padding: 10px;
      border: none;
      color: #fff;
      outline: none;
      font-size: 24px;
      font-weight: bold; }
      .guest-code-form form button:active {
        color: #a3cfe8;
        box-shadow: 0 0 2px #023b5c inset; }

.go-usercenter {
  text-align: right;
  justify-content: flex-end; }
  .go-usercenter a {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #1387cd; }
    .go-usercenter a:link, .go-usercenter a:visited, .go-usercenter a:active {
      color: #1387cd;
      text-decoration: none; }
    .go-usercenter a:hover {
      color: #1387cd;
      text-decoration: none; }

.guest-register-container {
  width: 1080px;
  margin: 0 auto; }

.guest-avatar {
  width: 150px;
  height: 200px;
  display: block;
  background: #f7f7f7;
  border: 1px solid #bebebe; }

.required-label:before {
  content: "*";
  color: #f00; }

.uc-left {
  width: 240px;
  flex-shrink: 0; }
  .uc-left .header {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABGBAMAAADSlMzUAAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADXRSTlMAMysKGw0oBiQTHxYPTktkwwAAAsxJREFUSMftlr1vEzEYxt2GkrbpEF+TQEKHXFQVCTFcKQWJiRQEVcKQSimoiIGIwFCWUAYkpoaPqspUPiohlSFBMMFA+RiqLmFAQuo/xfls57Edn8KxIFX8lpwf5/HH+/r1HdGobhRWvxKDkdJm6zsJI7ZAGfcbmnrTZeK0Z/fEm5STU9XrQszYXT+o5A7EIz3xhM0zTsHnnupCvG0xFdGNUdcoyGCvWIfKFiYKmQo7Ol5e/haE4xgXRynj2R4Xc32hCzweC3yNLYWrL5h6tbf4ihkG7D/BH+VIdwmRQ+UN0wNfSxOMn5QjOUIctkS9owQ6IQcY8h9OyvWzmBgmtiMkRzSW1H3M+g1PP3ZiRehnSWmy1UmO+uJFzTQm0oD+LT5j1voXBA/DJHgrpgfMxWKQRWRhwm+1+c+6kPhiJ8UjAtpA2XHTGKYX+U0PNiVCTdi69+czYU9dBGrQnlAYbTN6carFCy1l7Ly2w64tT+tGZfC5cWLFgXQwkjydwFX7ZcEtoYZ5w9NNu8qmxuW0Q7yGUaVEgslTSpnkZXicBq4YbBABE1ONorLZU1qmDqHSLjjnkv9wlj3llNvmA/N0MJJW74z6/pXgN6neRtNvX7sUy9cyBRCmGiQtS0gOmER8QIb0M4FuB/loQm0TC2tYx8C3Bngpup+r4gUhphrEzpsg7p+I5U14yiNhxA/2txv9Yql8g/xbRnZKGwXJ5vs9vp4VX70naF0ORBBbpCZ1j1Rrprhagafq0n4y7yyicw2fChE4zT2PaSSe8vKKSJcXWjSy7MLgzHzcPv+IM3+wKCPTKv+c49za6YmeKM76K/PodAK9ookrC+IjZBbnWrd9sRXrLyZOkSK+ugx2ceuBc8EbvYar1VLKWVPk/3dxI5g0beU6JEzJEFPRNtPwf9NhMU2FmtJzJvPLjCalqYdm1xluishhNdG/gDwpRGbmN3XK1uoFN/IKAAAAAElFTkSuQmCC) 24px 16px no-repeat #56ba36;
    background-size: 96px;
    color: #fff;
    height: 130px;
    position: relative;
    width: 100%;
    padding: 20px; }
    .uc-left .header h2 {
      color: #fff;
      width: 100%;
      margin-bottom: 0; }
    .uc-left .header .logout {
      display: block;
      width: 80px;
      height: 28px;
      line-height: 28px;
      background-color: rgba(255, 255, 255, 0.25);
      color: #fff;
      font-size: 16px;
      text-align: center;
      position: absolute;
      right: 0;
      bottom: 0; }
  .uc-left .nav-list li {
    padding: 15px 0;
    text-align: center;
    background: #e4e4e4;
    border-bottom: 1px solid #fff;
    font-size: 18px; }
    .uc-left .nav-list li.active a:link, .uc-left .nav-list li.active a:visited, .uc-left .nav-list li.active a:active {
      color: #009212;
      text-decoration: none; }
    .uc-left .nav-list li.active a:hover {
      color: #009212;
      text-decoration: none; }

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