/* PNG icons */
/* <i class="o-png-icon o-png-icon-size-normal o-png-icon-home"></i> */

.o-png-icon, [class*="o-png-icon-"]:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
	vertical-align: middle;
    text-align: center;
	background-size: contain;
}

/*图标大小*/

.o-png-icon-size-jumbo {
    width: 48px;
    height: 48px;
	background-size: 48px;
	background-repeat: no-repeat;
}
.o-png-icon-size-large {
    width: 32px;
    height: 32px;
	background-size: 32px;
	background-repeat: no-repeat;
}
.o-png-icon-size-normal {
    width: 26px;
    height: 26px;
	background-size: 24px;
	background-repeat: no-repeat;
}
.o-png-icon-size-medium {
    width: 22px;
    height: 22px;
	background-size: 22px;
	background-repeat: no-repeat;
}
.o-png-icon-size-small {
    width: 20px;
    height: 20px;
	background-size: 20px;
	background-repeat: no-repeat;
}
.o-png-icon-size-tiny {
    width: 14px;
    height: 14px;
	background-size: 14px;
	background-repeat: no-repeat;
}

/*图标定义*/
.o-png-icon-top_left_home {
	background: url(icons/icon-top_left_home.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-top_left_home_black {
	background: url(icons/icon-top_left_home_black.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-top_right_list {
	background: url(icons/icon-top_right_list.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-top_right_list_black {
	background: url(icons/icon-top_right_list_black.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-arrowleft {
	background: url(icons/icon-arrowleft_normal.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-arrowleft_black {
	background: url(icons/icon-arrowleft_black.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-refresh {
	background: url(icons/icon-refresh_normal.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-refresh_black {
	background: url(icons/icon-refresh_black.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-close {
	background: url(icons/icon-close_normal.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-close_black {
	background: url(icons/icon-close_black.png) center center no-repeat;
	background-size: 100%;
}

/* 底部导航 */
.o-png-icon-nav1 {
	background: url(icons/icon-nav1_normal.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-nav1-active {
	background: url(icons/icon-nav1_active.png) center center no-repeat;
	background-size: 100%;
}

.o-png-icon-nav2 {
	background: url(icons/icon-nav2_normal.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-nav2-active {
	background: url(icons/icon-nav2_active.png) center center no-repeat;
	background-size: 100%;
}

.o-png-icon-nav3 {
	background: url(icons/icon-nav3_normal.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-nav3-active {
	background: url(icons/icon-nav3_active.png) center center no-repeat;
	background-size: 100%;
}

.o-png-icon-nav4 {
	background: url(icons/icon-nav4_normal.png) center center no-repeat;
	background-size: 100%;
}
.o-png-icon-nav4-active {
	background: url(icons/icon-nav4_active.png) center center no-repeat;
	background-size: 100%;
}