/****************************************
 * icon样式
 ****************************************/

@font-face {
    font-family: "icons";
    src:url("icons.woff") format("woff"),
        url("icons.ttf") format("truetype");
    /*
    src:url("/css/icons.eot");
    src:url("/css/icons.eot?#iefix") format("embedded-opentype"),
        url("/css/icons.woff") format("woff"),
        url("/css/icons.ttf") format("truetype");
    */
}


i {
   font-family: icons;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: inline-block;
   text-align: center;
   /*
   vertical-align: middle;
   */
}
i:before {
	display: inline-block;
}
.icon-v-down:before {
	content: "\f123";
}
.icon-v-left:before {
	content: "\f124";
}
.icon-v-right:before {
	content: "\f125";
}
.icon-v-up:before {
	content: "\f126";
}
.icon-close:before {
	content: "\f12a";
}
.icon-info:before {
    content: "\f149";
}
.icon-plus:before {
	content: "\f218";
}
.icon-game:before {
	content: "\f439";
}
.icon-world:before {
	content: "\f4d3";
}
.icon-manyperson:before {
    content: "\f212";
}
.icon-person:before {
	content: "\f213";
}
.icon-good:before {
    content: "\f319";
}
.icon-setup:before {
	content: "\f13e";
}
.icon-logout:before {
	content: "\f29f";
}
.icon-commentoutline:before {
    content: "\f471";
}
.icon-comment:before {
	content: "\f11a";
}
.icon-favo:before {
	content: "\f141";
}
.icon-share:before {
	content: "\f220";
}
.icon-backward:before {
	content: "\f488";
}
.icon-forward:before {
	content: "\f488";
}
.icon-skipbackward:before {
	content: "\f4ab";
}
.icon-skipforward:before {
	content: "\f4ad";
}
.icon-flag:before {
    content: "\f112";
}