.index-wrap{
    div{
        width: 375px;
        img{
            width: 375px;
            display: block;
        }
    }
    .wrap-join{
        height: 72.5px;
        background: url(../img/img4.png) no-repeat center center;
        background-size: 100% 100%; 
        .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{
        img{
            width: 312px;
            height: 51.5px;
            margin: 0 auto;
        }
    }
    .btn-appoint{
        height: 94.5px;
        background: url(../img/img5.png) no-repeat center center;
        background-size: 100% 100%; 
        img{
            padding-top: 15px;
        }
        .appoint-time{
            margin-top: 5px;
            text-align: center;
            font-size:12px;
            color:rgba(237,90,44,1);
            line-height:16.5px;
        }
    }
    .btn-share{
        height: 166px;
        background: url(../img/img11.png) no-repeat center center;
        background-size: 100% 100%; 
        img{
            padding-top: 81px;
        }
    }
    .rule-show{
        background:rgba(254,124,86,1);
        .bird{
            width: 22.5px;
            height: 28.5px;
            margin: 0 auto;
            padding: 24px 0;
        }
        .rule-bg{
            width:345px;
            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: 90px;
                height: 15px;
                font-size:15px;
                color:rgba(255,255,255,1);
                line-height:15px;
                margin: 0 auto;
                padding: 16.5px 0 1.5px 0;
            }
        }
    }
    .fix-btn{
        width: 375px;
        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;
        }
    }
}
