peko-h5/view/peko/homeCheck/css/index.css

@charset "UTF-8";
body,
html {
  width: 100%;
  height: 100%;
  font-family: "Heiti SC", "Microsoft Sans Serif"; }

.container {
  position: relative; }

.homePc {
  width: 100%;
  height: 10.8rem;
  background: url(../images/homePc.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  overflow: hidden; }
  .homePc .logo {
    width: 2.35rem;
    height: 0.8rem;
    position: absolute;
    top: 0.36rem;
    left: 2.4rem; }
  .homePc .name {
    font-size: 0.3rem;
    color: #282828;
    font-weight: 600;
    position: absolute;
    top: 0.55rem;
    left: 3.22rem; }
  .homePc .charge {
    font-size: 0.32rem;
    color: #282828;
    font-weight: 600;
    position: absolute;
    right: 4.24rem;
    top: 0.5rem; }
  .homePc p {
    font-size: 0.32rem;
    color: #282828;
    font-weight: 600;
    position: absolute;
    right: 3.95rem;
    top: 0.5rem; }
  .homePc .zhichi {
    font-size: 0.3rem;
    color: #282828;
    font-weight: 600;
    position: absolute;
    right: 2.4rem;
    top: 0.5rem; }
  .homePc .swiper {
    width: 12.6rem;
    height: 9.55rem;
    margin: 1.25rem 0 0 4.1rem;
    position: relative;
    overflow-y: hidden; }
    .homePc .swiper .swiper-wrapper {
      width: 10.8rem;
      height: 100%;
      /*先去掉前进后退按钮默认样式*/
      --swiper-navigation-size:0; }
      .homePc .swiper .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%); }
    .homePc .swiper .swiper-pagination {
      width: 0.63rem;
      height: 2.07rem;
      background-color: rgba(0, 0, 0, 0.4);
      border-radius: 0.4rem;
      position: absolute;
      top: 3.5rem;
      right: 0rem; }
      .homePc .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 0.22rem !important;
        height: 0.22rem !important;
        background: none !important;
        background-image: url(../images/li.png) !important;
        background-size: 100% 100% !important;
        opacity: 1 !important;
        margin: 0.35rem auto; }
      .homePc .swiper .swiper-pagination .swiper-pagination-bullet-active {
        background: none !important;
        background-image: url(../images/li_active.png) !important;
        background-size: 100% 100% !important;
        opacity: 1 !important; }

.eori {
  width: 100%;
  background: #30312C;
  color: white;
  padding: 0.2rem 0;
  vertical-align: top; }
  .eori .recordfoot {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.1rem; }
    .eori .recordfoot .record {
      display: inline-block;
      padding-right: 0.0533333333rem;
      height: 0.16rem;
      width: 0.15rem; }
    .eori .recordfoot a {
      font-size: 0.2rem;
      color: #fff; }
  .eori .gongsi {
    display: flex;
    justify-content: center;
    text-align: center; }
    .eori .gongsi p {
      font-size: 0.2rem; }
      .eori .gongsi p:nth-child(2) {
        margin: 0 0.2rem; }

.service {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: none; }
  .service .service_in {
    width: 8.23rem;
    height: 4.9rem;
    background: #FFFFFF;
    border-radius: 0.5rem;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden; }
    .service .service_in .close {
      width: 0.5rem;
      height: 0.5rem;
      position: absolute;
      top: 0.35rem;
      right: 0.4rem; }
    .service .service_in .title {
      width: 100%;
      font-size: 0.48rem;
      color: #2D2727;
      font-weight: 600;
      text-align: center;
      margin: 0.35rem 0; }
    .service .service_in .subhead {
      width: 100%;
      font-size: 0.24rem;
      color: #2D2727;
      font-weight: 600;
      text-align: center;
      margin-bottom: 0.5rem; }
    .service .service_in .con {
      width: 100%;
      height: 2.6rem;
      display: flex;
      justify-content: space-evenly;
      align-items: center; }
      .service .service_in .con div {
        flex: 1;
        font-size: 0.2rem;
        text-align: center; }
      .service .service_in .con .left {
        border-right: 1px solid #F0F0F0; }
        .service .service_in .con .left p e {
          display: inline-block;
          width: 0.25rem;
          height: 0.25rem;
          line-height: 0.25rem;
          text-align: center;
          border-radius: 50%;
          background-color: #ffe710; }
        .service .service_in .con .left img {
          width: 3rem;
          height: 1.7rem;
          margin-top: 0.38rem; }
      .service .service_in .con .right p e {
        display: inline-block;
        width: 0.25rem;
        height: 0.25rem;
        line-height: 0.25rem;
        text-align: center;
        border-radius: 50%;
        background-color: #ffe710; }
      .service .service_in .con .right img {
        width: 1.68rem;
        height: 1.68rem;
        margin-top: 0.38rem; }

.toast {
  background: rgba(0, 0, 0, 0.9);
  border-radius: 10px;
  width: 100px;
  font-size: 16px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: none;
  z-index: 9; }

.tips {
  display: none;
  position: fixed;
  top: 0;
  right: 0.2666666667rem;
  width: 6.1333333333rem;
  z-index: 9; }

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