@charset "utf-8";

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
  color:#333;
  background:#fff;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  font-size:62.5%;
  text-rendering:optimizelegibility;
  min-height:100%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, textarea, input, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  margin:0;
  padding:0;
}

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

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

/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
  font:400 1em/1.5 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
}

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

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

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

/* 块/段落引用 */
blockquote {
  position:relative;
  color:#999;
  font-weight:400;
  border-left:2px solid #1abc9c;
  padding-left:1em;
  margin:1em 3em 1em 2em;
}

@media only screen and ( max-width:640px ) {
  blockquote {
    margin:1em 0;
  }
}

/* Firefox 以外，元素没有下划线，需添加 */
acronym, abbr {
  border-bottom:1px dotted;
  font-variant:normal;
  cursor:help;
}

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

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

em {
  font-style:italic;
}

/* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */
ul, ol {
  list-style:none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
  text-align:left;
}

q:before, q:after {
  content:'';
}

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

:root sub, :root sup {
  vertical-align:baseline; /* for ie9 and other modern browsers */
}

sup {
  top:-0.5em;
}

sub {
  bottom:-0.25em;
}

/* 让链接在 hover 状态下显示下划线 */
a {
  color:#333;
}

a:hover {
  text-decoration:underline;
}

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

u {
  text-decoration:underline;
}

/* 标记，类似于手写的荧光笔的作用 */
mark {
  background:#fffdd1;
  border-bottom:1px solid #ffedce;
  padding:2px;
  margin:0 5px;
}

/* 代码片断 */
pre, code, pre tt {
  font-family:Courier, 'Courier New', monospace;
}

pre {
  background:#f8f8f8;
  border:1px solid #ddd;
  padding:1em 1.5em;
  display:block;
  -webkit-overflow-scrolling:touch;
}

/* 一致化 horizontal rule */
hr {
  border:none;
  border-bottom:1px solid #cfcfcf;
  margin-bottom:0.8em;
  height:10px;
}

/* 底部印刷体、版本等标记 */
small, .typo-small,
  /* 图片说明 */
figcaption {
  font-size:0.9em;
  color:#888;
}

strong, b {
  font-weight:bold;
  color:#000;
}

.clearfix:before, .clearfix:after {
  content:"";
  display:table;
}

.clearfix:after,.clear {
  clear:both;
}

.clearfix {
  zoom:1;
}

/* 强制文本换行 */
.textwrap, .textwrap td, .textwrap th {
  word-wrap:break-word;
  word-break:break-all;
}

.textwrap-table {
  table-layout:fixed;
}

/* 提供 serif 版本的字体设置:iOS 下中文自动 fallback 到 sans-serif */
.serif {
  font-family:Palatino, Optima, Georgia, serif;
}

/* 保证块/段落之间的空白隔行 */

h1, h2, h3, h4, h5, h6 {
  font-family:Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
}
/* 去掉textarea */
select,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input,input[type="submit"],input[type="reset"],input[type="button"] {
    display:inline-block;
    padding:4px 6px;
    font-size:12px;
    line-height:1.5;
    color:#000;
    border-radius:0px;
    vertical-align:middle;
    -webkit-appearance:none;
}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
    background-color:#ffffff;
    border:1px solid #cccccc;
    box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.2);
    transition:border linear .2s, box-shadow linear .2s;
}
input[type="submit"],input[type="reset"],input[type="button"] {
    background-color:#fff;
}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {
    border-color:rgba(82, 168, 236, 0.8);
    outline:0;
    outline:thin dotted \9;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type="text"][readonly]:focus{
    border-color:#ccc;
    outline:0;
    outline:thin dotted \9;
    box-shadow:none;
}

input[type=button],input[type=submit],input[type="reset"]{-webkit-appearance:none;outline:none;background-color:#ddd;}/*清除ios自带按钮样式*/
input[type=time]{line-height:2.2;}/*暂时解决time控件行高问题*/
/*恢复右边箭头*/
select {-webkit-appearance:menulist;}