﻿

body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0}



ul,ol{list-style:none}

a{text-decoration:none;color:#2a2a2a;outline:none}
  .footfloat{

      position: fixed;

      bottom: 0;

      

        width:100%;

      height:60px;

       background-color: #fff;

       /* border-top:1px solid #b5b5b5; */

      display: -moz-box;

       display: -ms-flexbox;

        display: -webkit-box;

        display: -webkit-flex;

       display: box;

        display: flexbox;

        display: flex;

        z-index: 9999999999;

        background: #636363;

      }

.footfloat table{width:100%; height:60px; background:#a58f82;}

.footfloat table td{border:0px none;}

.footfloat table td.td1{width:16%; height:60px; background:#636363; border-right:1px solid #7b7b7b;}

.footfloat table td.td2{width:20%; height:60px; background:#636363;}

.footfloat table td.td3{width:28%; height:60px; background:#d42455;}

.footfloat table td.td4{width:28%; height:60px; background:#5dc2b2;}

.footfloat table td a{display:block; height:60px; width:100%; border-right:1px solid #fff;}

.footfloat table td a .p1{width:100%; height:28px; }

.footfloat table td.td1 .p1{background:url(../image/foot_sbg1.png) bottom center no-repeat; background-size:25px;}

.footfloat table td.td1 .p2{height:40px; line-height:30px; text-align:center; font-size:14px; color:#fff;}



.footfloat table td.td2 .p1{background:url(../image/foot_sbg2.png) bottom center no-repeat; background-size:25px;}

.footfloat table td.td2 .p2{height:40px; line-height:30px; text-align:center; font-size:14px; color:#fff;}



.footfloat table td.td3 .p1{height:30px; background:url(../image/foot_sbg3.png) bottom center no-repeat; background-size:25px;}

.footfloat table td.td3 .p2{height:40px; line-height:28px; text-align:center; font-size:14px; color:#fff;}





.footfloat table td.td4 .p1{height:15px; }

.footfloat table td.td4 .p2{width:120px; height:30px; margin:0 auto; position:relative; }

.footfloat table td.td4 .p2 span{display:block; height:30px; line-height:30px; position:absolute; top:0px;}

.footfloat table td.td4 .p2 span.s1{width:40px;  left:0px; background:url(../image/foot_sbg4.png) center center no-repeat; background-size:25px;}

.footfloat table td.td4 .p2 span.s2{ left:40px;  color:#fff; font-size:16px; }







//  .footfloat{

//       position: fixed;

//       bottom: 0;

//         width: 94%;

//         width:100%;

//        height: 2.5rem;

//        background-color: #fff;

//        border-top:1px solid #b5b5b5;

//       display: -moz-box;

//        display: -ms-flexbox;

//         display: -webkit-box;

//         display: -webkit-flex;

//        display: box;

//         display: flexbox;

//         display: flex;

//         z-index: 9999999999;

//         background: #636363;

//       }



//    .footfloat ul{

//       width: 75%;

//         height: 2.5rem;

//         float: left;

//         display: -moz-box;

//       display: -ms-flexbox;

//         display: -webkit-box;

//         display: -webkit-flex;

//        display: box;

//         display: flexbox;

//         display: flex;

//         position: relative;



//     }

//     .footfloat div{

//         float: right;

//         width: 25%;

//         position: relative;

//     }

//   .footfloat ul li{

//         border-right:1px solid #fff;

//         text-align: center;

//         -webkit-box-flex: 1;

//         -moz-box-flex: 1;

//         -o-box-flex: 1;

//         -ms-flex: 1;

//         flex: 1;

//         width:25%;



//     }

//     .footfloat ul li a{

//         display: block;

//         width: 100%;



//     }

// .footfloat ul li a p{height:2.5rem; line-height: 2.5rem; color:#b4a285; font-size:14px;}



//    .footfloat div a{

//       position: absolute;

//        right: 0;

//        bottom: 0rem;

//         width: auto;

//         border-radius: 50%;

//         overflow: hidden;

//       padding: 10%;

//         box-shadow: 0 -1px 0 #b5b5b5;

//    }

//    .footfloat div a img{

//        width: 100%;

//         border-radius: 50%;

//    }


