html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}
.header {
    position: fixed;
    left: 0;
    top:0;
    padding: 0;
    z-index: 999;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
}
a{
    text-decoration: none;
}
a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
@media screen and (max-width: 600px){
    .logo{
        position:relative;
        margin: 0 0 0 0.8rem;
        padding:0;
        height: 1.8rem;
        font-size: 1.4rem;
        /*background-color: #0A0A0A;*/
        color: #27e944;
        line-height: 1.8rem;
    }
    .logo a{
        padding: 0;
        border: 0;
        margin: 0;
        top:0;
        height: 1.8rem;
        background-color: #9f191f;

    }
    .logo a {
        display: table-cell;
        vertical-align: middle;
    }
    .logo img{
        height: 1.6rem;
        background-color: #2b542c;
        top: 0;
        padding: 0;
        margin: 0;
        border: 0;
        visibility: visible;
    }
    .navbar{
        float:left;
        list-style: none;
        padding: 0 0 0 0.8rem;
        margin: 0;
    }
    .navbara a,.menu-item a{
        height: 1.8rem;
        font-size: 0.8rem;
        line-height: 1.8rem;
    }
    .navbar_action{
        display:none;
        float:right;
        padding: 0 1rem 0 0;
        height: 1.8rem;
        position:relative;
    }
    .navbar_search ,.navbar-search-input{
        display: table-cell;
        vertical-align: middle;;
    }
}
@media screen and (min-width: 1000px){
    .logo{
        float:left;
        position:relative;
        margin: 0 0 0 50px;
        padding:0;
        height: 61px;
        /*background-color: #0A0A0A;*/
        color: #27e944;
        line-height: 61px;
        font-size: 32px;
    }
    .logo a{
        padding: 0;
        border: 0;
        margin: 0;
        top:0;
        height: 61px;
        background-color: #9f191f;

    }
    .logo a {
        display: table-cell;
        vertical-align: middle;
    }
    .logo img{
        height: 30px;
        background-color: #2b542c;
        top: 0;
        padding: 0;
        margin: 0;
        border: 0;
        visibility: visible;
    }
    .navbar{
        float:left;
        list-style: none;
        margin:18.5px 0 18.5px 0;
    }
    .navbara a,.menu-item a{
        font-size: 16px;
    }
    .menu-item{
        height:24px;
    }
    .navbar_action{
        display:table;
        float:right;
        padding: 0 50px 0 0;
        height: 61px;
        position:relative;
    }
    .navbar_search ,.navbar-search-input{
        display: table-cell;
        vertical-align: middle;;
    }
}


.menu{
    display: block;
}
.menu-item{
    float:left;
    margin: 0 10px 0 10px;
}
.menu-item a{
    color: black;
}
.menu-item a:hover{
    color: #337ab7;
    text-decoration: underline
}
.container .clear{
    margin:0;
    padding:0;
    border:0;
    clear: both;
}
@media screen and (min-width: 375px) {
    html {
        /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */
        font-size: calc(100% + 2 * (100vw - 375px) / 39);
        font-size: calc(16px + 2 * (100vw - 375px) / 39);
    }
}
@media screen and (min-width: 414px) {
    html {
        /* 414px-1000px每100像素宽字体增加1px(18px-22px) */
        font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
        font-size: calc(18px + 4 * (100vw - 414px) / 586);
    }
}
@media screen and (min-width: 600px) {
    html {
        /* 600px-1000px每100像素宽字体增加1px(20px-24px) */
        font-size: calc(125% + 4 * (100vw - 600px) / 400);
        font-size: calc(20px + 4 * (100vw - 600px) / 400);
    }
}
@media screen and (min-width: 1000px) {
    html {
        /* 1000px往后是每100像素0.5px增加 */
        font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
        font-size: calc(22px + 6 * (100vw - 1000px) / 1000);
    }
}