<style>
        .cgi-foot-blank {
            height: 60px;
            clear: both;
            overflow: hidden;
        }

        .cgi-foot-links {
            width: 100%;
            max-width: 800px;
            height: 60px;
            border-top: solid 1px #ddd;
            box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.05);
            background: #fff;
            background-image: -webkit-linear-gradient(to top, #eee, #fff);
            background-image: linear-gradient(to top, #eee, #fff);
            position: fixed;
            bottom: 0;
            z-index: 998;
        }

        .cgi-foot-links ul {
        }

        .cgi-foot-links ul li {
            float: left;
            width: 25%;
            text-align: center;
        }

        .cgi-foot-links ul li a {
            font-size: 15px;
            color: #555;
        }

        .cgi-foot-links ul li a.hover {
            color: #f00;
        }

        .cgi-foot-links ul li a span {
            height: 34px;
            display: block;
        }

        .cgi-foot-links ul li a span.cfl1 {
            background: url(static/image/cfl1.png) 50% 8px no-repeat;
            background-size: auto 25px;
        }

        .cgi-foot-links ul li a span.cfl2 {
            background: url(static/image/cfl2.png) 50% 8px no-repeat;
            background-size: auto 25px;
        }

        .cgi-foot-links ul li a span.cfl3 {
            background: url(static/image/cfl3.png) 50% 8px no-repeat;
            background-size: auto 25px;
        }

        .cgi-foot-links ul li a span.cfl4 {
            background: url(static/image/cfl4.png) 50% 8px no-repeat;
            background-size: auto 25px;
        }

        .cgi-foot-links ul li a.hover span.cfl1 {
            background: url(static/image/cfl1-2.png) 50% 8px no-repeat;
            background-size: auto 25px;
        }

        .cgi-foot-links ul li a.hover span.cfl2 {
            background: url(static/image/cfl2-2.png) 50% 8px no-repeat;
            background-size: auto 25px;
        }

        .cgi-foot-links ul li a.hover span.cfl3 {
            background: url(static/image/cfl3-2.png) 50% 8px no-repeat;
            background-size: auto 25px;
        }

        .cgi-foot-links ul li a.hover span.cfl4 {
            background: url(static/image/cfl4-2.png) 50% 8px no-repeat;
            background-size: auto 25px;
        }
        .cgi-gsb ul li span.cgi-gsb-tit { height: 20px; line-height: 20px; margin-right: 8px; padding: 0 5px; font-size: 12px; {{gsb_col}} border-radius: 5px; {{gsb_bgcol}} display: inline-block; }
    </style>

<style>
.cgi-foot-blank { height: 70px; clear: both; overflow: hidden;}
.cgi-foot-links { width: 100%; max-width: 800px; height: 60px; border-top: solid 1px #ddd; box-shadow:0 -4px 10px rgba(0, 0, 0, 0.05);  background: #fff; background-image:linear-gradient(to top, #e5e5e5, #fff); position: fixed; bottom: 0; z-index: 1000;}
.cgi-foot-links ul {}
.cgi-foot-links ul li { float: left; width: 20%; text-align: center;}
.cgi-foot-links ul li a { font-size: 15px; color: #555;}
.cgi-foot-links ul li a.hover { color: #f00;}
.cgi-foot-links ul li a:hover { text-decoration: none; color: #f00;}
.cgi-foot-links ul li a span { height: 34px; display: block;}
.cgi-foot-links ul li.cfl-more { width: 20%; height: 60px; display: block; position: relative;}
.cgi-foot-links ul li.cfl-more a { width: 70px; height: 70px; line-height: 70px; background: url(static/image/cfl-more.png) center center no-repeat; background-size: 100%; border-radius: 35px; display: block; position: absolute; bottom: 0px; left: 50%; margin-left: -35px; overflow: hidden; text-indent: -999999px;}
.cgi-foot-more { width: 100%; max-width: 800px; position: fixed; bottom: 60px; z-index: 999; padding: 5px 0; font-size: 14px; text-align: center; background: rgba(0,0,0,0.7);display:none;}
.cgi-foot-more ul {}
.cgi-foot-more ul li { float: left; width: 20%;}
.cgi-foot-more ul li a { height: 30px; line-height: 30px; color: #fff; display: block;}
</style>