.classes-wrap .classes-item{width: 16%;float: left;cursor: pointer;padding: 10px 0 20px;position: relative;z-index: 1;overflow: hidden;}
.classes-wrap .classes-item.active:after{display: block;}
.classes-wrap .classes-item.active .text{color: #000;font-weight: 700;}
.classes-wrap .classes-item .text{font-size: 16px;color: #f9f8f8;display: block;text-align: center;font-weight: 400;margin-top: 15px;}
.classes-wrap .classes-item .icon.icon-login{background-position: -286px -160px;}
.classes-wrap .classes-item:hover .icon.icon-login,
.classes-wrap .classes-item.active .icon.icon-login{background-position: -286px -10px;}
.classes-wrap .classes-item .icon.icon-config{background-position: -10px -85px;}
.classes-wrap .classes-item:hover .icon.icon-config,
.classes-wrap .classes-item.active .icon.icon-config{background-position: -102px -85px;}
.classes-wrap .classes-item .icon.icon-award{background-position: -286px -85px;}
.classes-wrap .classes-item:hover .icon.icon-award,
.classes-wrap .classes-item.active .icon.icon-award{background-position: -195px -84px;}
.classes-wrap .classes-item .icon.icon-manage{background-position: -10px -10px;}
.classes-wrap .classes-item:hover .icon.icon-manage,
.classes-wrap .classes-item.active .icon.icon-manage{background-position: -102px -160px;}
.classes-wrap .classes-item .icon.icon-verifcation{background-position: -194px -160px;}
.classes-wrap .classes-item:hover .icon.icon-verifcation,
.classes-wrap .classes-item.active .icon.icon-verifcation{background-position: -10px -160px;}
.classes-wrap .classes-item .icon.icon-wechat{background-position: -194px -10px;}
.classes-wrap .classes-item:hover .icon.icon-wechat,
.classes-wrap .classes-item.active .icon.icon-wechat{background-position: -102px -10px;}