* {
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.browsehappy {
    color: #000;
    background-color: #fff;
    margin: 0;
    padding: 20px;
}

.browsehappy a {
    color: red;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clearfix {
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
}

/* for IE6-7 */
.clearfix {
    zoom: 1;
}

.wrapper {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    //min-width: 1100px;
    //&::after {
    //    content: "";
    //    display: block;
    //    height: 100px;
    //    margin-bottom: 100px;
    //}
}

.container {
    height: 100%;
    //width:1100px;
    margin: 0 auto;
}

.footer {
    position: relative;
    //height: 100px;
    //margin-top:-100px;
    //min-width: 1100px;
}