* {

    -webkit-tap-highlight-color: transparent;

    padding: 0;

    margin: 0;

    /*font-family: "medium";*/

}
/*
@font-face {

    font-family: 'medium';

    src:url('../font/medium.TTF'); 

   }*/

input {

    -webkit-appearance: none;

    appearance: none;

    border: none;

    outline: none;

    background: transparent;

    /*font-family: "medium";*/

}



button {

    border: none;

    outline: none;

    /*font-family: "medium";*/

}

textarea{

    outline: none;

    /*font-family: "medium";*/

}

img {

    border: 0; 

    max-width: 100%;

    vertical-align: middle;

}



img,

a {

    -webkit-touch-callout: none;

}



a {

	text-decoration: none;

	color: #2b333b;

}



li {

    list-style: none

}





div {

    box-sizing: border-box;

}



.clearfix:after {

    content: "";

    display: block;

    line-height: 0;

    visibility: hidden;

    height: 0;

    clear: both;

}



.clearfix {

    zoom: 1;

}

.ellipsis {

    display: block;

   white-space: nowrap;

   overflow: hidden;

   text-overflow: ellipsis;

}

em,

i {

    font-style: normal;

}

textarea {

    resize: none;

    border: none;

}



body {

    background: #ffffff;

    font-size: .28rem;

}



.w{

    padding-left: .2rem !important;

    padding-right: .2rem !important;

    box-sizing: border-box;

}

.ellipsis {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.foot{

    height: 1.7rem;

}

.footer{

    position: fixed;

    z-index: 9999;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1.18rem;

    background: #ffffff;

    display: flex;

    box-shadow: 0 -0.04rem .06rem -0.02rem #e4e5e7;

}

.footer a{

    flex: 1;

    display: block;

    position: relative;

    text-align: center;

    padding-top: .15rem;

    box-sizing: border-box;

}



.footer a em{

    display: block;

    width: .42rem;

    height: .42rem;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    margin: 0 auto;

}

.footer a:nth-child(1) em{

    background-image: url(../img/icon1.png);

}

.footer a.current:nth-child(1) em{

    background-image: url(../img/icons1.png);

}

.footer a:nth-child(2) em{

    background-image: url(../img/icon2.png);

}

.footer a.current:nth-child(2) em{

    background-image: url(../img/icons2.png);

}

.footer a:nth-child(3) em{

    width: 1.46rem;

    height: 1.46rem;

    position: absolute;

    top: -.47rem;

    left: 50%;

    transform: translateX(-50%);

    background-image: url(../img/icon3.png);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    border-radius: 50%;

    box-shadow: 0 -2px 6px rgba(0,0,0,.2);

}



.footer a:nth-child(4) em{

    background-image: url(../img/icon4.png);

}

.footer a.current:nth-child(4) em{

    background-image: url(../img/icons4.png);

}

.footer a:nth-child(5) em{

    width: .38rem;

    height: .42rem;

    background-image: url(../img/icon5.png);

}

.footer a.current:nth-child(5) em{

    width: .38rem;

    height: .42rem;

    background-image: url(../img/icons5.png);

}

.footer img{

    display: block;

    width: 1.46rem;

    height: 1.46rem;

}

.footer a p{

    margin-top: .08rem;

    font-size: .26rem;

    color: #a6a6a6;

}

.footer a.current p{

    color: #f50505;

}