高清屏1px边框

[HuarenYu]

.border {
    background-image:linear-gradient(180deg, #cbcbcb 50%, transparent 50%),
    linear-gradient(270deg, #cbcbcb 50%, transparent 50%),
    linear-gradient(0deg, #cbcbcb, #cbcbcb 50%, transparent 50%),
    linear-gradient(90deg, #cbcbcb 50%, transparent 50%);
    background-size: 100% 1px,1px 100% ,100% 1px, 1px 100%;
    background-repeat: no-repeat;
    background-position: top, right top,  bottom, left top;

}
.J_HAD_COUPON {
    color: #A5A5A5;
    &::after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      border-style: solid;
      border-width: 1px;
      border-color: #CCCCCC;
      pointer-events:none;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      border-radius: 40px;
      -webkit-border-radius: 40px;
    }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
      &::after{
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
      }
    }
    @media (-webkit-device-pixel-ratio: 1.5) {
      &::after {
        width: 150%;
        height: 150%;
        -webkit-transform: scale(.6666);
        transform: scale(.6666);
      }
    }
    @media (-webkit-device-pixel-ratio: 3) {
      &::after {
        width: 300%;
        height: 300%;
        -webkit-transform: scale(.3333);
        transform: scale(.3333);
      }
    }
  }