@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../img/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:0.64rem;
    color: #fff;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.icon-red {
    display: inline-block;
    margin: 0 -0.2rem 0 0.2666666667rem;
    color: #ff3333;
}

.icon-1:before { content: "\e6af"; }

.icon-2:before { content: "\e6ae"; }

.icon-3:before { content: "\e6ad"; }

.icon-4:before { content: "\e6ac"; }

.icon-5:before { content: "\e6ab"; }

.icon-6:before { content: "\e6aa"; }

.icon-7:before { content: "\e6a9"; }

.icon-8:before { content: "\e6a8"; }

.icon-9:before { content: "\e6a7"; }

.icon-10:before { content: "\e6a6"; }

.icon-12:before { content: "\e6a5"; }

.icon-13:before { content: "\e6a4"; }

.icon-14:before { content: "\e6a3"; }

.icon-15:before { content: "\e6a2"; }

.icon-16:before { content: "\e6a1"; }

.icon-17:before { content: "\e6a0"; }

.icon-18:before { content: "\e69f"; }

.icon-19:before { content: "\e69e"; }

.icon-20:before { content: "\e69d"; }

.icon-21:before { content: "\e69c"; }

.icon-22:before { content: "\e69b"; }

.icon-23:before { content: "\e69a"; }

.icon-24:before { content: "\e699"; }

.icon-25:before { content: "\e698"; }

.icon-26:before { content: "\e697"; }

.icon-27:before { content: "\e696"; }

.icon-28:before { content: "\e695"; }

.icon-29:before { content: "\e694"; }

.icon-30:before { content: "\e693"; }

.icon-31:before { content: "\e692"; }

.icon-32:before { content: "\e691"; }

.icon-33:before { content: "\e690"; }

.icon-34:before { content: "\e681"; }

.icon-35:before { content: "\e6b1"; }

.icon-36:before { content: "\e6b2"; }

.icon-37:before { content: "\e6b3"; }