.index-wrap{
  width: 100%;
  position: relative;
    div{
      width: 100%;
      img{
          width: 100%;
          display: block;
      }
    }
    .wrap-join{
        height: 72.5px;
        background: url(../img/img4.png) no-repeat center center;
        background-size: 100% 100%; 
        margin-bottom: -.5px;
        .wrap-count{
            width: 325px;
            height: 72.5px;
            display: flex;
            margin: 0 auto;
            h1{
                margin-top: 9px;
                font-size:23px;
                font-weight:700;
                color:rgba(255,255,255,1);
                line-height:32.5px;
                text-align: center;
            }
            h5{
                font-size:14px;
                font-weight:400;
                color:rgba(255,255,255,0.59);
                line-height:20px;
                text-align: center;
            }
        }
    }
    .btn-app-share{
        .btn-img{
            width: 312px;
            height: 51.5px;
            margin: 0 auto;
        }
    }
    .btn-appoint{
        height: 96px;
        background: url(../img/img5.png) no-repeat center center;
        background-size: 100% 100%; 
        margin-bottom: -.5px;
        img{
            padding-top: 15px;
        }
        .seted-btn{
          width: 312px;
          margin: 0 auto;
        }
        .appoint-time{
            margin-top: 5px;
            text-align: center;
            font-size:12px;
            color:rgba(237,90,44,1);
            line-height:16.5px;
        }
    }
    .btn-share{
      width: 100%;
      position: relative;
      .btn-share-bg{
        width: 100%;
      }
      .btn-share-click{
        width: 312px;
        position: absolute; 
        left: 50%;
        -webkit-transform: translateX(-50%);
        bottom: 18%;
      }
    }
    .rule-show{
        background:rgba(254,124,86,1);
        .bird{
            width: 22.5px;
            height: 28.5px;
            margin: 0 auto;
            padding: 24px 0;
        }
        .rule-bg{
            width:92%;
            margin:0 auto;
            box-sizing: border-box;
            background:rgba(236,107,69,1);
            border-radius:12px;
            padding: 15px;
            section{
                h1{
                    font-size:16px;
                    font-weight:700;
                    color:rgba(255,234,136,1);
                    line-height:18px;
                    margin-bottom: 12px;
                }
                p{
                    font-size:14px;
                    font-weight:500;
                    color:rgba(255,246,202,1);
                    line-height:19px;
                    margin-bottom: 9px;
                    span{
                       font-weight:700; 
                    }
                }
            }
            .margin-top-20{
                margin-top: 20px;
            }
            .line{
                margin-top: 20px;
                width:309.5px;
                height:.5px;
                background: #FFF6CA;
            }
            .btn-rule{
                width: 110px;
                // height: 15px;
                font-size:15px;
                color:rgba(255,255,255,1);
                line-height:15px;
                margin: 0 auto;
                padding: 16.5px 0 1.5px 0;
                img{
                    width: 7px;
                    height: 12px;
                    display: inline;
                    vertical-align: middle;
                    padding-left: 5px;
                }
            }
        }
    }
    .fix-btn{
        width: 100%;
        height: 50px;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 10;
        background: #fff;
        div{
            width: 345px;
            height: 40px;
            background:linear-gradient(270deg,rgba(255,88,36,1) 0%,rgba(254,163,86,1) 100%);
            border-radius:20px;
            margin: 5px auto 0 auto;
            font-size:15px;
            color:rgba(255,255,255,1);
            line-height:40px;
            text-align: center;
        }
    }
    .abs-btn{
        width: 69px;
        height: 25px;
        position: absolute;
        right: 0;
        top: 260px;
        img{
            width: 69px;
            height: 25px;
        }
    }
}
.padbtm50{
    padding-bottom: 50px;
}