/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
a,small,strong, b,i, center,
dl, dt, dd, ol, ul, li,
form, label, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, footer, header,
nav,section, summary,
time,address, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 14px;*/
    font-weight: normal;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, footer, header, menu, nav, section {
    display: block;
}
html{
    font-size: calc(100vw / 7.5);
    font-size: -webkit-calc(100vw / 7.5);
    -webkit-text-size-adjust: 100%;
    max-width: 750px;
    margin: 0 auto;
}
@media only screen and (min-width:750px) {
    html{
        font-size: 100px;
    }
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: none;
}

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

/* custom */
a {
    text-decoration: none;
    -webkit-backface-visibility: hidden;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0) ;
    -webkit-tap-highlight-color: transparent ;
    outline:none;
    background: none;
}
a:active{
   background: #f0f0f0 !important;
   color: #36ab69 !important;
}
li {
    list-style: none;
}

::-webkit-scrollbar {
    /*width: 5px;
    height: 5px;*/
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}
html, body {
    /*height: 100%;
    width: 100%;
    overflow: hidden;*/
    line-height: 1;
    font-weight: 200;
    font-family: "微软雅黑",'PingFang SC','STHeitiSC-Light','Helvetica-Light',Arial,sans-serif;
}
body {
    position: relative;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /*-webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;   */
}
textarea{
  resize : none;
}
textarea,input,button{
    outline: none;
}
.clearfix{
   display: block;
}
.clearfix:after{
    content: '.';
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.fl{
    float: left;
}
.fr{
    float: right;
}

/* .flex 声明flex排版*/
/* .flex-hc 父元素-水平居中（主轴是横向才生效） */
/* .flex-vc 父元素-竖直居中（主轴是横向才生效） */
/* .flex1 子元素-平均分栏 */
/* .flex-h 父元素-横向排列（主轴） */
/* .flex-hw 父元素-横向换行 */
/* .flex-v 父元素-纵向排列（主轴） */
/* .flex-vw 父元素-纵向换行 */
/* .flex-1 子元素-显示在从左向右（从上向下）第1个位置，用于改变源文档顺序显示 */
/* .flex-2 子元素-显示在从左向右（从上向下）第2个位置，用于改变源文档顺序显示 */

.flex {
  display: box;
  display: -webkit-box;/* OLD - Android 4.4- */
  display: -moz-box;/* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;/* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-flex; /* Firefox 18+ */
  display: -webkit-flex;/* TWEENER - IE 10 */
  display: flex;/* NEW - Chrome */
}

/* 父元素-水平居中（主轴是横向才生效） */
.flex-hc {
  -webkit-box-pack: center;/* 09版 */
  -webkit-justify-content: center;/* 12版 */
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  /* 其它取值如下：
align-items 主轴原点方向对齐
flex-end 主轴延伸方向对齐
space-between 等间距排列，首尾不留白
space-around 等间距排列，首尾留白
*/
}



/* 父元素-竖直居中（主轴是横向才生效） */

.flex-vc {
  -webkit-box-align: center;/* 09版 */
  -webkit-align-items: center;/* 12版 */
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}

/* 子元素-平均分栏 */
.flex1 {
  -webkit-box-flex: 1;/* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;/* OLD - Firefox 19- */
  width: 20%;
  -webkit-flex: 1;/* For old syntax, otherwise collapses. */
  -ms-flex: 1;/* Chrome */
  flex: 1;/* IE 10 */
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/* 父元素-横向排列（主轴） */
.flex-h {
  display: box; /* OLD - Android 4.4- *//* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}

/* 父元素-横向换行 */

.flex-hw {
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* 父元素-纵向排列（主轴） */

.flex-v {
  display: box;
  display: -webkit-box;/* OLD - Android 4.4- */
  display: -moz-box;/* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;/* OLD - Firefox 19- (buggy but mostly works) */
  display: -webkit-flex;/* TWEENER - IE 10 */
  display: flex;/* NEW - Chrome */
  /* 09版 */
  -webkit-box-orient: vertical;/* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

/* 父元素-纵向换行 */
.flex-vw {
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* 子元素-显示在从左向右（从上向下）第1个位置，用于改变源文档顺序显示 */
.flex-1 {
  -webkit-box-ordinal-group: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 1;
  /* OLD - Firefox 19- */
  -ms-flex-order: 1;
  /* TWEENER - IE 10 */
  -webkit-order: 1;
  /* NEW - Chrome */
  order: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/* 子元素-显示在从左向右（从上向下）第2个位置，用于改变源文档顺序显示 */
.flex-2 {
  -webkit-box-ordinal-group: 2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 2;
  /* OLD - Firefox 19- */
  -ms-flex-order: 2;
  /* TWEENER - IE 10 */
  -webkit-order: 2;
  /* NEW - Chrome */
  order: 2;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}