/* Element Chalk Variables */
@import  "coco-variables.scss";
// @import "compass/css3";

body,html{ 
    // font-family: 'Open Sans',Helvetica,'PingFang SC','Microsoft YaHei UI','Microsoft YaHei','Source Sans Pro','Noto Sans CJK SC',Sathu,EucrosiaUPC,sans-serif,"\5FAE\8F6F\96C5\9ED1";
	font-family: -apple-system,'Helvetica Neue', Helvetica, 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif,"\5FAE\8F6F\96C5\9ED1";
	// font-weight: 400; 
	// -webkit-font-smoothing: antialiased; 
	-webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0; padding: 0;
	line-height: 1.5;
	// text-align: justify;
}


*{ box-sizing: border-box;}
// 英文字体
// font-family: Roboto,sans-serif;

ul{ list-style: none; margin: 0; padding: 0;}
a{ text-decoration: none;}

.rowFlex{ display: flex; flex-direction: row;}
.colFlex{ display: flex; flex-direction: column;}
.fitHeight{ height: 100%;}

.clearfix:before,.clearfix:after { display: table; content: "";}
.clearfix:after { clear: both }

/**
 * 描述：文字尺寸
 * 前面加"_"则表示强制执行
 */
 h1,.h1{ font-size: 20px}
 h2,.h2{ font-size: 18px}
 h3,.h3{ font-size: 16px}
 h4,.h4{ font-size: 14px}
 h5,.h5{ font-size: 13px}
 h6,.h6{ font-size: 12px}
 ._h1{ font-size: 20px!important;}
 ._h2{ font-size: 18px!important;}
 ._h3{ font-size: 16px!important;}
 ._h4{ font-size: 14px!important;}
 ._h5{ font-size: 13px!important;}
 ._h6{ font-size: 12px!important;}
.bold{ font-weight: 500;}
.bold2{ font-weight: 700;}

 /* 常用字体颜色 */
.red{ color: $--text-red!important;}
a.red:hover{text-decoration: underline;}

.orange{ color: $--text-orange!important;}
a.orange:hover{text-decoration: underline;}

.green{ color: $--text-green!important;}
a.green:hover{text-decoration: underline;}

.gray{ color: $--text-gray!important;}
a.gray:hover{text-decoration: underline;}

.blue_force{ color: $--text-blue!important;}
.blue,.blue>i{ color: $--text-blue}
a.blue:hover{text-decoration: underline;}



.el-icon--right{ margin-left: 8px;}
.el-icon--left{ margin-right: 8px;}


.bg1{ background-color: $--color-1}
.bg2{ background-color: $--color-2}
.bg3{ background-color: $--color-3}
.bg4{ background-color: $--color-4}
.bg5{ background-color: $--color-5}
.bg6{ background-color: $--color-6}
.bg7{ background-color: $--color-7}
.bg8{ background-color: $--color-8}
.bg9{ background-color: $--color-9}
.bg10{ background-color: $--color-10}

.bg11{ background: $--color-11}
.bg12{ background: $--color-12}
.bg13{ background: $--color-13}
.bg14{ background: $--color-14}
.bg15{ background: $--color-15}
.bg16{ background: $--color-16}
.bg17{ background: $--color-17}
.bg18{ background: $--color-18}
.bg19{ background: $--color-19}

.bg21{ background: $--color-21}
.bg22{ background: $--color-22}
.bg23{ background: $--color-23}
.bg24{ background: $--color-24}
.bg25{ background: $--color-25}
.bg26{ background: $--color-26}
.bg27{ background: $--color-27}
.bg28{ background: $--color-28}
.bg29{ background: $--color-29}


// dark 默认背景
#app.dark{ background: url(imgs/dark_bg_default.jpg) no-repeat fixed; background-size: 100%100%;}

// easyui bug
.easyui-tabs iframe{ float: left;}