/* 
* @Author: Marte
* @Date:   2017-04-20 10:40:08
* @Last Modified by:   anchen
* @Last Modified time: 2018-06-26 14:47:37
*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; } 
img{display: block;}
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "微软雅黑";}
 select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
table { border-collapse:collapse; }
body {font-size:12px; color:#fff;font-family: "微软雅黑";background-size: cover;}
.clearfix::after { content:" "; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
a { color:#333; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }html * {
  outline: 0;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}

body, th, td, p, ol, ul, li, dl, dt, dd, a, h1, h2, h3, h4, h5, h6, form, fieldset, input, legend, select, textarea {
  margin: 0;
  padding: 0;
}
input, img, fieldset {
  border: none;
}

input, select, fieldset {
  vertical-align: middle;
}

ul, ol {
  padding-left: 0;
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
  vertical-align: top;
}

i, cite, em, var, address, dfn {
  font-style: normal;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}
     
input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder, input:focus::-moz-placeholder {
  color: transparent;
}

button, input[type=button], input[type=password], input[type=submit], input[type=text], textarea {
  -webkit-appearance: none;
}

input:-ms-clear {
  display: none;
}

/* clear IE10 X */
input {
  -webkit-user-modify: read-write-plaintext-only;
}

select {
  overflow-x: hidden;
}

body{
  height: 100%;
  width: 100%;
}

html{
  height: 100%;
  width: 100%;
}



.main{
    min-height: 100%;
    width: 100%;
    max-width: 900px;
    margin:0 auto;
    overflow:hidden;
    box-shadow: 0px 1px 3px #ccc;
    box-sizing: border-box;
}


/*footer*/
.footer{
    width: 100%;   
    height: 1.8rem;
    position:fixed;
    bottom:0;
    left:0;
    overflow:hidden;
    z-index: 999;
}
.footer ol li{
    width:19.3%;
    padding-top:0.15rem;
    height: 1.7rem;
    float: left;
    margin-right: 0.875%;
    background: rgba(0, 0, 0, 0.62);
}
.footer ol li.current{
    margin-right: 0;
}
.footer ol li .icon img{
    display: block;
    width: 1rem;
    margin:0 auto;
}
.footer ol li a{
    display:block;
    text-align: center;
    width: 100%;
    color:#fff;
    font-size: 0.32rem;
}