@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1556245325287');
    /* IE9 */
    src: url('iconfont.eot?t=1556245325287#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
        url('iconfont.woff?t=1556245325287') format('woff'),
        url('iconfont.ttf?t=1556245325287') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('iconfont.svg?t=1556245325287#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 25px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

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

.icon-weixin:before {
    content: "\e733";
}

.icon-guanwang:before {
    content: "\e619";
}

.share {
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 80px;
    background: #f3f3f3;
    z-index: 999;
}

.icon-square {
    width: 50%;
    height: 60%;
    border: 1px solid #ddd;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
    background: #fff;
    vertical-align: middle;
}

.icon-title {
    position: absolute;
    top: 70%;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.share li {
    float: left;
    width: 25%;
    height: 100%;
    position: relative;
}
/* 修改样式 */
.icon-pub {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.footer-ercode img {
    width: 140px;
    height: 140px;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 82%;
    display: block;
    margin: auto;
    vertical-align: middle;
}

.footer-share-code {
    background: #fff;
    padding: 15px;
}

.q-ercode {
    margin: 200px 50px 0 50px;
}

.hide {
    display: block !important;
}

.code-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 80px;
    z-index: 999;
    background: rgba(0, 0, 0, .5);
}

.footer-share-code p {
    font-size: 12px;
    font-weight: 600;
    margin: 10px 0;
}

@media (min-width: 415px) {
    .share {
        display: none;
    }
}

@media (max-width: 321px) {
    .icon-square {
        width: 58%;
    }

    .q-ercode {
        margin: 150px 45px 0px 45px;
    }
}