html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-size:14px;background-color:white;font-family:"Microsoft YaHei","宋体", Arial, "新宋体";}
*{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;color:inherit;}
/* 修改滚动条轨道的样式 */
::-webkit-scrollbar {
width:5px;
}

/* 修改滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,0.2);
border-radius:10px;
}

/* 修改滚动条轨道的背景色 */
::-webkit-scrollbar-track {
background-color:none;
}

/* 修改滚动条轨道的样式 */
::-ms-scrollbar {
width:10px;
}

/* 修改滚动条滑块的样式 */
::-ms-scrollbar-thumb {
background-color:#333;
border-radius:10px;
}


/* 放大缩小动画定义 */
@keyframes pulse {
    0% {
        transform: translate(-50%,0) scale(1);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        font-size:14px;
    }
    50% {
        transform: translate(-50%,0) scale(1.02);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
        font-size:15px;
    }
    100% {
        transform: translate(-50%,0) scale(1);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        font-size:14px;
    }
}    





.containView_ht{display:none;width:100%;height:100%;overflow:hidden;background:#222222;}

.mainView_pc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:90%;overflow:hidden;}
.mainView_mb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;height:95%;overflow:hidden;}

.mainView_ht_pc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:100%;overflow:hidden;}
.mainView_ht_mb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;overflow:hidden;}

.mainViewTop_qd{position:relative;margin-bottom:5px;width:100%;height:35px;line-height:35px;text-align:center;font-size:14px;font-weight:bold;background:white;border-radius:15px;}
.mainViewTop_ht{position:relative;width:100%;height:35px;line-height:35px;text-align:center;font-size:14px;font-weight:bold;background:white;}
.rankList{width:100%;height:calc(100% - 35px);overflow-x:hidden;overflow-y:auto;}
.rankList1{width:100%;height:calc(100% - 85px);padding-bottom:50px;overflow-x:hidden;overflow-y:auto;}

.linkView{position:absolute;bottom:5px;left:50%;transform:translate(-50%,0);max-width:calc(100% - 20px);padding:10px;background:linear-gradient(to right,#D5A2CF,#8341ED);color:white;font-size:14px;font-weight:bold;text-align:center;border-radius:20px;white-space: nowrap;overflow: hidden;animation: pulse 3s ease-in-out infinite;}


.floatView{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:hidden;}
input{height:20px;line-height:20px;padding:5px 10px;font-size:14px;border-radius:2px;border:1px solid #ccc;overflow:hidden;}
.addBtn{position:absolute;top:2px;left:5px;width:30px;height:30px;border-radius:5px;cursor:pointer;}
.menuBtn{position:absolute;top:2px;right:5px;width:30px;height:30px;border-radius:5px;cursor:pointer;}

.dealView{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;padding:10px;height:auto;background:white;border-radius:15px;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.1);text-align:center;}
.floatViewTop{height:auto;line-height:30px;font-size:15px;font-weight:bold;}
.dealViewItem{height:40px;line-height:40px;border-top:1px solid #ccc;}

.addDataView{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;padding:10px;height:auto;background:white;border-radius:15px;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.1);text-align:center;}
.floatViewBottom{margin:10px 0;width:100%;height:auto;}

.logoutView{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;padding:10px;height:auto;background:white;border-radius:15px;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.1);text-align:center;}
.menuView{position:absolute;top:40px;right:10px;width:120px;padding:5px;height:auto;background:white;border-radius:10px;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.1);text-align:center;}
.deleteDataView{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;padding:10px;height:auto;background:white;border-radius:15px;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.1);text-align:center;}
.logout{float:left;margin:0 10%;width:30%;height:30px;line-height:30px;color:white;background:black;color:white;border-radius:5px;}
.editInfo{float:left;margin:0 10%;width:30%;height:30px;line-height:30px;color:white;background:royalblue;color:white;border-radius:5px;}
.closeFloatView{float:left;margin:0 10%;width:30%;height:30px;line-height:30px;color:white;background:#f1f1f1;color:black;border-radius:5px;}
.menuViewItem{height:35px;line-height:35px;border-top:1px solid #ccc;}
.deleteData{float:left;margin:0 10%;width:30%;height:30px;line-height:30px;color:white;background:#4040c0;color:white;border-radius:5px;}
.editDataView{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;padding:10px;height:auto;background:white;border-radius:15px;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.1);text-align:center;}
.editData{float:left;margin:0 10%;width:30%;height:30px;line-height:30px;color:white;background:#4060ff;color:white;border-radius:5px;}
.addData{float:left;margin:0 10%;width:30%;height:30px;line-height:30px;color:white;background:#00c060;color:white;border-radius:5px;}
.editInfoView{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;padding:10px;height:auto;background:white;border-radius:15px;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.1);text-align:center;}
.loginView{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:5px;width:300px;height:auto;text-align:center;}
.login{margin:15px auto;width:100px;height:30px;line-height:30px;text-align:center;color:white;background:#008060;border-radius:10px;}

.closeFloatView:hover,.editData:hover,.addData:hover,.deleteData:hover,.editInfo:hover,.logout:hover,.login:hover{background:grey;color:white;cursor:pointer;user-select:none;}
.dealViewItem:hover,.menuViewItem:hover{background:rgba(0,0,0,0.1);cursor:pointer;user-select:none;}