* {
    margin: 0;
    padding: 0;
    list-style: none;

}

a{
    text-decoration: none;
}
body {
    width: 100%;
    /* background-color: #2c2929; */
    -webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Standard syntax */
    background: #F9F9F9;
}

div {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

button {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 移除点击时的灰色背景 */
    tap-highlight-color: rgba(0, 0, 0, 0); /* 移除点击时的灰色背景（备用） */

}
input{
    outline:none;
    border: none;
    background: transparent !important;
    user-select: none;
}

img {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
 
        -webkit-user-select: none; /* Chrome, Safari, Opera */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Standard syntax */
        user-drag: none; /* 禁止图片拖动 */
        -webkit-user-drag: none;

}

a {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

.bottom{
    width: 100%;
    height: 80px;
    position: fixed;
    bottom: 0;
    background: #FFFFFF;
    box-shadow: 0px -4px 10px 0px #ECF2FF;
    border: 0px solid #D8D8D8;
    box-sizing: border-box;
    z-index: 100;
    display: flex;
    justify-content: center;
    
}

.bottom .checked{
    width:14vw;
    position: absolute;
    top: -4.2vw;
    z-index: -2;
    left: 50%;
    transform: translateX(-50%);
    
}
.bottom ul {
    width:94%;
    height:80%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;


}
.bottom ul li {
    width: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.gz img{
    width: 61px !important;
    height: 61px !important;
    margin-top: -34px;
}
.gz p{
    margin-top: -4px;
}
.bottom ul li.active p{
   color: #2461EE; 
}
.bottom ul li img{
    width: 24px;
    height:24px;
    margin-bottom: 4px;
}

.bottom ul li p {
    font-size: 14px;
    font-weight: 400;
    color: #999999c9;
}


.backbox{
    width: 100%;
    height: 45px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    /* background: rgba(255,255,255,0.96); */
    background: rgba(255,255,255,1);

    display: flex;
    justify-content: space-between;
    padding: 0 2vw;
    box-sizing: border-box;
}
.backbox>div{
    display: flex;
    align-items: center;
}
.backbox>div img{
    height:13px;
    margin-right: 2px;
}
.backbox>div:first-child{
    color: #666666;
    font-size: 14px;

}
.backbox>div:last-child{
    color: #666666;
}




#draggable-icon {
    width: 76px;
    border-radius: 50%;
    opacity: 1;
    position: fixed;
    top:55%;
    left: 0;
    cursor: move;
    z-index: 999;
    pointer-events: all;
}

#draggable-icon img {
    width: 76px;
    height: 76px;
    border-radius: 50%;
}
#draggable-icon img:nth-child(2) {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    margin-top: -10px;
}


.upwarp-nodata{
    font-size: 14px !important;
color: #9E9E9E !important;
}

.caozuoimg{
    width: 100%;
}
label{
    width: 100%;
}