.main-body {
  width: 100%;
  height: 100%;
  background: #016496;
  overflow: hidden; }

.layui-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.logo {
  height: 1.85rem;
  padding-top: 0.15rem;
  flex-shrink: 0;
  margin: 0 0.5rem; }
  .logo img {
    width: 100%;
    height: 100%; }

.banner-img {
  flex: 1;
  overflow: hidden; }
  .banner-img .img-box {
    background: red;
    height: 100%; }
  .banner-img img {
    width: 100%;
    height: 100%; }

.footer-box {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin: 0.27rem 0; }

.site, .phone {
  flex: 1; }

.open-btn {
  width: 3.22rem;
  margin: 0 0.64rem;
  flex-shrink: 0;
  height: 1.17rem;
  background-image: url(../../image/button_bg.png);
  background-size: 100% 100%; }

.site {
  font-size: 0.24rem;
  color: #FFFFFF; }
  .site span {
    color: #90BBD1; }

.btn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 0.26rem; }
  .btn img {
    width: 0.4rem;
    height: 0.22rem;
    margin-left: 0.2rem; }
  .btn span {
    letter-spacing: 0.05rem; }

.btn:hover span {
  color: #FFFFFF;
  opacity: 0.8; }

.phone {
  font-size: 0.24rem;
  color: #FFFFFF;
  display: flex;
  justify-content: flex-end; }

.value {
  color: #90BBD1; }