* {
    margin: 0;
    padding: 0;
}
ul,li {
    list-style-type: none;
}
#app {
    width: 100%;
    height: 100%;
    background-color: #f2f3f5;
}
.c3 {
    color: #333333;
}
.bold {
    border-bottom: 5px solid #dddddd;
}
.bold1 {
    border-bottom: 2px solid #dddddd;
}
.fs24 {
    font-size: 24px;
}
.fs22 {
    font-size: 22px;
}
.fs20 {
    font-size: 20px;
}
.fs18 {
    font-size: 18px;
}
.fs16 {
    font-size: 16px;
}
.fs14 {
    font-size: 14px;
}
.fs13 {
    font-size: 13px;
}
.fs12 {
    font-size: 12px;
}
.b {
    font-weight: 600;
}
.flex {
    display: flex;
}
.jcenter {
    justify-content: center;
}
.between{
    justify-content: space-between;
}
.around{
	justify-content: space-around;
}
.wrap {
    flex-wrap: wrap;
}
.column{
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-direction: column;
}
.acenter{
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    align-items: center;
}
.wrap {
    flex-wrap: wrap;
}
.textCenter {
    text-align: center;
}
.flex1 {
    flex-grow: 1;
}
.flex2 {
    flex-grow: 2;
}
.c6 {
    color: #666666;
}
.c9 {
    color: #999999;
}
.c0 {
    color: #000000;
}
.cf {
    color: #fff;
}
.bgf78 {
    background: #f7f8fa;
}
.bgedf {
    background: #edf4ff;
}
.bgf0f {
    background: #F0FAF2;
}
.bgff5 {
    background: #fff5ed;
}
.c6dd {
    color: #6dd993;
}
.c15b {
    color: #15be50;
}
.bg15b {
    background: #15be50;
}
.c149 {
    color: #1492ff;
}
.bg149 {
    background: #1492ff;
}
.cff6 {
    color: #acabab;
}
.bgff6 {
    background: #ff6b00;
}
.bgff8 {
    background: #ff8126;
}
.bgffc {
    background: #ffc341;
}
.cd4 {
    color: #d40000;
}
.bgffe {
    background: #ffebeb;
}
/* hover时 */
.bg37c {
    background: #37cc6a;
}
.c37c {
    color: #37cc6a;
}
.c269 {
    color: #2690f3;
}
.cff8 {
    color: #ff8126;
}
.bradius4 {
    border-radius: 4px;
}
.bradius2 {
    border-radius: 2px;
}
.icon20 {
    width: 20px;
    height: 20px;
}
.icon18 {
    width: 18px;
    height: 18px;
}
.icon16 {
    width: 16px;
    height: 16px;
}
.icon14 {
    width: 14px;
    height: 14px;
}
.ml12 {
    margin-left: 12px;
}
.ml20 {
    margin-left: 20px;
}
.ml50 {
    margin-left: 50px;
}
.ml40 {
    margin-left: 40px;
}
.mr12 {
    margin-right: 12px;
}
.mr20 {
    margin-right: 20px;
}
.mr40 {
    margin-right: 40px;
}
.mr60 {
    margin-right: 60px;
}
.mr70 {
    margin-right: 70px;
}
.mt12 {
    margin-top: 12px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mb20 {
    margin-bottom: 20px;
}
.pb20 {
    padding-bottom: 20px;
}
.p10 {
    padding: 10px;
}
.p12 {
    padding: 12px;
}
.pl20 {
    padding-left: 20px;
}
.pr20 {
    padding-right: 20px;
}
.pb12 {
    padding-bottom: 12px;
}
.bg20d{
    background: #20DBEE;
}
.bg369{
    background: #3699F7;
}
.bga0f{
    background: #AA00FF;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix,.clearfix::after{
	content: '';
	display: block;
	clear: both;
}
.ellipsis{ 
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.p20 {
    padding: 20px;
}