@charset "utf-8";

/* 当前页面定义 */
html {
    color: #231815;
    background-color: #fff;
}

body {
    min-width: 1300px;
}

/* 版心 */
.container {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.container::before,
.container::after {
    clear: both;
    content: "";
    display: table;
}

* {
    box-sizing: border-box;
}


/* 常用类 */

.clearfix {
    *zoom: 1
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

/* 鼠标小手 */
.cursor {
    cursor: pointer;
}

/* 首行缩进2em */
.indent-2em {
    text-indent: 2em;
    text-align: justify;
}

/* 过渡 */
.transform {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* 禁止选中 */
.text-none {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* 一行省略 */
.line-clamp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 多行省略 */
.line-clamps {
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.line-c2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.line-c3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

/* 三角形 */
.triangle {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
}

.triangle::before {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateX(100%);
    content: "";
    clear: both;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;

}

/* 上三角 */
.triangle.triangle-top::before {
    border-width: 8px 8px 0;
    border-color: #000 transparent transparent;
}

/* 下三角 */
.triangle.triangle-bottom::before {
    border-width: 0 8px 8px;
    border-color: transparent transparent #000;
}

/* 左三角 */
.triangle.triangle-left::before {
    transform: translate(100%, -50%);
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #000;
}

/* 右三角 */
.triangle.triangle-right::before {
    left: 0;
    transform: translate(-100%, -50%);
    border-width: 8px 8px 8px 0;
    border-color: transparent #000 transparent transparent;
}

/* 渐变字体 */
.text-gradient {
    /* 当前元素设置渐变背景即可 */
    /* background: linear-gradient(to right, red, blue); */
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

/** 设置默认字体 要注意表单元素并不继承父级 font 的问题 **/
body,
button,
input,
select,
textarea {
    font: 14px/1.5 "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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

input,
select,
textarea {
    font-size: 100%;
}

/* 标题标签自定义*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 16px;
}

h3,
h4,
h5,
h6 {
    font-size: 14px;
}

/** 清除内外边距 **/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
nav,
section {
    display: block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/* 去掉各 table cell 的边距并让其边重合 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* IE bug fixed: th 不继承 text-align */
th {
    text-align: inherit;
}

/* 去除默认边框 */
fieldset,
img {
    border: 0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display: block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,
acronym {
    border: 0;
    font-variant: normal;
}

/* del 样式 */
del {
    text-decoration: line-through;
}

i {
    font-style: normal;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}

/* 去除列表的默认样式, li 会继承 */
ol,
ul {
    list-style: none;
}

/* 解决ie下重复最后字符 */
q:before,
q:after {
    content: '';
}

/* 统一上标和下标 */
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* 默认不显示下划线，保持页面简洁 */
ins,
a {
    text-decoration: none;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp {
    font-family: courier new, courier, monospace;
}

small {
    font-size: 80%;
}

/** 清除选中状态蓝色边框 **/
a,
img,
input,
select,
textarea,
button {
    outline: none;
    border: none;
    /*-webkit-appearance: none;*/
}

/* 基本处理 */
button[disabled],
input[disabled] {
    cursor: default;
}

textarea {
    overflow: auto;
}

/* button */
button {
    cursor: pointer;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* a链接样式-color可修改 */
a {
    text-decoration: none;
    cursor: pointer;
}

/* 未访问 */
a:link {
    color: #333;
}

/* 已访问 */
a:visited {
    color: #333;
}

/* 鼠标上移 */
a:hover {
    color: #333;
}

/* 选中 */
a:active {
    color: #333;
}

/* a标签点击后的虚线框 */
a:hover,
a:active,
a:focus {
    text-decoration: none;
}

/* input */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type=submit],
input[type=button] {
    cursor: pointer;
}

/* 属性 */
[hidden] {
    display: none;
}

/* 定义 */
.flex-def {
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */
}
.flex-wrap{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap:wrap;
  flex-wrap: wrap;
}
/* 主轴居中 */
.flex-zCenter {
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-zEvenly {
  -webkit-box-pack: space-evenly;
  -moz-justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
}

/* 主轴两端对齐 */
.flex-zBetween {
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

/* 主轴end对齐 */
.flex-zEnd {
    -webkit-box-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

/* 主轴start对齐 */
.flex-zAround {
    -webkit-box-pack: space-around;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

/* 主轴start对齐 */
.flex-zStart {
    -webkit-box-pack: start;
    -moz-justify-content: start;
    -webkit-justify-content: start;
    justify-content: start;
}


/* 侧轴居中 */
.flex-cCenter {
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

/* 侧轴start对齐 */
.flex-cStart {
    -webkit-box-align: start;
    -moz-align-items: start;
    -webkit-align-items: start;
    align-items: start;
}

/* 侧轴底部对齐 */
.flex-cEnd {
    -webkit-box-align: end;
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

/* 侧轴文本基线对齐 */
.flex-cBaseline {
    -webkit-box-align: baseline;
    -moz-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

/* 侧轴上下对齐并铺满 */
.flex-cStretch {
    -webkit-box-align: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

/* 主轴从上到下 */
.flex-zTopBottom {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

/* 主轴从下到上 */
.flex-zBottomTop {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

/* 主轴从左到右 */
.flex-zLeftRight {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

/* 主轴从右到左 */
.flex-zRightLeft {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/* 是否允许子元素伸缩 */
.flex-item {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

/* 子元素的显示次序 */
.flex-order {
    -webkit-box-ordinal-group: 1;
    -moz-order: 1;
    -webkit-order: 1;
    order: 1;
}