@charset "utf-8";
/*Css Document */
 
/*消除不同浏览器对HTML文本呈现的差异==========================================================================*/
/*1.在所有浏览器中更正行高。
2.防止在iOS中更改方向后调整字体大小。*/
html{line-height: 1.15; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%;}
/*Sections(节)========================================================================== */
/*在所有浏览器中删除边距。*/
body{margin: 0;}
/*在IE中一致地渲染`main`元素。*/
main{display: block;}
/*更正`section`中`h1`元素的字体大小和边距，
Chrome，Firefox和Safari中的“article”上下文。*/
h1{font-size: 2em;margin: 0.67em 0;}
/*Grouping content(分组内容)========================================================================== */
/*1.在Firefox中添加正确的框大小。
2.在Edge和IE中显示溢出。*/
hr{box-sizing: content-box; /* 1 */height: 0; /* 1 */overflow: visible; /* 2 */}
/*1.在所有浏览器中更正字体大小的继承和缩放。
2.在所有浏览器中更正奇数的“ em”字体大小。*/
pre{font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
/* Text-level semantics(文本级语义)========================================================================== */
/*删除IE 10中活动链接上的灰色背景。*/
a {background-color: transparent;}
/*1.移除Chrome 57-中的底部边框
2.在Chrome，Edge，IE，Opera和Safari中添加正确的文字修饰。*/
abbr[title]{border-bottom: none; /* 1 */text-decoration: underline; /* 2 */text-decoration: underline dotted; /* 2 */}
/*在Chrome，Edge和Safari中添加正确的字体粗细。*/
b,strong{font-weight: bolder;}
/*1.在所有浏览器中更正字体大小的继承和缩放。
2.在所有浏览器中更正奇数的“ em”字体大小。*/
code,kbd,samp {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
/*在所有浏览器中添加正确的字体大小。*/
small{font-size: 80%;}
/*防止`sub`和`sup`元素影响行的高度
所有浏览器。*/
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub{bottom: -0.25em;}
sup{top: -0.5em;}
/* Embedded content(嵌入式内容)========================================================================== */
/*删除IE 10中链接内部图像的边框。*/
img{border-style: none;}
/* Forms(形式)========================================================================== */ 
/*1.在所有浏览器中更改字体样式。
2.在Firefox和Safari中删除边距。*/
 button,input,optgroup,select,textarea{font-family: inherit; /* 1 */font-size: 100%; /* 1 */line-height: 1.15; /* 1 */margin: 0; /* 2 */}
/*显示IE中的溢出。
1.在Edge中显示溢出。*/
button,input {/* 1 */overflow: visible;}
/*删除Edge，Firefox和IE中文本转换的继承。
1.删除Firefox中文本转换的继承。*/
button,select { /* 1 */text-transform: none;}
/*纠正了无法在iOS和Safari中设置可点击类型的样式的问题。*/
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance: button;}
/*在Firefox中删除内部边框和填充。*/
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style: none;padding: 0;}
/*恢复以前的规则未设置的焦点样式。*/
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText;}
/*更正Firefox中的填充。*/
fieldset{padding: 0.35em 0.75em 0.625em;}
/* 1.更正Edge和IE中的文字换行。
2.纠正IE中来自“ fieldset”元素的颜色继承。
3.删除填充，使开发人员在归零时不会被抓住
所有浏览器中的`fieldset`元素。*/
legend {box-sizing: border-box; /* 1 */color: inherit; /* 2 */display: table; /* 1 */max-width: 100%; /* 1 */padding: 0; /* 3 */white-space: normal; /* 1 */}
/*在Chrome，Firefox和Opera中添加正确的垂直对齐方式。*/
progress{vertical-align: baseline;}
/*删除IE 10+中的默认垂直滚动条。*/
textarea{overflow: auto;}
/*1.在IE 10中添加正确的框大小。
2.删除IE 10中的填充。*/
[type="checkbox"],[type="radio"]{box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
/*更正Chrome中递增和递减按钮的光标样式。*/
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height: auto;}
/*1.纠正Chrome和Safari中的奇怪外观。
2.在Safari中更正轮廓样式。*/
[type="search"]{-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */}
/*在macOS上的Chrome和Safari中删除内部填充。*/
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
/*1.纠正了无法在iOS和Safari中设置可点击类型的样式的问题。
2.在Safari中将字体属性更改为`inherit`。*/
::-webkit-file-upload-button{-webkit-appearance: button; /* 1 */font: inherit; /* 2 */}
/* Interactive(互动)========================================================================== */
/*在Edge，IE 10+和Firefox中添加正确的显示。*/ 
details{display: block;}
/*在所有浏览器中添加正确的显示。*/ 
summary{display: list-item;}
/* Misc(其他)========================================================================== */
/*在IE 10+中添加正确的显示。*/
template{display: none;}
/*在IE 10中添加正确的显示。*/
[hidden]{display: none;}

/*Document : CSS样式初始化 Description: CSS样式表的初始化，全局样式设置。*/
/* 全局CSS reset */
/* 页面设置 */
/* 初始化标签在所有浏览器中的margin、padding值 */
html{ _background:url(about:blank);}
a,abbr,acronym,address,applet,area,article,aside,audio,b,base,basefont,bdi,bdo,big,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,command,datalist,dd,del,details,dfn,dialog,dir,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,frame,frameset,h1,h2,h3,h4,h5,h6,head,header,hr,html,i,iframe,img,input,ins,kbd,keygen,label,legend,li,link,main,map,mark,menu,menuitem,meta,meter,nav,noframes,noscript,object,ol,optgroup,option,output,p,param,pre,progress,q,rp,rt,ruby,s,samp,script,section,select,small,source,span,strike,strong,style,sub,summary,sup,tbody,td,textarea,tfoot,th,thead,time,title,tr,track,tt,u,ul,var,video,wbr{margin:0; padding:0;  outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/ }
header,footer,nav,section,figure,figcaption,form,aside,article,hgroup,main,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,p{display: block;}
td{
vertical-align: middle;
}
/* 酌情修改 */
body{font-family:"microsoft yahei","微软雅黑"; overflow-x: hidden;}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1 ;} /* 重置页面文字属性 */
/* 短引用的内容可取值：''或"" */
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none} /* 重置嵌套引用*/
/* 缩写，图片等无边框 */
fieldset,img,abbr,acronym{border: 0 none;} /* 重置fieldset（表单分组）、图片的边框为0*/
img{vertical-align:top;} /* 图片在当前行内的垂直位置 */
abbr,acronym{font-variant: normal;}
legend{color:#000;}
blockquote, q{quotes: none} /* 重置嵌套引用的引号类型 */
/* 清除特殊标记的字体和字号 */
address,caption,cite,code,dfn,em,strong,th,var{font-weight: normal; font-style: normal;} /* 重置样式标签的样式 */
/*给strong加bold属性*/
strong{font-weight: bold;}
/* 上下标 统一上标和下标 */
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em; }
sub{bottom:-0.25em;}
/* 设置表格的边框被合并为一个单一的边框, 指定分隔边框模型中单元格边界之间的距离为0*/
/* 表格标题及内容居左显示 */
caption{display:none;} /* 重置表格标题为隐藏 */
caption,th{text-align: left;}
/* 清除列表样式 */
dl,ul,ol,menu,li{list-style:none} /* 重置类表前导符号为onne,menu在HTML5中有效 */
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;} /* 重置表单控件垂直居中*/
textarea{resize:none}
input[type="submit"]{cursor: pointer;}/* 鼠标样式 */
button{border:0 none;background-color:transparent;cursor:pointer} /* 重置表单button按钮效果 */
input::-moz-focus-inner{border: 0; padding: 0;}
/* 标题元素样式清除, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;　}
/* 链接样式，颜色根据实际需求修改 */
a:link {}/* 未访问的链接 */
a:visited {/* color: #999; */}/* 已访问的链接 */
a:hover {}/* 鼠标移动到链接上 */
a:active {}/* 选定的链接 */
del,ins,a{text-decoration:none;}
a:hover,a:active,a:focus{ text-decoration:none;} /* 取消a标签点击后的虚线框 */
a:active{star:expression(this.onFocus=this.blur());} /* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */
/*匹配元素中被用户选中或处于高亮状态的部分*/
::selection{}
::-moz-selection{}
a{outline: none;transition: color 0.2s ease 0s;}/*CSS3链接秒数缓冲效果2秒*/
/* 层板块缓冲效果CSS3 transition: all 0.3s ease 0s;   */
.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}
.f_yh{font-family:"Arial, Helvetica, sans-serif";}/*f_yh为英文字体样式*/
.cursor{ cursor:pointer;}
.pr{position:relative}/*相对定位*/
.pa{position:absolute}/*绝对定位*/
.fl{ float:left;}/*左浮动*/
.fr{ float:right;}/*右浮动*/
.fl,.fr{display:inline;}/*浮动后，此元素会被显示为内联元素，元素前后没有换行符*/
.text_hide{text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
/*文字颜色c，背景颜色bc*/
.c1{color:#5d5d5d}
.c2{color:#8f8f8f}
.c3{color:#e44cea}
.c4{color:#f49bff}
.c5{color:#ff0000}
.bc1{background:#f3f3f3}
.bc2{background:#f8f8f8}
.bc3{background:#ffffff}
/*上边距*/
.mt1{margin-top: 10px;}
.mt2{margin-top: 20px;}
.mt3{margin-top: 30px;}
.mt4{margin-top: 40px;}
.mt5{margin-top: 50px;}