html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
}
 
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
     display: block;
}
 
blockquote, q {
     quotes: none;
}

 blockquote:before, blockquote:after,
q:before, q:after {
     content: none;
}
 
table {
     border-collapse: collapse;
     border-spacing: 0;
}
 
/* custom */
a,a:link,a:visited,a:active {
     text-decoration: none;
     -webkit-backface-visibility: hidden;
}
 
li {
     list-style: none;
}
 
::-webkit-scrollbar {
     width: 5px;
     height: 5px;
}
 
::-webkit-scrollbar-track-piece {
     background-color: rgba(0, 0, 0, 0.2);
     -webkit-border-radius: 6px;
}
 
::-webkit-scrollbar-thumb:vertical {
     height: 5px;
     background-color: rgba(125, 125, 125, 0.7);
     -webkit-border-radius: 6px;
}
 
::-webkit-scrollbar-thumb:horizontal {
     width: 5px;
     background-color: rgba(125, 125, 125, 0.7);
     -webkit-border-radius: 6px;
}
 
html, body {
     width: 100%;
     height: 100%;
     /* width: 1920px; */
     /* height: 1080px; 看板 */
     /* height: 1200px; 大屏 */
}
 
body {
     -webkit-text-size-adjust: none;
     -webkit-tap-highlight-color: rgba(11, 7, 7, 0);
     -moz-user-select:none;/*火狐*/
     -webkit-user-select:none;/*webkit浏览器*/
     -ms-user-select:none;/*IE10*/
     -khtml-user-select:none;/*早期浏览器*/
     user-select:none;
     background-color: #050830;
}

div, p {
     box-sizing: border-box;
}

.clearfix { 
    zoom: 1; 
}
    
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
    
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    
.fl {
    float: left !important;
} 

.fr {
    float: right !important;
}

.hide {
     visibility: hidden;
}

.fontselect {
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}

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

.flexbetween {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.pointer {
     cursor: pointer;
}

.hidden {
     visibility: hidden
}

.relative {
     position: relative
}