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

}
input{
    padding: 0 ;
    margin: 0 ;
    border: none ;
    background: transparent;
}

a {
    text-decoration: none;
}

b {
    margin-top: 2px;
}

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: #F7F7F7;;
    box-sizing: border-box;
    font-family: "SimHei", Arial, sans-serif;
}

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: 111px;
    position: fixed;
  padding-top: 6px;
    bottom: 0;
    background: url("../images/bg.png") no-repeat center;
    background-size: 100% 100%;
    box-sizing: border-box;
    z-index: 100;
    display: flex;
    justify-content: center;padding-top: 20px;box-sizing: border-box;
}

.bottom ul {
    width: 100%;
    height: 80%;
    box-sizing: border-box;
    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;
}
.bottom ul li:nth-child(1) {
    margin-top: -34px;
}
.bottom ul li:nth-child(1) img{
    width: 77px;height: 77px;
}
.bottom ul li:nth-child(1) p{
margin-top: -11px;
}
.bottom ul li.active p {
    font-weight: bold;
    color: #161C34;
}

.bottom ul li img {
    width: 31px;
    height:31px;
    margin-bottom: 6px;
}
/* .bottom ul li:nth-child(1) img{
    margin-right: 1px;
} */
.bottom ul li:nth-child(2) img{
    margin-right: 1px;
}
.bottom ul li:nth-child(4) img{
    margin-right: 3px;
}

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

 .backbox {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    /* background: #CF1E0A; */
    position: fixed;
    z-index: 100;

}
.backbox.bg{
    background: rgba(207, 30, 10, 1);
}

.backbox .back {
    display: flex;
    align-items: center;
}

.backbox .back img {
    width: 25px;
}

 .backbox .back p {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 1;
    margin-top: -2px;
}
.backbox>div {
    display: flex;
    align-items: center;
}

.backbox>div:first-child {
    color: #666666;
    font-size: 14px;
    text-wrap: nowrap;
}

.backbox>div:last-child {
    color: #666666;
}
.back p{
    text-wrap: nowrap !important;
}



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

#draggable-icon img {
    width: 46px;
    height: 46px;
    margin: 0 10px;
    margin-right: 5px;
}

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


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

.caozuoimg {
    width: 100%;
}

label {
    /* width: 100%; */
}

.daodi {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px !important;
    color: #9E9E9E !important;
}
.index_bottom img{
    width: 47px !important;
    height: 31px;
}


.layui-layer-content{
    background: rgba(22,28,52,0.8);
    border-radius: 15px;
}
.layui-layer-hui{
    border-radius: 15px;
    background: transparent !important;
}