@import "../../res.less";


.longImgPop {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0px;
  top: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;

  .mainImg {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
  }

  .back_home {
    position: fixed;
    left: 12px;
    top: 109px;
    width: 64px;
    height: 64px;
    .sparkBg("common/back.png");
  }

  .countdown {
    width: 100px;
    height: 63px;
    text-align: center;
    position: fixed;
    left: 0;
    top: 244px;
    color: #fff;
    border: 2px solid rgb(255, 255, 255);
    border-left: none;
    border-radius: 0 21px 21px 0;
    background-color: rgba(70, 0, 0, 0.302);
    box-shadow: inset 0.707px 0.707px 2px 0px rgba(225, 253, 255, 0.83);
    font-size: 37px;
    text-align: center;
    line-height: 63px;
    box-sizing: border-box;
  }

  .service_btn {
    right: 0;
    top: 900px;
    width: 146px;
    height: 159px;
    position: fixed;
    .sparkBg("homePage/1v1.png");
    transform-origin: 100% 0;
  }

}
