@charset "utf-8";
/*布局宽度*/
.w{width: 1200px;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,html{min-width: 1200px;background: #FCFCFC;}
/*默认链接颜色*/
a{color: #333;}
a:focus {outline:0 !important; }
/** 基础布局  清除空隙  需在外层容器加上 dib-box，dib 可单独使用*/
.dib-box { font-size: 0; /* 所有浏览器 */ *word-spacing: -1px; /* IE6/7 */ }
@media (-webkit-min-device-pixel-ratio: 0) { .dib-box { letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器 */ } }
.dib-box .dib {vertical-align: top;font-size: 14px;letter-spacing: normal;word-spacing: normal;line-height: inherit;}
.dib{display: inline-block; *display: inline; *zoom: 1; }
/*自适应两端对齐组件 外层加上 justify，内部需要两端对齐的元素都加上 dib,dib 与 justify 不要同时出现*/
/*防止行高增大  尽量不要在父元素上设置行高*/
.justify, .dib-box .justify { font-size: 0; line-height: inherit; }
.justify {text-align: justify;text-justify: inter-ideograph; /* IE 6-7 */ *zoom: 1; /* IE 6-7 触发 hasLayout 使一行也能两端对齐 */-moz-text-align-last: justify;text-align-last: justify; /* IE 8+ */}
/*** 不支持 text-align-last 的浏览器用伪元素模拟* 1. margin-left:100% 仅 WebKit 支持*/
.justify:after { content: ""; display: inline-block; width: 100%; /* 1 */ }
/* 子元素取消两端对齐 */
.justify .dib {-moz-text-align-last: auto;text-align-last: auto;text-justify: auto;text-align: left;font-size: 12px;letter-spacing: normal;word-spacing: normal;}
/* 常用样式 */
.imgFix{background: #D1D1D1;}
.imgFix img{width: 100%;height: 100%;object-fit: cover;}
.pr{position: relative}
.db{display:block;}
.dib{display: inline-block;}
.upper{text-transform: uppercase}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content: '\0020'; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom: 1; }
/*浮动和清除浮动*/
.dab{position:absolute;bottom: 0;}
.fl{float:left}
.fr{float:right}
.clearfix:after,
.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}
/*弹性盒子布局*/
.db{display:block !important}
.dib{display:inline-block !important}
/* flex布局 */
.fbox{display:flex}
.fbox-reverse{flex-direction:column-reverse;}/*元素右对齐*/
.fbox-acenter{align-items:center;}/*元素垂直居中*/
.fbox-jcenter{justify-content:center;}/*元素横向居中*/
.fbox-jaround{justify-content: space-around;}/*元素前后、之间等间距占满空间*/
.fbox-jbetween{justify-content:space-between;}/*元素等间距占满空间*/
.fbox-col{flex-direction: column}/*元素竖列显示*/
.fbox-wrap{flex-wrap: wrap;}
.fbox-end{justify-content: flex-end;}
.fbox-star{justify-content: flex-start;}
.clearfix{*zoom: 1; }
/*字体样式*/
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.ell{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.ell_1{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ell_2{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ell_3{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ell_5{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ell_7{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.ell_8{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 8;-webkit-box-orient: vertical;}
.f16{font-size: 16px ;}
.f18{font-size: 18px;}
.f22{font-size: 22px;}
.f14{font-size: 14px;}
/*常用颜色*/
.white{color: #fff !important;}
.blue{color: #185b8f!important;}
.gray{color: #666;}
.light-gray{color: #999;}
.red{color: #eb2d48;}
.gray{color: #b2b2b2}
.subColor{color: #2d90eb}
/*表单常用样式*/
.form-control {width: 100%;height: 32px;color:#333333;vertical-align: middle;}
.form-control:focus{outline: 0;}
.form-control[disabled]{background-color: #eee;opacity: 1;cursor: not-allowed;}
.form-control[disabled]:hover{border:1px solid #D4D4D4;}
input[type="checkbox"], input[type="radio"] { vertical-align: middle; } /*标签与文字垂直居中对齐*/
input[type=number] { -moz-appearance:textfield; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
/*常用图形*/
/**右三角**/
.arrow { font-size: 0; width: 0; height: 0; line-height: 0; display: inline-block; vertical-align: -2px; border: 0 dashed transparent; border-width: 6px; }
.arrow-right { border-left-style: solid; border-left-color: #4889f7; }
/*翻页*/