@charset "utf-8";
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-appearance: none;  /*去除select的三角*/
    -moz-appearance: none;
    appearance: none;

    list-style: none; /*取消li的标记*/

    border: none;
    outline: none; /*轮廓，和边框类似*/

    background-color: transparent; /*默认，透明*/

    padding: 0; /*很关键！默认margin为8px*/
    margin: 0;
}

:root { /*选择根元素，这里是HTML*/
    -webkit-font-smoothing: antialiased; /*使字体抗锯齿*/
    -moz-osx-font-smoothing: grayscale;
    font-family: Arial, "PingFang SC", "Hiragino Sans GB", STHeiti,
    "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

html,body {
    font: 14px/1.5 "microsoft yahei", Helvetica, Tahoma, Arial, sans-serif;
    color:#404040;
    margin: 0px;
    padding: 0px;
}

img {
    vertical-align: middle;
}

/*input,
button,
span,
i {
    vertical-align: middle;
}*/

span {
    display: inline-block;
}

button {
    cursor: pointer;
}

.clearfix:before, /*很关键，清除浮动给父元素的影响，用浮动后*/
.clearfix:after { /*给父元素都加上这个类*/
    content: "";
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    color: inherit; /*继承父元素的值*/
    text-decoration: none;
}

a:hover {
    color: inherit;
}

input::-moz-placeholder {         /*设置站位符的样式*/
    color: #999999;
}
input::-webkit-input-placeholder {
    color: #999999;
}
input::-ms-input-placeholder {
    color: #999999;
}

input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none
}

input[type="radio"] + i {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: .05rem;
    background: url("../images/radion.png") no-repeat;
    background-size: 100% 100%;
}

input[type="radio"]:checked + i {
    background-image: url("../images/radios.png");
}

/***** 超出省略号 *****/
.line-one {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

/***** 超过两行省略号 *****/
.line-two {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/***** 超过三行省略号 *****/
.line-three {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}