@charset "utf-8";
html {
    font-size: 12px;
    width: 100%;
    height: 100%;
    /*overflow-x: hidden; 加上会导致fexed元素覆盖在body滚动条上*/
    -webkit-text-size-adjust: none;}

body {
    font-size: 1rem;
    min-width: 1100px;
    height: 100%;
    overflow: auto;
    font-family: 'Microsoft Yahei', "微软雅黑", "宋体",Arial, Helvetica, sans-serif, serif;
    position: relative;
    background-color: #ffffff;}
ul,
ol,li{
    list-style: none;
    padding: 0;
    margin: 0;}
a,a:hover,a:focus{
    text-decoration: none;
        outline: none;}
p,dl,h1,h2,h3,h4{
    margin: 0;}
p,a,span,li,div,em,small{
    font-family: 'Microsoft Yahei', "微软雅黑", "宋体",Arial, Helvetica, sans-serif, serif;}
.main {
    width: 100%;
    height: 100%;
    background-color: #ffffff;}
.clearfix {
    clear: both;}
.fr{
    float: right;}
.fl{
    float: left;}
.full-section {
    width: 100%;
    position: relative;}
font{
    color: #ff0000;}
.section {
    width: 1100px;
    margin: auto;
    position: relative;}
.cf:before,.section:before,
.cf:after,.section:after{
    display: table;
    content: "";}

.cf:after,.section:after{
    clear: both;}

.section-separation{
    width: 1440px;
    margin: 0 auto;}


.btn_reset{background: #ddd;
    color: #666;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;border-radius: 4px;}
.btn_reset:hover{color:#666}

/***************media screen **********************/

@media(max-width:1439px) {
    .section-separation{
        width:100%;}
}

@media(max-width:1199px) {
    body {
        min-width: 100%;
        width: 100%;}
    .main {
        width: 100%;
        min-width: 100%;}
    .section {
        width: 910px;}
}

@media(max-width:991px) {
    .section {
        width: 704px;}
}
@media(max-width:767px) {
    .section {
        width: 100%;}
}