/* ----------------------------------------
/*  Reset.css  make Mr.Shine
/* ----------------------------------------*/

/* html,body{font-size: 62.5%;} */
body,p,img,ul,li,ol,dl,dd,dt,h1,h2,h3,a,input,div{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;margin:0;padding:0;font-family: "微软雅黑",arial;text-shadow:none;font-size:12px;font-size:0.24rem;}
a,a:focus, a:hover{text-decoration:none;color:#000}
ul,ol{list-style:none;}
*:focus{outline:0;}
img{border:none;}
.img img{width:100%}
.clear:before,.clearfix:before{display: table;content: " ";}
.clear:after,.clearfix:after{content: "";display: block;height: 0;clear: both;float: none;margin: 0;}
.hide{display: none;}
.relative{position:relative;}
.transform{transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);/* 通用 */-o-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);/* Opera */-ms-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);/* IE 9 */-moz-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);/* Firefox */-webkit-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);/* Safari 和 Chrome */ } 
.ellipsis{overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;}
.overflow{overflow:hidden}
.im img {
    width: 100%;
    height: 100%;
    display: block;
}
/** 单行文字省略 */
.text-one-ellipsis {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/** 两行文字省略 */
.text-two-ellipsis {
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;/*超出3行部分显示省略号，去掉该属性 显示全部*/
    -webkit-box-orient: vertical;
}

/** 三行文字省略 */
.text-three-ellipsis {
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;/*超出3行部分显示省略号，去掉该属性 显示全部*/
    -webkit-box-orient: vertical;
}