.common-layer {
    position: fixed;

    top:0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.8);

    display: none;

    z-index: 10000;
 }

 .common-layer .inner {
      position: fixed;
      top:50%;
      left: .666667rem;
      right:  .666667rem;
      
      min-height: 4rem;

      background-color: #fff;

      transform:translateY(-50%);

      border-radius:  .533333rem;
 }

 .common-layer .inner main {
    min-height:  2.666667rem;


    font-size:  .426667rem;
    color:#333;

    display: flex;
    display: -webkit-flex;
    
    align-items: center;
    justify-content: center;
 }

 .common-layer .inner p {
     padding: 0 .4rem;
 }

 .common-layer footer {
     height:  1.333333rem;
     text-align: center;

    
     line-height: 1.333333rem;

     background-color: #FAFAFA;

     border-radius:  0 0 .533333rem .533333rem;

     position: relative;

 }

 .common-layer footer::after {
     position: absolute;

     content: '';

     height: 1px;
     left: 0;
     top:0;
     width: 100%;

     background-color: #E5E5E5;

     transform: scaleY(0.5);
     -webkit-transform:scaleY(0.5);
 }

 .common-layer footer a {
     font-size:  .48rem;
     color:#1384FF;
     text-decoration: none;
 }

 .common-layer img {
     position: absolute;
 }