* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html{color:#333; background:#fff; height:100%;}
body,form,input,button,textarea,label,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,em,b,strong,table,tr,th,td{margin:0;padding:0;} 
body,input,select,textarea{font-size:12px;font-family:"宋体","Arial Narrow";}
a img{border:none;}
img{max-width: 100%}
ul,dl,li,dd,dt,ol{list-style:none outside none;}
table{border-collapse:collapse;border-spacing:0;}
a,button{ cursor:pointer; outline:none;}

/*清除浮动*/
.clearfix:before,.clearfix:after {content:""; display:table;}
.clearfix:after { clear:both; }/* For IE 6/7 (trigger hasLayout) */
.clearfix{ zoom:1;}

/*link style*/
a:link{ color:#515151; text-decoration:none;}
a:visited{ color:#515151; text-decoration:none;}
a:hover { color:#1f3e94;text-decoration: none;}


.dot, .dot2, .dot3{
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
.dot {  -webkit-line-clamp: 1;}
.dot2 {  -webkit-line-clamp: 2;}
.dot3 {  -webkit-line-clamp: 3;}
@media(max-width:1024px){
html{font-size: calc(100 / 1024 * 100vw)}

body,input,select,textarea{font-size:.20rem;}
}
@media(max-width:640px){
html{font-size: calc(100 / 480 * 100vw)}
}