html {-webkit-text-size-adjust: none;height:100%;overflow-y:auto;font-size:100px} /* 1rem=100px,解决设置字体不能小于12px */
body{height:100%;color:#333;font-family:'Microsoft YaHei',Geneva,Arial,Helvetica,sans-serif;font-size:16px;font-size:.16rem} /* 字体大小兼容 */
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
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,select{margin:0;padding:0} /* 初始化标签在所有浏览器中的margin、padding值 */
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal} /* 重置样式标签的样式 */
h1,h2,h3,h4,h5,h6,strong,th{font-size:100%;font-weight:bold}
input,button,select,textarea{font-size:100%;vertical-align:middle;outline:none;font-family:'Microsoft YaHei',Geneva,Arial,Helvetica,sans-serif}
input[type='button'],input[type='submit'],button{border:0;background-color:transparent;cursor:pointer} /* 重置表单button按钮效果 */
textarea{resize:none} /*文本框禁止拖拉*/
table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #ddd;/*table-layout:fixed*/} /* 重置table属性,单元格按照规定大小分配:(table-layout:fixed) */
td,th{border:1px solid #ddd}
iframe,fieldset,img{border:0} /* 重置fieldset（表单分组）、图片的边框为0 */
dl,ul,ol,menu{list-style:none} /* 重置类表前导符号为none,menu在HTML5中有效,li会继承 */
hr{clear:both}
a{color:#333;cursor:pointer}
a,a:active,a:hover{text-decoration:none} /* 重置链接a标签的鼠标滑动效果 */
a,a:focus{outline:0} /* 取消a标签的虚线框 */
video,img{vertical-align:top} /* 图片在当前行内的垂直位置 */
/* 统一上标和下标 */
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}

/* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */
/*
::-moz-selection{color:#fff;background-color:#4C6E78}
::selection{color:#fff;background-color:#4C6E78}
*/

/* 滚动条,最好只针对PC */
.isPC ::-webkit-scrollbar{width:7px;height:7px}
.isPC ::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color: rgb(221, 221, 221);}
.isPC ::-webkit-scrollbar-thumb{border-radius:10px;background-color: rgb(24, 136, 203);}

/* 设置表单提示文字颜色 */
::-webkit-input-placeholder{color:#ccc}
:-moz-placeholder{color:#ccc}
::-moz-placeholder{color:#ccc}
:-ms-input-placeholder{color:#ccc}

/* 移动端 */
a,img{-webkit-touch-callout:none} /* 禁止ios长按时触发系统的菜单 */
input[type='button'],input[type='submit'],button{-webkit-appearance:none} /* 禁用IOS上的默认按钮 */
a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)} /* 去除被点击时产生的边框 */

/* 自定义样式 */
.fl-l{float:left}
.fl-r{float:right}
.clear:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clear{*zoom:1} /* 兼容 IE6、IE7 */
.center{margin-left:auto;margin-right:auto}
.ellipsis{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis} /* 单行省略号 */
.ellipsis-2{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} /* 多行省略,数值代表显示几行 */
.box-b{-webkit-box-sizing:border-box;box-sizing:border-box} /* IE8+ 盒模型 默认:content-box */
.noSelect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} /* 不能选中 */

/* 消除transition闪屏 */
.noFlashing{-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}
/* 开启硬件加速 */
.translate3d{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
/* 过渡 */
.transition{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}