@charset "utf-8";

*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  outline: 0;

}

body,

div,

span,

h1,

h2,

h3,

h4,

h5,

h6,

p,

em,

img,

strong,

b,

small,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

sub,

sup,

tt,

var,

del,

dfn,

ins,

kbd,

q,

s,

samp,

strike,

applet,

object,

iframe,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

mark,

audio,

video,

input,

textarea,

select {

  margin: 0;

  padding: 0;

}

body {

  font-family: arial, "microsoft yahei";

  font-size: 12px;

}

a {

  transition: all 0.2s;

}

a:link,

a:visited {

  text-decoration: none;

  outline: none;

  color: #333;

}

a:hover,

a:active,

a:focus {

  color: #58ce91;

}

img {

  border: 0;

}

table {

  border-collapse: collapse;

  width: 100%;

}

input[type='reset'],

input[type='button'],

input[type='submit'],

input[type='radio'] {

  cursor: pointer;

  outline: none;

}

input[type='checkbox'],

input[type='radio'] {

  position: relative;

  vertical-align: middle;

  margin: -2px 5px 1px;

}

textarea,

input[type='email'],

input[type='date'],

input[type='password'],

input[type='text'] {

  padding: 0;

  color: #ca8189;

  outline: none;

}

.f-l {

  float: left;

}

.f-r {

  float: right;

}

/*清楚浮动*/

.clearfix:after {

  clear: both;

  height: 0;

  content: "";

  line-height: 0;

  font-size: 0;

  display: block;

}

/*图片垂直水平居中*/

.vcenter {



  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  max-width: 100%;

  max-height: 100%;

  display: block;

  vertical-align: middle;

  text-align: center;

  margin: auto;

}

@font-face {

  font-family: 'annabelleregular';

  src: url('../fonts/annabelle-webfont.eot');

  src: url('../fonts/annabelle-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/annabelle-webfont.woff2') format('woff2'), url('../fonts/annabelle-webfont.woff') format('woff'), url('../fonts/annabelle-webfont.ttf') format('truetype'), url('../fonts/annabelle-webfont.svg#annabelleregular') format('svg');

  font-weight: normal;

  font-style: normal;

}





.footer-fix{

display:none;
}


@media (max-width: 767px){

.footer-fix{

display:block;
}


body {
    padding-bottom: 2.75rem;
}


.footer-fix {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #01a0eb;z-index: 10;}
.footer-fix li {float: left;width: 33.3%;list-style:none;}
.footer-fix li a {display: block;text-align: center;color: #fff;padding: 0.25rem 0;font-size: 0.6rem;line-height: 1;}
.footer-fix li i {display: block;height: 2.2rem;background: no-repeat center;background-size: contain;margin-bottom: 5px;}
.footer-fix li i.i1 {background-image: url(../images/f1.png);}
.footer-fix li i.i2 {background-image: url(../images/f2.png);}
.footer-fix li i.i3 {background-image: url(../images/f3.png);}
.footer-fix li i.i4 {background-image: url(../images/f4.png);}
}