

/* 新底部漂浮 */

.footer { overflow:hidden; font-family: "Microsoft YaHei"; font-size: 16px; position: fixed; width: 100%; bottom: 0px; left: 0px; height: 56px; line-height:1em; z-index: 2147483647;}

.footer ul { width: 100%; display: table; table-layout: fixed; }

.footer li { display: table-cell; text-align: center; color: #30c09c; border-right: 1px solid #00ACAA; position: relative; }

.footer li:nth-of-type(1) a:before { background-position: -64px 0;}

.footer li:nth-of-type(2) a:before { background-position: -32px 0; }

.footer li:nth-of-type(3) a:before { background-position: -107px 0; }

.footer li:nth-of-type(4) a:before { background-position: -64px 0; }

/*.footer li:nth-of-type(4) {border-right:none;}

.footer li:nth-of-type(4) a:before{background:url(../images/iconBottomRoad.png) no-repeat center center;-webkit-background-size:22px auto;background-size:22px auto;}*/

.footer a { padding-bottom:5px; display: block; color: #fff; background: #00ACAA; position: relative; font-size: 0.8em; }

.footer a .no1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; position: absolute; border: 2px solid #fff; width: 20px; height: 20px; line-height: 17px; font-size: 14px; color: #fff; right: 1px; top: 1px; font-family: arial; font-weight: bold; /*-webkit-animation: dot 2s infinite; animation: dot 2s infinite;*/ -webkit-animation: flash 1s infinite; animation: flash 1s infinite; border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-radius:10px; background: -webkit-linear-gradient(left, #fd142e, #bf0116); background: linear-gradient(to bottom, #fd142e, #bf0116); }

.footer a:before { content: " "; display:block;margin:0 auto; width: 32px; height: 38px; vertical-align: middle; background: url(../images/icon_bottom.png) no-repeat; }

.footer a.active { background: #00ACAA; }



body{padding-bottom:56px;}







