
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling : touch; 
}
/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input,
 textarea, select, p, dl, dt, dd, a, img, button, form, 
 table, th, tr, td, tbody, article, aside, details, 
 figcaption, figure, footer, header, hgroup, menu, nav, section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*初始化*/
*{
    padding: 0;
    margin: 0;
    /*保证盒子的大小*/
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
::before,::after{
    padding: 0 ;
    margin: 0 ;
}
body{
    font-size: 12px;
    color: #333;
    font-family: "MircroSoft YaHei","sans-serif";
}
ul,ol{
    list-style: none;
}
i,em,s{
    font-style: normal;
    text-decoration: none ;
}
a{
    text-decoration: none;
    color: #333;
}
a:hover{
    color: #333;
}
input,textarea{
    border:none;
    outline: none;
    resize: none;
    /*清除默认组件添加的样式*/
    -webkit-appearance:none;
}
select,option{
    outline:none;
}
.n_border{
    border:none;
}
button{
    border:none;
}
/*图片自适应*/
img{
    border:none;
    display: block;
    width: 100%;
}

/*2行溢出省略号隐藏*/ 
.t-hide{
    overflow: hidden ;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}
/*左右浮动*/
.f_left{
    float: left;
}
.f_right{
    float: right;
}

/*清除浮动*/
.clearfix:after,.clearfix:before{
    content: "";
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.clearfix{
    /*兼容IE6*/
    zoom:1;
}
/*万能居中*/
.center{
    position: relative;
    left: 50%;
    top: 0;
    transform:translateX(-50%);
}
/*常见宽度百分比*/
.w100{
    width: 100%;
}
.w50{
    width: 50%;
}
.w33{
    width: 33.333%;
}
.w25{
    width: 25%;
}
.w20{
    width: 20%;
}
/*单行超出省略*/
.one_hide{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
/*多行超出省略*/
.duo_hide{
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; /*2行省略*/
    overflow: hidden;
}

