/*===cyl:lhf 2016.2.25===*/
/*===全局css===*/
* {margin: 0;padding: 0; }
img{ margin: 0; border: 0}
a span, form label {cursor:pointer}
ul li {list-style:none}
table { width:100%;border-collapse:collapse}
select, textarea, input, button {vertical-align:middle; font-family:"Microsoft Yahei",Arial;    font-size:100%}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
blockquote, q {quotes: "" "";}
h1, h2, h3, h4, h5, h6{ font-weight:100;}
body{
    font-family:"Microsoft Yahei";
    line-height: 1.8;
    font-size: 14px;
}
/*字体大小*/
.font8{ font-size: 8px;}
.font10{ font-size: 10px;}
.font12{ font-size: 12px;}
.font16{ font-size: 16px;}
.font18{ font-size: 18px;}
.font20{ font-size: 20px;}
.font22{ font-size: 22px;}
.font24{ font-size: 24px;}
.font26{ font-size: 26px;}
.font28{ font-size: 28px;}
.font30{ font-size: 30px;}
/*字体行间距*/
.lht0{ line-height: 0;}
.lht08{ line-height: .8;}
.lht1{ line-height: 1;}
.lht12{ line-height: 1.2;}
.lht14{ line-height: 1.4;}
.lht16{ line-height: 1.6;}
.lht2{ line-height: 2;}
.lht22{ line-height: 2.2;}
/*表格属性*/
table{ width: 100%; border-collapse: collapse}
table tr th,table tr td{ font-weight: 100;}
/*===布局css===*/
.center{ margin: 0 auto}/*@居中*/

.dpin{ display: inline-block}
.dpb{ display: block}
.dp-box{ display: -webkit-box;  display: -moz-box;  display: -ms-box;  display: box; position:relative;}
.bd-rev{-webkit-box-direction:reverse; box-direction:reverse;}/* 用来确定子元素的倒序排列顺序,默认为正序 */
/*box-align 子元素竖向对齐*/
.ba-c{-webkit-box-align:center; box-align:center;}
.ba-e{-webkit-box-align:end; box-align:end;}
/*box-pack 子元素横向对齐*/
.bp-c{-webkit-box-pack:center;	box-pack:center;}
.bp-e{-webkit-box-pack:end; box-pack:end;}
.bp-j{-webkit-box-pack:justify; box-pack:justify;}
.bo-ver{-webkit-box-orient:vertical; box-orient:vertical;} /* 用来确定子元素竖排，默认为横排  */
.bf1{position:relative;
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1; }
.bf2{position:relative; -webkit-box-flex: 2;  -moz-box-flex: 2;  -webkit-flex: 2;  -ms-flex: 2;  flex: 2; }
.bf3{position:relative; -webkit-box-flex: 3;  -moz-box-flex: 3;  -webkit-flex: 3;  -ms-flex: 3;  flex: 3; }
.bf4{position:relative; -webkit-box-flex: 4;  -moz-box-flex: 4;  -webkit-flex: 4;  -ms-flex: 4;  flex: 4; }
/*文本style css*/
.fontY{ text-indent: -999999px}
.to-e {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap !important;
    outline: 0 !important
}
.ta-c{ text-align: center;}
.ta-l{ text-align: left;}
.ta-r{ text-align: right;}

.pt-r{ position: relative}
.pt-a{ position:absolute}
.pt-s{ position: static}
.pt-f-b{ position: fixed; bottom: 0;}

.fll{ float:left; display:inline;}
.flr{ float:right; display:inline;}
.clearb{ clear:both}
.ofh{ overflow:hidden;zoom:1; vertical-align: bottom}
.of-xh{ overflow-x:hidden;}
.of-yh{ overflow-y:hidden;}
.clearfix:after {content:""; display: block; clear:both;}

/*===背景style===*/
.bg-cn{background-position: center; background-repeat: no-repeat}
.bg-lcn{ background-position:left center; background-repeat:no-repeat;}
.bg-rcn{ background-position:right center; background-repeat:no-repeat;}
.bg-tcn{background-position:top center; background-repeat:no-repeat; }
.bg-btn{ background-position:bottom center; background-repeat:no-repeat;}
.bg-x { background-repeat:repeat-x;}
.bg-y{background-repeat:repeat-y; }
.bg-tx {background-position:top; background-repeat:repeat-x;}
.bg-bx {background-position:bottom; background-repeat:repeat-x;}
.bg-ly{background-position:left; background-repeat:repeat-y; }
.bg-ry{background-position:right; background-repeat:repeat-y; }