body {
  margin: 0;
  padding: 0;
}
.container-fluid {
  /* border-top: 10px solid #07a9e1; */
  padding: 0;
}
.container-fluid .main {
  width: 1050px;
  max-width: 100%;
  margin: 0 auto;
}
.container-fluid .main .header {
  height: 153px;
  background-image: url(../img/hbg.2d7f9901.png);
  background-repeat: repeat-y;
  background-position: top;
  background-color: #fefefe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 5px solid #07a9e1;
}
.container-fluid .main .header .logo {
  height: 130px;
  width: 250px;
  text-align: center;
}
.container-fluid .main .header .name {
  max-width: 100%;
  width: 100%;
}
.container-fluid .main .header .social {
  height: 100%;
  width: 120px;
  margin-right: 10px;
  padding-top: 5px;
  text-align: right;
}
.container-fluid .main .header .social i {
  margin: 0 4px;
  -webkit-box-shadow: 2px 1px 10px 1px #ccc;
  box-shadow: 2px 1px 10px 1px #ccc;
  font-size: 24px;
  cursor: pointer;
}
.container-fluid .main .header .social i.fa-facebook-square {
  color: #4267b2;
}
.container-fluid .main .header .social i.fa-youtube-square {
  color: red;
}
.container-fluid .main .header .social i.fa-phone-square-alt {
  color: green;
}
.container-fluid .main .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.container-fluid .main .content .l-content {
  width: 440px;
}
.container-fluid .main .content .l-content .now-result {
  /* border: 3px solid #07a9e1; */
  padding: 0px;
  background-color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAE7CAIAAACkCuS8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzMUYwOUZBQjhBMDExRUFCMjM5ODUyMUUyM0U4MTdEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzMUYwOUZCQjhBMDExRUFCMjM5ODUyMUUyM0U4MTdEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDMxRjA5RjhCOEEwMTFFQUIyMzk4NTIxRTIzRTgxN0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDMxRjA5RjlCOEEwMTFFQUIyMzk4NTIxRTIzRTgxN0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6HEVaZAAAEUElEQVR42uzdwW3DMBBFQSdQ/y0rDYiHADTsfZwpIYeHBfHl/Nz3/QKg5RJ3gJ5ffwIAcQdA3AEQdwDEHQBxBxB3AMQdAHEHQNwBEHcAcQcgxw+HAbjcARB3AMQdAHEHQNwBxB0AcQdA3AEQdwDEHUDc/QkAevy2DIDLHQBxB0DcARB3AMQdQNwBEHcAxB0AcQfgf3yhCuByB0DcARB3AMQdAHEHEHcAxB0AcQfgra7Xy0dMALm4+0AVoMezDIC4AyDuAIg7AOIOgLgDiDsAg/lPTAAudwDEHQBxB0DcARB3AHEHQNwB+Cb+WQdAMe6+YQLo8SwDIO4AiDsA4g6AuAMg7gDnsHMHKMbdzh2gx7MMgLgDIO4AiDsA4g6AuAOcw84doBh3O3eAHs8yAOIOgLgDIO4AiDsA4g5wjuu2hQRwuQMg7gCIOwDiDoC4A4g7AGP5yV+AYtzN3AF6PMsAiDsA4g6AuAMg7gAsmEICFONuCgnQ41kGQNwBEHcAxB0AcQdgwRQSoBh3U0iAHs8yAOIOgLgDIO4AiDsAC6aQAMW4m0IC9HiWARB3AMQdAHEHQNwBWDCFBCjG3RQSoMezDIC4AyDuAIg7AHtYywAU424tA9DjWQZA3AEQdwDEHQBxB2DBFBKgGHdTSIAezzIA4g6AuAMg7gCIOwALppAAxbibQgL0eJYBEHcAxB0AcQdgD2sZgGLcrWUAejzLAIg7AOIOgLgDIO4ALJhCAhTjbgoJ0ONZBkDcARB3AMQdgD2sZQCKcbeWAejxLAMg7gCIOwDiDoC4A7BgCglQjLspJECPZxkAcQdA3AEQdwD2sJYBcLkDMOJyN4UEcLkDIO4AiDsA4g7AM1NIgGLcrWUAejzLAIg7AOIOgLgDIO4ALJhCAhTjbgoJ0ONZBkDcARB3AMQdgD2sZQBc7gCMuNxNIQFc7gCIOwDiDoC4A/DMFBLA5Q7AiMvdFBLA5Q6AuAMg7gCIOwDPTCEBXO4AjLjcTSEBXO4AiDsA4g6AuAPwzBQSwOUOwIjL3RQSwOUOgLgDIO4AiDsAz0whAVzuAIy43E0hAVzuAIg7AOIOgLgD8MwUEsDlDsCIy90UEsDlDoC4AyDuAIg7AOIOcAw7dwCXOwAjLnc7dwCXOwDiDoC4AyDuAIg7wDHs3AFc7gCMuNzt3AFc7gCIOwDiDoC4AyDuAMewcwdwuQMw4nK3cwdwuQMg7gCIOwDiDoC4AxzDzh3A5Q6AuAPwET5iAnC5AyDuAIg7AOIOgLgDnMNHTAAudwDEHYCP8BETgMsdAHEHQNwBEHcAxB3gHD5iAnC5AyDuAHyEj5gAXO4AiDsA4g6AuAMg7gDiDsBgvlAFcLkDIO4AiDsAe/j5AQCXOwDiDoC4AyDuAIg7gLgDIO4AfBO/LQPgcgdA3AEQdwD28NsyAC53AMQdAHEHQNwBEHcAcQdA3AEQdwDeyg+HAbjcAZjgT4ABAKGYe48fF3/6AAAAAElFTkSuQmCC);
  background-repeat: repeat-x;
  background-position: bottom;
  margin-bottom: 10px;
}
.container-fluid .main .content .l-content .now-result h2 {
  text-align: center;
  font-size: 1.3rem;
  margin-top: 10px;
}
.container-fluid .main .content .l-content .now-result h1 {
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: 5px;
}
.container-fluid .main .content .l-content .now-result h3 {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
}
.container-fluid .main .content .l-content .now-result .table {
  background-color: #fff;
  text-align: center;
  margin-bottom: 0;
}
.container-fluid .main .content .l-content .now-result .table tr td {
  padding: 5px;
  font-size: 1.5rem;
  border: 2px solid #dee2e6;
}
.container-fluid .main .content .l-content .l-bolck {
  margin-bottom: 10px;
  border: 1px solid #eee;
  background-color: #fff;
}
.container-fluid .main .content .l-content .l-bolck .banner img {
  width: 100%;
  max-width: 100%;
}
.container-fluid .main .content .r-content {
  width: calc(100% - 392px);
  margin-left: 10px;
}
.container-fluid .main .content .r-content h2 {
  text-align: center;
  font-size: 1.5rem;
  /* border: 3px solid #07a9e1; */
  padding: 3px;
}
.container-fluid .main .content .r-content .table tr td {
  padding: 5px;
  text-align: center;
}
.container-fluid .main .content .r-content .banner {
  margin-bottom: 10px;
}
.container-fluid .main .content .r-content .banner img {
  width: 100%;
  max-width: 100%;
}
.container-fluid .main .content-b {
  margin-right: -5px;
  margin-left: -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.container-fluid .main .content-b .banner {
  width: 33.3%;
  padding: 5px;
}
.container-fluid .main .content-b .banner img {
  max-width: 100%;
  border: 1px solid #eee;
}
.container-fluid .main .footer {
  margin-top: 15px;
  text-align: center;
  background-color: #07a9e1;
  padding: 10px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .container-fluid .main .header {
    height: 100px;
  }
  .container-fluid .main .header .logo {
    height: 100px;
    width: 180px;
  }
  .container-fluid .main .header .logo img {
    height: 80px;
    margin-top: 10px;
  }
  .container-fluid .main .header .name img {
    height: 60px;
  }
  .container-fluid .main .header .social i {
    font-size: 20px;
  }
  .container-fluid .main .content .r-content div {
    margin: 0 5px;
  }
  .container-fluid .main .content {
    display: block;
  }
  .container-fluid .main .content .l-content {
    width: 100%;
  }
  .container-fluid .main .content .r-content {
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 500px) {
  .container-fluid .main .header {
    height: 80px;
  }
  .container-fluid .main .header .logo {
    height: 80px;
    width: 120px;
  }
  .container-fluid .main .header .logo img {
    height: 60px;
    margin-top: 10px;
  }
  .container-fluid .main .header .name img {
    width: 280px;
    height: auto;
  }
  .container-fluid .main .header .social {
    display: none;
  }
  .container-fluid .main .content .r-content table.table {
    font-size: 15px;
  }
  .container-fluid .main .content .r-content h2 {
    margin: 10px 0;
    border: 0;
  }
  .container-fluid .main .content-b {
    display: block;
    padding: 0 10px;
  }
  .container-fluid .main .content-b .banner {
    width: 100%;
  }
}