* {
   padding: 0;
   margin: 0;
   position: relative
}

div {
   box-sizing: border-box;
}

:root {
   --color-title: #00FFFF; /* 标题 */
   --color-text: #54D6F3;  /* 正文 */
   --color-tips: #DBE9EC;  /* 次要文字 */

   --bg-mask: rgba(53, 98, 144, .48);     /* 背景遮罩色 */
}

/* 单行文字超出显示隐藏 */.hide-text {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
/* 多行文字超出显示隐藏 */.hide-text2,.hide-text3{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
                        .hide-text2{-webkit-line-clamp:2;line-clamp:2;}
                        .hide-text3{-webkit-line-clamp:3;line-clamp:3;}