@font-face{font-family:suxingme;src:url(suxingme.otf) format("opentype");font-weight:400} html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *, *:before, *:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;} /*===== 清除默认的margin的属性值 =====*/ body, blockquote, dd, dl, figure, form, p, pre, h1, h2, h3, h4, h5, h6{margin:0;} em, i{font-style: italic;} p{color:#3d464d;font-size:14px;line-height:1.6;} /*===== 统一设置列表的margin和padding,以及列表表形式 =====*/ menu, ul, ol{list-style:none;margin:0;padding:0;} /*===== 全局定义字体以及页面背景 =====*/ body{-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background-color: #f6f6f6;line-height:1.5;transition:all 0.5s ease;} body, h1, h2, h3, h4, h5, h6, input, button, select, textarea{font-size: 14px;line-height:1.4;} /* 设置字体大小 */ input[type="button"], input[type="submit"], input[type="reset"]{font-size:16px;} /* 设置字体大小,这部分跟前面写在一起,IE6中会无效 */ /*===== 字体控制 =====*/ body, input, button, select, optgroup, option, textarea, pre{font-family:suxingme,"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;} /*===== 设置iframe的背景色以及去除个别浏览器iframe底部的几个像素 =====*/ iframe{background-color:#FFFFFF;vertical-align:middle;} /*===== 设置文本链接样式 =====*/ a{color:#48494d;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer;} a:hover{text-decoration:none;color:#00A7EB;} /*===== 去除个别浏览器图片底部的几个像素,以及设置图片形式链接无边框 =====*/ img{vertical-align:middle;} a img{border:0 none;} /*===== 设置表单元素的样式 =====*/ fieldset{margin:0;padding:0;} legend{color:windowtext;} /* 设置表单域部分的字体颜色为系统窗体文本颜色 */ button, input.ie6{overflow:visible;padding:.1em .25em;cursor:pointer;outline:none;border:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} /* 尽量统一按钮的大小,鉴于IE6不支持【属性选择符】,所以使用一个类名来控制 */ input[type="button"], input[type="submit"], input[type="reset"]{overflow:visible;padding:.1em .25em;cursor:pointer;} /* 尽量同意按钮的大小,如果采用input方式做的按钮 */ input, input:focus, input[type="text"], input[type="text"]:focus, select, textarea{background-color:#FFFFFF;border-color:#eaeaea;outline:none!important;box-shadow:none!important;} input:focus, input[type="text"]:focus{border-color:#dde1e8;} /* 统一文本输入框、下拉、文本框的背景色,避免被用户设置系统颜色而破坏页面色彩 */ button, button:focus{box-shadow:none;} select{border:1px inset;} /* 统一下拉的边框 */ textarea{overflow:auto;vertical-align:text-bottom;*vertical-align:auto;border:1px solid;resize:vertical;} /* 滚动条为auto,与周边的元素对齐方式,其中hack部分是IE6&7中vertical-align影响范围清除,resize为上下可拉动,避免左右拉动破坏页面布局,如有需要可以设置为none */ /*===== 设置表格元素的样式 =====*/ table{border-spacing:0;} /* 合并表格的间隙,去掉单元格之间的间距,如有需要合并单元格为细线表格,可增加 border-collapse:collapse; */ td, th, caption{padding:0;} /** * Alignments */ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } blockquote.alignleft, img.alignleft, .wp-caption.alignleft, .post-content img.alignleft { margin: 0.4em 1.6em 1.6em 0; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 0 1.6em 1.6em; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter, .post-content img.aligncenter { clear: both; margin-top: 0.4em; margin-bottom: 1.6em; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 1.2em; }