/*通用样式*/
/*消除各个标签在不同浏览器下的内外边距*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
/*定义盒子模型计算方式，以及字体*/
body {
    line-height: 1.5;
    box-sizing: border-box;
    background: #ffffff;
    font-family: "SimSun","宋体","microsoft yahei",'\5B8B\4F53',tahoma,Helvetica,'\534E\6587\7EC6\9ED1',arial,'Hiragino Sans GB',sans-serif;
    /*顺畅滚动*/
    -webkit-overflow-scrolling: touch;
}

*{
    box-sizing: border-box;
}
/*消除列表的内置样式*/
dl,
ul,
ol,
menu,
li {
    list-style: none;
}
/*定义图片的样式*/
fieldset,
img {
    border: 0;
}
/*图片对齐方式*/
img {
    vertical-align: bottom;
}
/*输入框的样式重置*/
input {
    border: none;
    outline: none;
}
/* 链接样式，颜色可酌情修改 */
/* 未访问的链接 */
a{
    text-decoration: none;
}
/* 鼠标移动到链接上 */
a:hover {
    text-decoration: none;
}
/*取消超链接的下划线样式*/
del,
ins,
a {
    text-decoration: none;
}
/* 取消a标签点击后的虚线框 */
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: 0;
}
/*CSS3链接秒数缓冲效果2秒*/
a {
    outline: none;
    transition: color 0.2s ease 0s;
}
/*移动端禁止a标签背景*/
a,
button,
input,
optgroup,
select,
textarea{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /*去掉a等元素点击时的蓝色外边距和灰色半透明背景*/
}
/*禁止长按a，img长按出现菜单栏*/
a,img{
    -webkit-touch-callout: none;
}
/* 清除特殊标记的字体和字号 */
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
    font-style: normal;
    font-weight: normal;
}
/*重置标题标签样式*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr,
acronym {
    border: 0;
    font-variant: normal;
}
/* 输入控件字体 */
input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
/* 重置表单控件垂直居中*/
input,
select,
textarea,
button {
    vertical-align: middle;
    outline: none;
}
code,
kbd,
samp,
tt {
    font-size: 100%;
}
input,
button,
textarea,
select {
    *font-size: 100%;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption,
th {
    text-align: left;
}
sup,
sub {
    font-size: 100%;
    vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link,
:visited,
ins {
    text-decoration: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
/*左右浮动*/
.rt {
    float: right;
}
.lf {
    float: left;
}
/*解决浮动引发的问题*/
.solve_float:after {
    content: '';
    display: block;
    clear: both;
}
/*解决外边距溢出问题*/
.mt_overflow:before {
    content: '';
    display: table;
}
/*解决外边距溢出问题*/
.mb_overflow:after {
    content: '';
    display: table;
}
/*鼠标移入鼠标显示图标*/
.pointer {
    cursor: pointer;
}

/*弹性框布局，及其兼容性问题*/
.flex-layout{
    display: flex;
    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 */
    flex-wrap: nowrap;
}
/*横向排列*/
.flex-hrz{
    /* 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-vrtc{
    /* 09版 */
    -webkit-box-orient: vertical;
    /* 12版 */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
/*换行*/
.flex-w{
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* 父元素-水平居中（主轴是横向才生效） */
.flex-hrz-center {
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
/*无伸长*/
.no-flex{
    flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-flex-grow: 0;
}
.have-flex{
    flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-flex-grow: 1;
}
/*有无压缩*/
.no-shink{
    flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -webkit-flex-shrink: 0;
}
.have-shink{
    flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -webkit-flex-shrink: 1;
}