.miao-popover {
    position: fixed;
    z-index: 9999;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;




    &__modal {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        max-width: 84%;
        min-width: 78%;
        overflow: hidden;
    }


    &__container {
        position: fixed;
        width: 100%;

        height: 100%;
        top: 0;
        bottom: 0;


        .toast {
            border-radius: 15Px !important;
            background-color: rgba(0, 0, 0, 0.5);
            color: #FFF !important;

            width: auto;
            max-width: 80%;
            min-width: auto;
            padding-left: 10Px;
            padding-right: 10Px;
            word-wrap: break-word;


            &.bottom {
                bottom: -35%;
            }

            .modal-content {
                padding: 5Px !important;
            }

        }



        .loading {
            background-color: rgba(0, 0, 0, 0.6);
            color: #FFF !important;

            width: 100Px;
            height: 100Px;
            min-width: unset;
            max-width: unset;
            padding: 10Px;

        }


        &.iOS {


            .miao-popover__modal {
                border-radius: 6Px;
            }

            text-align: center;

            .modal-title {
                padding: 10Px 10Px 0 10Px;
            }

            .modal-content {
              //  padding: 10Px;
            }

            .modal-footer {
                display: flex;
                border-top: 2Px #F5F5F5 solid;

                .action {
                    padding: 10Px;
                    flex: 1;
                    border-right: 1Px #e5e5e5 solid;


                    &:last-child {
                        border-right: none;
                    }
                }

            }
        }

        &.AndroidOS,
        &.WindowsPhoneOS {

            text-align: left;

            .miao-popover__modal {
                border-radius: 3Px;
            }

            .modal-title {
                padding: 10Px 10Px 0 10Px;
            }

            .modal-content {
                padding: 10Px;
            }

            .modal-footer {
                display: flex;
                justify-content: flex-end;
                align-items: flex-end;
                padding: 10Px;

                .action {
                    padding-left: 10Px;

                }

            }

        }


        &.shade {
            pointer-events: all;
            background: rgba(0, 0, 0, 0.1);
        }






        &.position {


            &-top,
            &-bottom {
                display: flex;
                justify-content: center;

                .miao-popover__modal {
                    width: 100%;
                    max-width: 100%;
                    min-width: 100%;
                    border-radius: 0;
                }

            }


            &-top {
                align-items: flex-start;
            }


            &-default {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            &-bottom {
                align-items: flex-end;
            }

        }



    }
}