﻿/* 1-网站的默认样式重置 */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,th,td,form,fieldset,input,textarea,pre{margin:0;padding:0;} 
ul,ol{list-style:none;} 
img,fieldset{border:0;}
body{overflow-x:hidden;}
body, button, input, keygen, legend, select, textarea {background:#fff;color: #1b1b1b;font:14px/1.5 Microsoft YaHei,Hiragino Sans GB,arial;outline: 0;}
a{color:#3c3c3c;text-decoration:none;}a:hover{color:#ff4400;} a,a:hover,a:active{color:#282828;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;-webkit-tap-highlight-color:transparent;}
blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul {  margin: 0;  padding: 0}
address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block}
table {  border-collapse: collapse;  border-spacing: 0}
caption, th {  text-align: left;  font-weight: 400}
abbr, body, fieldset, html, iframe, img {  border: 0}
address, cite, dfn, em, i, var {  font-style: normal}
[hidefocus], summary {  outline: 0}
li {  list-style: none}
h1, h2, h3, h4, h5, h6, small {  font-size: 100%}
sub, sup {  font-size: 83%}
code, kbd, pre, samp {  font-family: inherit}
q:after, q:before {  content: none}
textarea {  overflow: auto;  resize: none}
label, summary {  cursor: default}
a, button {  cursor: pointer}
b, em, h1, h2, h3, h4, h5, h6, strong {  font-weight: 400}
a, a:hover, del, ins, s, u {  text-decoration: none}
br {  display: block;  line-height: 0;  height: 0}
img {
    border: none;
    max-width: 100%;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
}


/* 2-网站的通用样式库 */
/* 显示 */
.db{display:block;}.di{display:inline;}.dn{display:none;}
/* 浮动 */
.fll{float:left;display:inline;}.flr{float:right;display:inline;}
/* 定位 */
.posr{position:relative;}.posa{position:absolute;}
/* 清除浮动 */
.clear:after{visibility:hidden;display:block;height:0;line-height:0;clear:both;content:".";}.clear{zoom:1;}

/*宽度1200*/
.w1200{width:1200px; margin:0 auto;}
/* 边距*/
.mb50{ margin-bottom:50px;}
.mb80{ margin-bottom:80px;}

/* 溢出隐藏省略号 */
.ov{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*单行文本省略号*/
.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dot2,.dot3,.dot4{display:-webkit-box;display: -webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot2{-webkit-line-clamp:2;}

/*多行文本省略号*/
.dot3{-webkit-line-clamp:3;}
.dot4{-webkit-line-clamp:4;}


/*盒子布局*/
.flexsb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;}
.flexsa{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-around;}
.flexlf{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: left; flex-flow: wrap;}
.flexed{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: flex-end;}
.flexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;}
.cflexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;flex-direction: column;flex-wrap: wrap;}


