*, body, html {
    margin: 0;
    padding: 0;
    /* color: #333; */
}
body {
  font-size: 0.14rem; 
}

html, body {
  height: 100% !important;
  overflow: hidden !important;
  position: fixed !important;
  width: 100% !important;
}

p {
    margin: 0;
}

a, a:hover, a:visited {
    text-decoration: none;
    display: inline-block;
    color: #333;
}

/* 去掉所有a标签点击时的蓝色背景/高亮 */
a {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    outline: none !important;
}

/* 额外：去掉点击后的虚线框（部分浏览器） */
a:focus, a:active {
  outline: none !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus {
    outline: none;
}

/* 谷歌、Edge、Safari 等浏览器 */
input::-webkit-input-placeholder {
    color: #9b9b9c;
}
/* 火狐浏览器 */
input::-moz-placeholder {
    color: #9b9b9c;
}
/* IE10+ */
input:-ms-input-placeholder {
    color: #9b9b9c;
}
/* Edge 新版 */
input::-ms-input-placeholder {
    color: #9b9b9c;
}

img {
    width: 100%;
    max-width: 100%;
    display: inline-block;
}

.empty-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 80%;
}
.empty-box img {
    width: 1.6rem;
    height: auto;
}
.empty-box p {
    color: #ccc;
    font-size: 0.16rem;
    padding: 0.15rem 0;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text-ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.modal-box {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    z-index: 999999;
}

.modal-box .modal-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.modal-box .modal-content .modal-image-box {
    width: 100%;
    max-height: calc(100vh - 0.3rem);
    overflow-y: auto;
}

.modal-box .close-btn {
    width: 0.3rem;
    height: auto;
}