/*+-------------------------------------------------------------
| 基本的样式重置
+-------------------------------------------------------------*/

html, body {
    /*font-family: 'Microsoft Yahei';*/
    font-family: "微软雅黑";
}
html, body, div, h1, h2, h3, h4, h5, h6, p, span, img, input, button, textarea, ul, ol, li, hr {
    /*font-family: "SOURCEHANSANSCN-REGULAR";*/
    margin: 0;
    padding: 0;
}
button, input, textarea {
    outline: none;
    border: none;
}
/*header, section, footer, aside, nav, main, article, figure {
    display: block; 
}*/
h1, h2, h3, h4, h5, h6, em, i, b, cite {
    font-family: "SOURCEHANSANSCN-REGULAR";
    font-weight: normal;
    font-style: normal
}
ul, ol, li {
    list-style-type: none
}
a {
    text-decoration: none;
    outline: 0
}
a:hover {
    text-decoration: none
}
a:focus{text-decoration: none}
input[type=text]::-ms-clear,::-ms-reveal{display:none;}
input::-ms-clear,::-ms-reveal{display:none;}
select::-ms-expand { display: none; }
select{
    -webkit-appearance:none;
    appearance:none;
    border:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background-color: #FFFFFF;
    outline: none;
}
/*引入文字*/
/*@font-face { 
font-family: huakang; 
src: url('./hk.TTF'); 
} */

/*+-------------------------------------------------------------
| 自定义的类样式
+-------------------------------------------------------------*/

/*左右浮动，清浮动*/
.l {
    float: left;
}
.r {
    float: right;
}
.clearfix:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*两种常用背景图*/
.bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ic-img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/*字号*/
.f-12 {
    font-size: 12px;
}
.f-14 {
    font-size: 14px;
}
.f-16 {
    fontont-size: 16px;
}
.f-18 {
    fontont-size: 18px;
}
.f-24 {
    font-size: 24px;
}
.f-28 {
    font-size: 28px;
}
.f-32 {
    font-size: 32px;
}
/*字体加粗*/
.f-bold {
    font-weight: bold;
}
/*字体颜色*/
.c-white{
    color: #fff;
}
.c-333{
    color: #333;
}
 /*行高*/
.lh-100 {
    line-height: 100%;
}

.lh-130 {
    line-height: 130%;
}

.lh-150 {
    line-height: 150%;
}

.lh-170 {
    line-height: 170%;
}

.lh-200 {
    line-height: 200%;
}
/*元素类型*/
.inline {
    display: inline;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}
.none {
    display: none;
}
/*box-sizing*/
.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*超出隐藏*/
.overflow {
    overflow: hidden;
}
/*字符居左/中/右*/
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}
/*字体超出隐藏，以省略号代替*/
.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*首行缩进2个字符*/
.text-indent {
    text-indent: 2em;
}
/*强制文字换行*/
.text-wrap {
    word-wrap: break-word;
    word-break: normal;
}
/*常用的3种定位方式*/
.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.fixed {
    position: fixed;
}
/*浮动光标改变*/
.cusor {
    cursor: pointer;
}