html,body{
	height: 100%;
}
body {
    font-size: 14px;
    font-family: "Microsoft Yahei";
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    overflow:scroll;overflow-x:hidden
}
.wrapper {
    width: 1140px;
    margin: 0 auto;
}

@media screen and (max-width: 768px){
    .wrapper{
        width: 100%;
        margin: 0 ;
    }

}
ul, li {
    list-style: none;
}
i {
    font-style: normal;
}
img {
    border: none;
}
a {
    text-decoration: none;
    color: #333;
    font-size: 12px;
}
a:hover {
    text-decoration: none;
}
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{
    clear:both
;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
.fl{
    float: left;
}
.fr{
    float: right;
}