@charset "gb2312";
/* CSS Document */
 .header_but {
    line-height: 30px;
    font-size: 0.8rem;
    width: 90px;
    height: 30px;
    background: rgba(0,0,0,0.2);
    border-radius: 23px;
    right: -22px;
    top: 5%;
    position: fixed;
    z-index: 99;
    color: #fff;
}

.header_but h1 {
    vertical-align: middle;
    display: inline-block;
     background: url(../../img/my_03.png) no-repeat;
    background-size: 20px;
    width: 20px;
    height: 19px;
    margin-top: -4px;
    margin-left: 8px;
    margin-right: 4px;
}
.header_but h2 {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/jiugongge_03.png);
    background-size: 16px;
    width: 16px;
    height: 15px;
    margin-top: -4px;
    margin-left: 5px;
    margin-right: 2px;
}
.header_but h3 {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/guaguaka_03.png);
    background-size: 16px;
    width: 16px;
    height: 12px;
    margin-top: -4px;
    margin-left: 5px;
    margin-right: 2px;
}
.header_but h4 {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/yaoyiyao_03.png);
    background-size: 16px;
    width: 16px;
    height: 15px;
    margin-top: -4px;
    margin-left: 5px;
    margin-right: 2px;
}
.header_but h5 {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/zajindan_03.png);
    background-size: 16px;
    width: 16px;
    height: 15px;
    margin-top: -4px;
    margin-left: 5px;
    margin-right: 2px;
}


.bot_main{
  width:100%; max-width:640px; height:50px; background-image:-webkit-linear-gradient(top,#fff 0,#e1e1e1 100%); background-image:linear-gradient(to bottom,#fff 0,#e1e1e1 100%); position:fixed; bottom:0px; z-index:9999;
}

.bot_main li{
  float:left;
}

.bot_main img{
  -webkit-transform:scale(1) rotate(0) translate3d(0,0,0); transform:scale(1) rotate(0) translate3d(0,0,0); width:25px; height:auto;
}

.bot_main li.ico_1{
  width:25%; height:50px; background:url(../images/i5.jpg) right no-repeat;
}

.bot_main li.ico_1:active{
  background-image:-webkit-linear-gradient(top,#fff 0,#c5c5c5 100%); background-image:linear-gradient(to bottom,#fff 0,#c5c5c5 100%);
}

.bot_main li.ico_1:visited{
  background-image:-webkit-linear-gradient(top,#fff 0,#e1e1e1 100%); background-image:linear-gradient(to bottom,#fff 0,#e1e1e1 100%);
}

.bot_main li.ico_2{
  width:25%; height:50px; background:url(../images/i5.jpg) right no-repeat; border:none; outline:none;
}

.bot_main li.ico_2:active{
  background-image:-webkit-linear-gradient(top,#fff 0,#c5c5c5 100%); background-image:linear-gradient(to bottom,#fff 0,#c5c5c5 100%);
}

.bot_main li.ico_2:visited{
  background-image:-webkit-linear-gradient(top,#fff 0,#e1e1e1 100%); background-image:linear-gradient(to bottom,#fff 0,#e1e1e1 100%);
}

.bot_main li.ico_3{
  width:25%; height:50px; background:url(../images/i5.jpg) right no-repeat; border:none; outline:none;
}

.bot_main li.ico_3:active{
  background-image:-webkit-linear-gradient(top,#fff 0,#c5c5c5 100%); background-image:linear-gradient(to bottom,#fff 0,#c5c5c5 100%);
}

.bot_main li.ico_3:visited{
  background-image:-webkit-linear-gradient(top,#fff 0,#e1e1e1 100%); background-image:linear-gradient(to bottom,#fff 0,#e1e1e1 100%);
}

.bot_main li.ico_4{
  width:25%; height:50px;
}

.bot_main li.ico_4:active{
  background-image:-webkit-linear-gradient(top,#fff 0,#c5c5c5 100%); background-image:linear-gradient(to bottom,#fff 0,#c5c5c5 100%);
}

.bot_main li.ico_4:visited{
  background-image:-webkit-linear-gradient(top,#fff 0,#e1e1e1 100%); background-image:linear-gradient(to bottom,#fff 0,#e1e1e1 100%);
}

.bot_main span{
  display:inline-block; width:100%; height:50px;color:#707070
}

.bot_main span.ico{
  display:inline-block; width:100%; height:20px; padding-top:5px; text-align:center;
}

.bot_main span.ico img{
  -webkit-transform:scale(1) rotate(0) translate3d(0,0,0); transform:scale(1) rotate(0) translate3d(0,0,0); width:22px; height:auto;display: block;
border: 0px none;
margin: 0px auto;
padding: 0px;
vertical-align: middle;
}

.bot_main span.txt{
  width:100%; height:20px; text-align:center;
}

