*{padding: 0;margin: 0;color: #333;font-size: .7rem;}
html{font-size: 20px;}
.clearfix{zoom:1}
.clearfix::after{content:"";display:block;height:0;clear:both;visibility:hidden}
li,ol,ul{list-style:none}
ul{margin-top: 0;}
.fl{float: left;}
.fr{float: right;}
p{
	margin-bottom: 0px;
}
.flex{
    display: flex;
}
.flex-item{
	flex:1;
}
.ta-c{
	text-align: center;
}
.ta-r{
	text-align: right;
}
/* 颜色 */
.bcf{background-color: #fff !important;}
.fcr{color: red !important;}
.bco{background-color: #D65145 !important;}
.br5{border-radius: 5px;}
.c-white{color:#fff !important;}
/* footer */
.page-footer{ width: 100%; height: 2.4rem; background-color: #fff;position: fixed; bottom: 0; left: 0;z-index: 9999;padding: .2rem 0;}
.page-footer ul{ width: 100%;}
.page-footer ul li{  float: left; width: 25%; text-align: center;}
.page-footer ul li a{ width: 100%; display: block;}
.page-footer ul li a i{font-size: 1.1rem;display: block;}
.page-footer ul li a .name{font-size: .6rem;color: #333;}
.page-footer ul li a.checked .name,.page-footer ul li a.checked i{color: #D65145;}
.page-footer ul .active a .name{ color: #f58611; margin-bottom: 0;}
.page-footer ul .active i{color: #f58611;}
.page-footer ul .active{width: 25%;}