@import './reset.css'; @fontClr:#333;//通用字体颜色 @txtColor:#666;//正文字体颜色 @mainBg:#fff; //主体背景色 @tabColor: #fff; // 左侧Tab文字颜色 @tabBgColor: #1C6EC3; // 左侧Tab背景颜色 @bgcBlue:#4F9FF3; //背景蓝色 @dangerColor:#FF7F5B; //警惕 @shadowColor:#DEDDDD; //阴影颜色 @linkColor:#1677FF; //链接颜色 @warnColor:#FF8042; //错误提示颜色 @suggerColor:#267FD7; //推送颜色 @treatColor:#1ECEBD; //治疗颜色 @pushBgColor:#E3F0FF; //推送title背景颜色 @markFontColor:#1E1E1E; //着重色 @grayColor:#D1D1D1; //边框 @colorBlue:#267FD7; //hover @staticMainColor: #2A9BD5; // 静态知识主要颜色 .disCopy { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ellipsis{ white-space: nowrap;/*强制在一行显示*/ text-overflow:ellipsis;/*设置超出内容显示...*/ overflow: hidden;/*一定不能少 超出的内容进行隐藏*/ } .clearfix:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; } .fl{ float: left; } .fr{ float: right; } // 文本编辑器返回dom样式 .ql-align-right { text-align: right; } .ql-align-left { text-align: left; } .ql-align-justify { text-align: justify; } .ql-align-center { text-align: center; } .warning-box { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; .bg { width: 100%; height: 100%; background: #000; opacity: .3; z-index: 999; } .inner-box { width: 400px; background: #fff; position: absolute; top: 50%; left: 50%; margin: -90px 0 0 -200px; color: #333; border-radius: 4px; } .title { border-bottom: 1px #EBEBEB solid; height: 40px; line-height: 40px; span { margin-left: 20px; } i { margin-left: 322px; font-size: 16px; cursor: pointer; } } .content { padding: 30px 20px; img { width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; } } button { width: 60px; height: 34px; background: @staticMainColor; color: #fff; text-align: center; border-radius: 3px; margin: 0 0 20px 322px; } }