/* 字体颜色大小粗细位置 */
.c-333{ color: #333;}/* 标题文字颜色 */
.c-666{ color: #666;}/*正文/内容文字颜色*/
.c-999{ color: #999;}/*备注字体提示性文字颜色*/
.c-aaa{ color: #AAA;}/*备注字体提示性文字颜色*/
.c-363636{ color: #363636;}/* 二级标题文字颜色 */
.c-red{ color: #d84835; }.c-green{ color: #02A438}.c-white{ color: #fff;}.c-blue {color: #4bcef4;}
.fs-0{ font-size: 0px;}.fs-12{ font-size: 12px;}.fs-13{ font-size: 13px }
.fs-14{ font-size: 14px;}/*正文/内容/备注/提示性文字大小*/
.fs-16{ font-size: 16px;}/*内容标题文字大小*/
.fs-18{ font-size: 18px;}.fs-20{ font-size: 20px;}
.fs-22{ font-size: 22px;}/*栏目标题文字大小*/
.fw-b{ font-weight: 600;}.fw-n{font-weight: normal;}
.ta-r{ text-align: right;}.ta-c{ text-align: center;}.ta-l{ text-align: left;}

/* 位置布局相关 */
.m-20{ margin: 20px;}
.ml-3{ margin-left: 3px}
.mr-5{ margin-right: 5px;}.mr-10{ margin-right:10px !important;}.mr-15{ margin-right: 15px; }.mr-20{ margin-right: 20px!important;}.mr-30{ margin-right: 30px;}.mr-40{ margin-right: 40px;}.mr-50{ margin-right: 50px;}
.ml-5{ margin-left: 5px;}.ml-10{ margin-left: 10px;}.ml-15{margin-left: 15px}.ml-20{ margin-left: 20px;}.ml-30{ margin-left: 30px;}.ml-40{margin-left:40px;}
.mt-5{ margin-top: 5px;}.mt-10{ margin-top: 10px;} .mt-15{  margin-top: 15px;}.mt-20{ margin-top: 20px;}.mt-25{ margin-top: 25px;}.mt-30{ margin-top: 30px;}.mt-35{ margin-top: 35px;}.mt-40{ margin-top: 40px;}.mt-50{ margin-top: 50px;}
.mb-5{ margin-bottom: 5px;}.mb-10{ margin-bottom: 10px;}.mb-15{ margin-bottom: 15px;}.mb-20{ margin-bottom: 20px;}.mb-30{ margin-bottom: 30px;}.mb-40{margin-bottom: 40px;}
.p-10{ padding: 10px;}.p-20{ padding: 20px;}.p-30{ padding: 30px;}
.pt-3{ padding-top: 3px; }.pt-5{ padding-top: 5px; }.pt-10{ padding-top: 10px;}.pt-20{ padding-top: 20px;}.pt-30{ padding-top: 30px;}.pt-40{ padding-top: 40px;}
.pb-5{ padding-bottom: 5px}.pb-10{ padding-bottom: 10px}.pb-20{ padding-bottom: 20px}.pb-30{ padding-bottom: 30px}.pb-50{ padding-bottom: 50px}
.pr-5{ padding-left: 5px}.pr-10{ padding-right: 10px;}.pr-20{ padding-right: 20px}.pr-30{ padding-right: 30px}.pr-40{ padding-right: 40px}
.pl-5{ padding-left: 5px}.pl-10{ padding-left: 10px}.pl-20{ padding-left: 20px}.pl-30{ padding-left: 30px}.pl-40{ padding-left: 40px}


.po-r{ position: relative;}.po-a{ position: absolute;}.po-f{ position: fixed;}
.l-45{ left: 45px; } .l-60{ left: 60px; } .l-75{ left: 75px;}
.f-l{float: left;}.f-r{ float: right;}.clear:after{ content: ''; display: block; clear: both;}
.d-i{ display: inline;}.d-ib{ display: inline-block;}.d-b{ display: block;}.d-n{ display: none;}.ver-top { vertical-align: top}.ver-middle { vertical-align: middle}
.lh-i{ line-height: initial;}
.center{ margin: 0 auto;}

/* 背景边框阴影 */
.bg-f3f3f3{ background-color: #f3f3f3;}.bg-white{ background: #fff;}.bg-fff{ background: #fff;}.bg-green{ background: #35D46A }
.border{ border: 1px solid #ededed;}.border-dash{ border: 1px dashed #ededed;}
.border-b{ border-bottom: 1px solid #ededed;}.border-b-dash{ border-bottom: 1px dashed #ededed;}.border-b-n{ border-bottom: none!important;}
.border-transparent{ border: 1px solid transparent!important; box-shadow: none;}/*模块和题目的边框，带阴影*/
.border-content{border:1px solid #ededed;border-top: 0;border-radius: 0 0 6px 6px; box-sizing: border-box;}  /*有二级导航时页面content边框*/
.box-showdow{ box-shadow: 0 0 20px rgba(90,90,90,0.13);}.main-shadow{ box-shadow: 3px 3px 2px #e8e8ea;}

.width-100p { width: 100%; }.height-100 { height: 100%; }
.cur-d{ cursor: default;}.cur-p{ cursor: pointer;}.cur-n { cursor: not-allowed;}.cur-zi{ cursor: zoom-in; } .cur-zo{ cursor: zoom-out; }
.overflow-scroll{  overflow: scroll !important;}
.us-n{ user-select: none;}
/*字数超出用省略号代替*/
.text-overflow{  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
/*两行文字超出用省略号代替*/
.text-overflow2{ display: -webkit-box;/* autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/*字数超出换行*/
.text-overflow3{ word-wrap: break-word; }

.card-hover {
  position: relative;
  top: 0;
  -webkit-transition-property: top,box-shadow;
  -webkit-transition-timing-function: ease-in;
  -webkit-transition-duration: .2s;
}
.card-hover:hover {
  top: -4px;
  box-shadow: 0 10px 20px 0 rgba(0,0,0,0.10) !important;
}
.big-card-hover {
  border: 1px solid transparent;
}
.big-card-hover:hover {
  border: 1px solid #F5F5F5;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.08);
}