/*-----------去除默认样式-------------------------------------*/ 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 下能继承字体大小 */ outline: none; } /*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; border-collapse: collapse; border-spacing: 1; border-spacing: 0; } 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); */ /* 左侧滑动覆盖滚动条 .left { width: 230px; height: 100%; position: fixed; left: 0; z-index:9; background: #1c2b36; overflow: hidden; } .left > div { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; padding-right: 25px; } */ /*************************************************************************************************/ .index-left{ float: left; width: 48%; margin-right: 2%; } .index-right{ float: left; width: 50%; } .index-left-btn{ width: 50px; height: 24px; color: #fff; border-radius: 15px; background: #0598db; font-size: 14px; margin-bottom: 10px; } .table-style01{ border: solid 1px #9ed2f1; padding: 0 20px 20px 20px; margin-bottom: 50px; } .table-style01-title { height: 50px; overflow: hidden; } .table-style01-title > p { float: left; line-height: 50px; color: #333; font-weight: bold; } .table-style01-title > a { padding: 2px 10px; color: #fff; border-radius: 15px; background: #0598db; margin-top: 13px; float: right; font-size: 14px; } .table-style01-title > input { padding: 5px 15px; color: #fff; border-radius: 15px; background: #0598db; margin-top: 13px; float: right; font-size: 14px; border: none; } .table-style01 table { border: solid 1px #9ed2f1; } .table-style01 table thead { background: #e0f1fb; } .table-style01 table tr { height: 40px; line-height: 40px; border-bottom: solid 1px #9ed2f1; } .table-style-td01 { /*text-align: left;*/ text-overflow: ellipsis; } .table-style-td01 > a { color: #0000ee; } .table-style-td02 { color: #e00c25; }