/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,button, input, select, textarea {/* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: normal 100% Helvetica, Arial, "微软雅黑";/* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
input {outline:none!important;outline:medium;}

input:focus {
    outline:none!important;
}

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt {} /* 统一等宽字体 */
small { font-size: 0.875em; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol{ list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration:none;cursor: pointer;}

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}
q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */    
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
    border: none;
    outline: 0;
    background: none;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    background-color: rgb(0, 0, 0) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
    -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
}
textarea{
	resize: none;outline: none;
}
/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}
img{ vertical-align:middle;max-width: 100%;height: auto;}
/**
 * 隐藏默认的checkbox
 */
input[type=checkbox] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

/* all */
::-webkit-input-placeholder {color:#a2a2a2;}
::-moz-placeholder {color:#a2a2a2;} /* firefox 19+ */
:-ms-input-placeholder {color:#a2a2a2;} /* ie */
input:-moz-placeholder {color:#a2a2a2;}

/*=====自定义公共样式=========*/
html,body{color: #333;height: 100%;}
body{font-size: .22rem;}
a{color:#333;}
.wrap{margin: 0 .2rem;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
i{display: inline-block;font-style: normal;}



@media screen and (max-width: 320px) {
  html {
    font-size: 42.8px;
  }
}
@media screen and (min-width: 320px) {
  html {
    font-size: 42.67px;
  }
}
@media screen and (min-width: 360px) {
  html {
    font-size: 48px;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 50px;
  }
}
@media screen and (min-width: 385px) {
  html {
    font-size: 51.33px;
  }
}
@media screen and (min-width: 400px) {
  html {
    font-size: 53.33px;
  }
}
@media screen and (min-width: 414px) {
  html {
    font-size: 55.2px;
  }
}
@media screen and (min-width: 450px) {
  html {
    font-size: 60px;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 64px;
  }
}
@media screen and (min-width: 540px) {
  html {
    font-size: 72px;
  }
}
@media screen and (min-width: 600px) {
  html {
    font-size: 80px;
  }
}
@media screen and (min-width: 640px) {
  html {
    font-size: 85.33px;
  }
}
@media screen and (min-width: 750px) {
  html {
    font-size: 100px;
  }
}