/*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch} /*上下拉动滚动条时卡顿、慢*/ body,button,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul,menu{margin:0} ol,ul,menu{padding-left:0;list-style-type:none} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]) {display: none;height: 0;} [hidden], template {display: none;} abbr[title] {border-bottom: 1px dotted;} b,strong {font-weight: bold;} dfn{font-style:italic} h1{margin:.67em 0;font-size:2em} mark{color:#000;background:#ff0} small{font-size:80%} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} img{border:0} svg:not(:root) {overflow: hidden;} figure{margin:1em 40px} hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} pre{overflow:auto} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit} button{overflow:visible} button,select{text-transform:none} button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;} button[disabled],html input[disabled] {cursor: default;} button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;} input {line-height: normal;} input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver} legend{padding:0;border:0} textarea{overflow:auto} optgroup{font-weight:700} table{border-spacing:0;border-collapse:collapse} td,th{padding:0} img{max-width:100%;border:0;vertical-align:top} a,button,input,select,textarea{outline:0} /* 美化 */ /*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {text-shadow: rgba(0,0,0,.15) 0 0 1px;}*/ a{text-shadow:none;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);background-color: transparent;} * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; /* -webkit-user-select: none; -moz-user-select: none; -o-user-select:none; user-select:none;*/ -webkit-text-size-adjust: 100%; /*旋转屏幕时,字体大小调整的问题*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* widgets 组件*/ .widget-respimg{display:table-cell!important;text-align:center;vertical-align:middle} .widget-respimg img{max-height:100%;max-width:100%} /*垂直居中*/ .ghost-center{height: 100%} .ghost-center:before{content: " ";display: inline-block;height: 100%;width: 0%;vertical-align: middle;} .ghost-center p{display: inline-block;vertical-align: middle; color: #fff;} .ghost-center p a{ color: #fff;} /*RGBA模式遮罩层*/ /*样式1*/ .shade { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; transition: all .5s ease } a:hover .shade { z-index: 999; background: url(../img/plus2.png) center center no-repeat rgba(0, 0, 0, .5) } /*样式2*/ .mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/layer.png) no-repeat; background-size: 100%; color: #FFF; content: ""; font-size: 18px } .mask2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .2); } /*样式3*/ .mask3 { position: absolute; right: 0; left: 0; width: 100%; height: 100%; text-align: center } .mask3 { -webkit-transition: all ease-in-out .35s; -moz-transition: all ease-in-out .35s; -o-transition: all ease-in-out .35s; transition: all ease-in-out .35s; -ms-transition: all ease-in-out .35s } /* module 模块 ----------------------------------------------------*/ /* 简易数据表格-格边框 */ .m-table{table-layout:fixed;width:100%;line-height:1.5;} .m-table th,.m-table td{padding:10px;border:1px solid #e8e8e8;text-align:center;} .m-table th{font-weight:bold;} .m-table tbody tr:nth-child(2n){background:#fafafa;} .m-table tbody tr:hover{background:#e4f4e9;} .m-table tbody tr:nth-child(2n):hover{background:#fff;} .m-table .cola{width:100px;} .m-table .colb{width:200px;} .m-table .colc{width:60px;} /* 简易数据表格-行边框*/ .m-table-row th,.m-table-row td{border-width:0 0 1px;} /* 简易数据表格-圆角*/ .m-table-rds{border-collapse:separate;border:1px solid #ddd;border-width:0 1px 1px 0;border-radius:5px;} .m-table-rds th,.m-table-rds td{border-width:1px 0 0 1px;} .m-table-rds >:first-child >:first-child >:first-child{border-top-left-radius:5px;} .m-table-rds >:first-child >:first-child >:last-child{border-top-right-radius:5px;} .m-table-rds >:last-child >:last-child >:first-child{border-bottom-left-radius:5px;} .m-table-rds >:last-child >:last-child >:last-child{border-bottom-right-radius:5px;} /* 表单 */ .m-form {padding: 0 0 10px 0} .m-form legend{font-size: 1.25rem;color: #444;padding-bottom: 8px;} .m-form .btn{width: 100%;border-radius: 0;padding:10px 10px;margin-top:0;border:1px solid #3076f6;background: #3076f6;color: #fff;} .m-form .btn { transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;} .m-form .btn-default:focus, .m-form .btn-default.focus{color: #fff; opacity: 0.8} .m-form .btn-default:hover{color: #fff; opacity: 0.8;border-color:#ff8e00;background-color: #ff8e00;} .m-form .btn[type='reset']{background-color: #797979;border:1px solid #797979;} .form-label{display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: normal;font-size: 14px} /*input label:*/ .form-control { box-sizing:border-box; display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f1f1f1; background-image: none; border: 1px solid #eae7e7; /*#ccc;*/ border-radius: 0; /*4px;*/ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .form-control:focus{border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);} .form-control::-moz-placeholder{color: #999; opacity: 1;} .form-control:-ms-input-placeholder{color: #999;} .form-control::-webkit-input-placeholder{color: #999;} .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: #eee; opacity: 1;} .form-control[disabled], fieldset[disabled] .form-control{cursor: not-allowed;} textarea.form-control{height: auto;} input[type="search"]{-webkit-appearance: none;} @media (min-width: 768px){ .form-inline .form-group{ /*定义*/ width:100%;border-bottom:1px solid #eae7e7;border-left:1px solid #eae7e7;padding:10px 0; /*默认*/display:inline-block;margin-bottom:0;vertical-align:middle;} .form-inline .form-control{ /*默认*/ display:inline-block;width:auto;vertical-align:middle; /*定义*/width:60%} .form-inline .form-label{padding-left:15px;width:86px;text-align:left;} select.form-control{ /*margin-left: -4px;*/} } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group {margin-bottom: 15px;} .radio, .checkbox{position: relative; display: block; margin-top: 10px; margin-bottom: 10px;} .radio label, .checkbox label{min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer;} .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{position: absolute; margin-top: 4px \9; margin-left: -20px;} .radio + .radio, .checkbox + .checkbox{margin-top: -5px;} .radio-inline, .checkbox-inline{position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer;} .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline{margin-top: 0; margin-left: 10px;} input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"]{cursor: not-allowed;} .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline{cursor: not-allowed;} .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label{cursor: not-allowed;} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#fff;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff;} /* functions 函数 ----------------------------------------------------*/ .f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";} .f-cb,.f-cbli li{zoom:1;} .f-ib{display:inline-block;*display:inline;*zoom:1;} .f-dn{display:none;} .f-db{display:block;} .f-fl{float:left;} .f-fr{float:right;} .f-pr{position:relative;} .f-prz{position:relative;zoom:1;} .f-pa{position:absolute;} .f-oh{overflow:hidden;} .f-ff0{font-family:arial,\5b8b\4f53;} .f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;} .f-fs1{font-size:12px;} .f-fs2{font-size:14px;} .f-fwn{font-weight:normal;} .f-fwb{font-weight:bold;} .f-tal{text-align:left;} .f-tac{text-align:center!important;} .f-tar{text-align:right;} .f-taj{text-align:justify;text-justify:inter-ideograph;} .f-vam,.f-vama *{vertical-align:middle;} .f-wsn{word-wrap:normal;white-space:nowrap;} .f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;} .f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;} .f-ti{overflow:hidden;text-indent:-30000px;} .f-ti2{text-indent:2em;} .f-lhn{line-height:normal;} .f-tdu,.f-tdu:hover{text-decoration:underline;} .f-tdn,.f-tdn:hover{text-decoration:none;} .f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;} .f-csp{cursor:pointer;} .f-csd{cursor:default;} .f-csh{cursor:help;} .f-csm{cursor:move;} .f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;} .f-cen{margin:0 auto;} .small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .overflow{text-indent:-9999px;font-size:0;line-height:0;} .overflow a{display:block;width:100%;height:100%;}