/*-----------去除默认样式-------------------------------------*/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, button, input, textarea, lengend /* form elements 表单元素 */ th, td { /* table elements 表格元素 */ margin: 0; padding: 0; border: none; color: #333; } body, button, input, select, textarea { /* for ie */ /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/ font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示,使得在任何编码下都无问题 */ } button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ } /*chrome表单自动填充去掉input黄色背景解决方案 可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景;如:*/ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; border: 1px solid #fff !important; } /*只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了!~*/ input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } /* 定义placeholder文字颜色 */ ::-webkit-input-placeholder { /* WebKit browsers */ color: #b9b9b9; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b9b9b9; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b9b9b9; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #b9b9b9; } select { border: solid 1px #000; /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ /*很关键:将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent; /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right: 14px; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; } textarea { -webkit-appearance: none; } /* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0; width: 100%; /*text-align: center;*/ } table td { word-break: break-all; word-wrap: break-word; } img { border: none; display: block; } /* for ie6 */ fieldset, img { border: none; } /* 重置文本格式元素 */ a { text-decoration: none; } a:hover { text-decoration: underline; } /* 重置列表元素 */ ul, ol { list-style: none; } /* 重置 hr */ hr { border: none; height: 1px; } address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 *//* 小于 12px 的中文很难阅读,让 small 正常化 */ small { font-size: 12px; } abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; } q:before, q:after { content: ''; } /* 重置表单元素 */ legend { color: #000; } /* 移动端项目:font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self; pc端(含Mac)项目:font-family:Tahoma,Arial,”Helvetica Neue“,”Hiragino Sans GB”,Simsun,sans-self; 移动和pc端项目:font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;*/ /*渐变: background:-webkit-linear-gradient(top,#d82c3e,#ff6450); background:-moz-linear-gradient(top,#d82c3e,#ff6450); background:-ms-linear-gradient(top,#d82c3e,#ff6450); background:-o-linear-gradient(top,#d82c3e,#ff6450); */ /*************************************************************************************************/ .top { background-image: url(../img/top_01.png); background-size: 100% 80px; width: 100%; height: 80px; line-height: 80px; overflow: hidden; position: fixed; top: 0; z-index: 8; } .top span { margin-left: 20px; font-size: 20px; color: #fff; word-spacing: 7em; } .top-right01 { overflow: hidden; padding-right: 25px; } .top-right01 > img { margin: 32px 4px 32px 15px; } .top-right01 > img, .top-right01 > p { float: left; } .top-right01 > img, .top-right01 > p { float: left; } .top-right11 { float: right; color: #fff; } .top-right11 img { float: left; margin: 32px 4px 32px 40px; } .top-right11 a { display: inline; color: #fff; padding-right: 20px; border-right: 1px solid #fff; line-height: 80px; } .top-right, .top-right01, .top-right02 { float: right; color: #fff; }