/* css样式清零及常用类 */
@charset "utf-8";
/*CSS Reset*/
/*"微软雅黑","\5FAE\8F6F\96C5\9ED1","Microsoft YaHei"
"黑体","\9ED1\4F53"
"新宋体","\65B0\5B8B\4F53"
"宋体","\5B8B\4F53"
"幼圆"    ,"YouYuan","\5E7C\5706"
*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; word-wrap: break-word;}
:before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
body {min-height: 100%;background-color: #fff;-webkit-font-26oothing: antialiased;-moz-osx-font-26oothing: grayscale;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {
    margin: 0 auto;
    background-color: #f5f5f5;
    font-family: Avenir;
    color: #292B2C;
    font-weight: 400;
    font-size: 14px;
}
html {
    font-size: 16px;
}
/* 初始化标签在所有浏览器中的margin、padding值 */
html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, hr, p, pre, span, strong, form, iframe, label, button, input,
textarea, table, tr, th, td, i,div,code,fieldset,legend,lengend,blockquote,select {
    margin: 0;
    padding: 0;
    text-align: left;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 400;
}
/* 清除内外边距 */
dl, dd, ol, ul, li {list-style: none;list-style-type: none}

i {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    vertical-align: middle
}
img {border: 0;vertical-align: middle}

a img, img {-ms-interpolation-mode: bicubic}

/*a:hover, a:active {color: var(--main-color);
    color: #00388D;cursor: pointer}*/

a:hover, a:active {text-decoration: underline}

a.ie6:hover { zoom: 1}

button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;border: 0}

input, button, textarea, select, optgroup, option {
    border: 0;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    overflow: visible;
    vertical-align: middle;
    outline: none;
    border-radius: 0;
}
/* reset */
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */

a {color:#00388D;text-decoration:none}  /* 重置链接a标签 */
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */
caption {display:none;}    /* 重置表格标题为隐藏 */
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */

/* 页面设置 */

/* 取消a标签点击后的虚线框 */
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}
/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
/*去掉input后面的叉号*/
input[type=search]::-webkit-search-cancel-button{
    -webkit-appearance: none;
}
html{ overflow-y: scroll;}
/* 重置 hr */
hr {border: none;height: 1px;}
/*超出内容显示省略号*/
.ellipsis{white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
/*超出两行内容显示省略号*/
.ellipsis2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
/*清除浮动*/
.clear{clear: both;}

/*清除浮动*/
.clearfix {*zoom: 1;}
/*解决ie6/7下面的浮动塌陷问题*/
.clearfix:before,
.clearfix:after {display: table;line-height: 0;content: " ";}
/*display:table;解决其他下面的浮动塌陷问题,line-height是将添加的内容高度设为0；*/
.clearfix:after { clear: both;}
/*清楚浮动*/
.fl {float: left;}
.fr {float: right;}