
.iconfont
{
  font-family: 'iconfont'; 
}

.emoij
{
    font-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
}

notice
{
    color: var(--color-danger);
    font-size: 0.6rem;
    display: none;
}

include
{
  border-style:solid;
  border-left-width:0.35rem;
  border-left-color:rgba(210, 205, 205, 0.95);
  
  background: rgba(210, 210, 210, 0.8);
  padding: 1rem;
  display: block;
}


* 
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  font-family: "Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif;
}


.none
{
  display: none
}



:root
{
  --color-success:#23d160;
  --color-primary:#00d1b2;
  --color-info:#209cee;
  --color-link:#3273dc;
  --color-waring:#ffdd57;
  --color-danger:#ff3860;
  --color-white:white;
  --color-gray:#f5f5f5;
  --color-gray-dep:#e5e5e5;
  --color-dark:#4c4c4c;
  --select-bg:#4c4c4c;
  --select-bf:#f5f5f5;
  --animation-time:1;
  --border-radius:0.2rem;
  --box-shadow:0px 0px 10px -2px gray;
  --box-shadow-bottom:0px 2px 10px -2px gray;
  --box-shadow-top:0px -2px 10px -2px gray;
  --space:1rem;
  --space-small:0.5rem;
  --space-big:2rem;
  -moz-user-select:none; /* Firefox私有属性 */
  -webkit-user-select:none; /* WebKit内核私有属性 */
  -ms-user-select:none; /* IE私有属性(IE10及以后) */
  -khtml-user-select:none; /* KHTML内核私有属性 */
  -o-user-select:none; /* Opera私有属性 */
  user-select:none; /* CSS3属性 */
}

:disabled
{
  background: gray;
  color:white;
}

:disabled[afterAble]+tip
{
  display: inline !important;
}

[afterAble]+tip
{
  display:none;
}

::selection
{
  color:var(--color-primary);
} 

.cursor
{
  cursor: pointer;
}


[draggable]
{
  cursor:move
}


.allowSelect
{
  -moz-user-select:text; /* Firefox私有属性 */
  -webkit-user-select:text; /* WebKit内核私有属性 */
  -ms-user-select:text; /* IE私有属性(IE10及以后) */
  -khtml-user-select:text; /* KHTML内核私有属性 */
  -o-user-select:text; /* Opera私有属性 */
  user-select: select text;; /* CSS3属性 */
}

.denySelect
{
  -moz-user-select:none; /* Firefox私有属性 */
  -webkit-user-select:none; /* WebKit内核私有属性 */
  -ms-user-select:none; /* IE私有属性(IE10及以后) */
  -khtml-user-select:none; /* KHTML内核私有属性 */
  -o-user-select:none; /* Opera私有属性 */
  user-select:none; /* CSS3属性 */
}

.flex
{
  display: flex;
}

.flex-wrap
{
  flex-wrap: wrap;
}


.radius
{
  border-radius: var(--border-radius);
}

.container 
{
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 1080px) 
{
  .container 
  {
    max-width: 960px;
  }
}

@media screen and (max-width: 1080px) 
{
  .container 
  {
    padding: var(--space-small);
  }
}

:focus
{
  outline: none
}




/* 全局遮罩 */
.mask 
{       
  position: fixed; 
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  top: 0px; 
  left: 0px;   
  z-index: 1002;     
  opacity:0.5;    
  background-color: var(--color-dark);  
}   

.ellipsis
{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}



.wraps
{
  word-wrap: break-word;
  word-break: normal;
  word-break:break-all;
}



/* gpu加速 */
.gpu
{
  transform:translate3d(0,0,0);  
  -webkit-transform:translate3d(0,0,0);  
  -o-transform:translate3d(0,0,0);  
  -moz-transform:translate3d(0,0,0);
}
