/* Icon */
.icon{
    display:inline-flex;
    background-repeat: no-repeat;
    background-position:center;
    background-size: contain;
}
.icon-search{
    width: 26px;
    height: 26px;
    background-image:url(/res/images/icon/icon-search.png);
}
.icon-close{
    width: 22px;
    height: 22px;
    background-image:url(/res/images/icon/icon-close.png);
}
.icon-mchat{
    width: 48px;
    height: 48px;
    background-image:url(/res/images/icon/icon-mchat.png);
}
.icon-down{
    width: 16px;
    height: 16px;
    background-image:url(/res/images/icon/icon-down.png);
}
.icon-down2{
    width: 18px;
    height: 18px;
    background-image:url(/res/images/icon/icon-down2.png);
}
.icon-call{
    width: 28px;
    height: 28px;
    background-image:url(/res/images/icon/icon-call.png);
}
.icon-handshake{
    width: 102px;
    height: 80px;
    background-image:url(/res/images/icon/icon-handshake.png);
}
.icon-balance{
    width: 80px;
    height: 80px;
    background-image:url(/res/images/icon/icon-balance.png);
}
.icon-shield{
    width: 86px;
    height: 80px;
    background-image:url(/res/images/icon/icon-shield.png);
}
.icon-barrel{
    width: 58px;
    height: 80px;
    background-image:url(/res/images/icon/icon-barrel.png);
}
.icon-chemical{
    width: 66px;
    height: 80px;
    background-image:url(/res/images/icon/icon-chemical.png);
}
.icon-atom{
    width: 74px;
    height: 80px;
    background-image:url(/res/images/icon/icon-atom.png);
}
.icon-plus{
    width: 48px;
    height: 48px;
    background-image:url(/res/images/icon/icon-plus.png);
}
.icon-link-arrow{
    width: 14px;
    height: 14px;
    background-image:url(/res/images/icon/icon-link-arrow.png);
}

.icon-chevron-left,
.icon-chevron-right,
.icon-chevron-left-dark,
.icon-chevron-right-dark{
    width: 10px;
    height: 10px;
    border-width: 1px 0 0 1px;
    border-style: solid;
}
.icon-chevron-left,
.icon-chevron-right{
    border-color: #fff;
}
.icon-chevron-left-dark,
.icon-chevron-right-dark{
    border-color: #222;
}
.icon-chevron-left, .icon-chevron-left-dark{
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}
.icon-chevron-right, .icon-chevron-right-dark{
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}