/*第一条利用通用符选择器清零；第二条提高浏览器兼容性问题而做出body清零*/
*{margin:0px; padding:0px; font-family:"微软雅黑";letter-spacing: 0.01em; }
html,body{height:100%; width: 100%; margin:0px; padding:0px; margin:0px; font-size: 16px }
/*A标签点击后出现虚线框清零*/
a:focus{outline:none;TEXT-DECORATION:none}
a:link{text-decoration:none; color:#333}
a:visited{text-decoration:none; color:#333 }
p{padding:0px; margin:0px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
img{border:none; }
li{list-style:none}

.btn{cursor: pointer}
.text-justify{text-align: justify;}
.myInput{height: 2.8em;}
/*滚动条样式*/
*::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
*::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
    display: none;
}
*::-webkit-scrollbar-corner {
    background-color: transparent;
}
*::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    height: 6px;
    border-radius: 25px;
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.1);
}


/*要让图片高度填满居中，并允许两边切割*/
.img-container {
    width: 100%; /* 可以根据需要调整容器的宽度 */
    height: 100%; /* 设置容器的高度 */
    overflow: hidden; /* 隐藏溢出的部分 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.img-container img {
    object-fit: cover; /* 使用cover来保持宽高比并填满容器 */
    width: 100%;
    height: 100%;
}