#root {
    overflow: hidden!important;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/
    position: relative;
    height: 100%;
}
div{
    touch-action: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


::-webkit-scrollbar {
    background: transparent;
    width:0;
    height:0;
}
.hide{
    display: none!important;
}
.disappear{
    opacity: 0!important;
}
.page{
    position: relative;
    width: 100%;
    height: 100%;
}
body,.ant-modal-mask , .ant-modal-wrap ,.totalClass,.storeManagerQrcodeComponent,.pageContainer{

}

.troubleSwiperContainer .swiper-slide , .productPostionContainer .swiper-slide,.damageSwiperContainer .swiper-slide , .editProblemSwiperContainer .swiper-slide{
    width: auto!important;
}

.commonPage{
    width: 90%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    transform: translateX(5%);
}
.commonPage .pageTitle{
    width: 100%;
    background: #e0e0e0;
    /* border: 2px solid #e5e5e5; */
    line-height: 100px;
    white-space: nowrap;
    margin: 50px 0;
    position: relative;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.commonPage .pagebox{
    flex: 1;
    width: 100%;
    /*position: relative;*/
    overflow: hidden;
}