.action, *:before, *:after {
    box-sizing: border-box;
}

@font-face {
    font-family: 'iconfont';
    src: url("fonts/font_1448801164_549809.eot");
    src: url("fonts/font_1448801164_549809.eot?#iefix") format("embedded-opentype"), 
    url("fonts/font_1448801164_549809.woff") format("woff"), 
    url("fonts/font_1448801164_549809.ttf") format("truetype"), 
    url("fonts/font_1448801164_549809.svg#iconfont") format("svg")
}

.action .a-box {
    position: relative;
    width: 40px;
    height: 40px;
    margin-top: 2px;
    color: #9aabb8;
    background: #eaeef1;
    box-shadow: inset -1px -1px 0 0 rgba(0, 0, 0, 0.05);
    border-radius: 2px
}

.action .a-box:after {
    position: absolute;
    top: 0;
    height: 40px;
    width: 40px;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    font-family: "iconfont";
    overflow: hidden
}

.action .a-box:hover {
    color: #fff;
    background-color: #3498db;
    cursor: pointer
}

.action .a-box:hover:after {
    padding: 4px;
    font-size: 12px;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 16px;
    word-break: break-all
}

.action .share {
    display: block;
    float: none !important;
    height: 40px !important;
    margin: 2px 0 0 !important;
    padding-left: 0 !important;
    background-image: none !important;
    color: #9aabb8 !important
}

.action .share:after {
    content: "\e622"
}

.action .share:hover {
    opacity: 1 !important;
    text-decoration: none !important
}

.action .share:hover:after {
    color: #fff !important;
    content: "\5206\4EAB\672C\9875"
}

.action .gotop:after {
    content: "\e621"
}

.action .gotop:hover:after {
    content: "\8FD4\56DE\9876\90E8"
}