* {
    touch-action: none;
}
body{
    background-color: #F7F7F7;
    overflow: hidden;
}
.mui-bar{
    background-color: #FFFFFF;
    bottom: -1px;
}
.mui-content{
    background-color: #F7F7F7;
}
.mui-bar-tab{
    box-shadow: 0px -2px 10px 0px rgba(94, 94, 94, 0.15) !important;
}
.mui-icon-top{
    top: 0!important;
}
.mui-icon-top img{
    width: 24px;
    height: 24px;
}
.mui-extrude-white{
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    bottom: 0px;
    transform: translate(-50%,-50%);
    left: 50%;
}
.mui-extrude-gray{
    width: 40px;
    height: 40px;
    background: #D6DCE9;
    margin: 5px auto;
    border-radius: 50%;
    text-align: center;
}
.mui-extrude-gray img{
    width: 24px;
    height: 24px;
    margin-top: 8px;
}