/*#################### ###################### ###################### ###################### ###################### 字体主色调:#435561 #388ac2 辅助色:#999999 线条主色调 边框:#e5e4e9 辅助色:#cfcfcf 分割线:#eceff4 按钮色:#e47470 、 0099cc 底纹色:#f7f7f7 标题底纹:#f5f6fa ################### ##################### #################### #######*/ /*// 主题色*/ @theme-color1:#5775b5; /*字体主色调*/ @font-color1:#435561; @font-color2:#5775b5; @font-color3:#999999; /*线条主色调*/ @border-color1:#e5e4e9; @border-color2:#cfcfcf; @border-cut-color:#eceff4; /*按钮主色调*/ @btn-color1:#e47470; @btn-color2:#0099cc; /*底纹色*/ @bj-color:#f7f7f7; @bjtit-color:#f5f6fa; body{font-family:Microsoft YaHei,Helvitica,Verdana,Arial,san-serif,Helvetica,STHeiTi,sans-serif!important;font-size: 14px; color:#435561;padding: 0;margin: 0;} ul,li,dl,dd,p,h1,h2,h3,h4,h5,h6{ list-style-type: none;padding:0;margin:0;font-weight:normal;} i,em{ font-style:normal} button{border:none} a { color: #435561; text-decoration: none; } @font-face {font-family: "iconfont"; src: url('../images/iconfont/iconfont.eot'); /* IE9*/ src: url('../images/iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../images/iconfont/iconfont.woff') format('woff'), /* chrome、firefox */ url('../images/iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../images/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /*瘦型字体*/ .small_font{ position:relative;} .small_font::before { content: attr(data-attr); position: absolute; font-weight: bolder; left: 2%; top: 2%; border-radius: 50%; text-align: center; letter-spacing: -1px; font-weight: 100; font-size:1.338rem; color: #fc7d54; position: absolute; width: 96%; height: 96%; background-color: #fff; } /*全局链接样式*/ a{color:#435561;text-decoration:none;} a:hover{text-decoration:none;} hr{border:none;border-top:1px solid #eaeaea;} /*关于字体类型*/ .wr{ font-family:微软雅黑!important;} /*页面留白*/ .blank0{height:0px;clear:both;overflow:hidden;visibility:visible;} .blank1{height:1px;clear:both;overflow:hidden;visibility:visible;} .blank10{height:0.5rem;clear:both;overflow:hidden;visibility:visible;} .blank012{height:0.12rem;clear:both;overflow:hidden;visibility:visible;} .blank022{height:0.22rem;clear:both;overflow:hidden;visibility:visible;} .blank024{height:0.24rem;clear:both;overflow:hidden;visibility:visible;} .blank039{height:0.39rem;clear:both;overflow:hidden;visibility:visible;} .blank050{height:0.50rem;clear:both;overflow:hidden;visibility:visible;} .blank055{height:0.55rem;clear:both;overflow:hidden;visibility:visible;} .blank056{height:0.56rem;clear:both;overflow:hidden;visibility:visible;} .blank124{height:1.24rem;clear:both;overflow:hidden;visibility:visible;} .blank070{height:0.70rem;clear:both;overflow:hidden;visibility:visible;} /*英文强制换行*/ .word{word-break:break-all!important;} /*禁止换行*/ .nowrap{white-space:nowrap!important;} /*单行超出部分省略*/ .text-overflow { display:block;/*内联对象需加*/ word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ } /*多行溢出*/ .text-overflow_2{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /*关于布局*/ .w_b{ display: -webkit-box;display: -moz-box;display: -ms-flexbox;} .w_b_s{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;-ms-box-sizing: border-box;} .w_b_f_1{display: block;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;} .flex{display: flex;flex-flow:row;display: -webkit-flex;display: -moz-flex;} .flex-1{flex:1;-webkit-flex:1;-moz-flex:1;} .flex-2{flex:2;-webkit-flex:2;-moz-flex:2;} .table_block{table-layout: fixed;} .table_cell{ position: relative;display: table-cell;width: 1%;color: #929292;text-align: center;vertical-align: middle;} /*浮动,定位*/ .pr{position:relative!important;} .ps{position:absolute!important;} .pf{ position:fixed;} .f_l{float:left!important;} .f_r{float:right!important;} .clear_both{ clear:both;} .z1{ z-index:1!important;} .z2{ z-index:2!important;} /*关于鼠标手势*/ .pointer{ cursor:pointer!important;} /*文字缩进*/ .t_i_5{ text-indent:-5px!important;} /*透明度*/ .opacity1{ filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1; } .opacity2{ filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } .opacity3{ filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; } .opacity4{ filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; } .opacity5{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .opacity6{ filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } .opacity_8{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .rgba_05{background: rgba(124, 124, 124, 0.5);} /*滚动条处理*/ .w_o_s{-webkit-overflow-scrolling : touch;} /*自动高对齐*/ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } *html .clearfix{ height:1%; } *+html .clearfix{ height:1%; } .cf { zoom: 1 } /*暂无数据*/ .no_data{ background:#fff; padding:1rem; text-align:center; color:#333; font-size:0.66rem; line-height:1rem; margin:0.825rem 0;}