html,body,#app{
    height: 100%;
    font-size: 14px;
    color:#333;
}
body{
    margin:0;
}
/* // 公共样式 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
ul,li,ol{
   list-style: none;
}
em{font-style:normal;}
a{
    color:#333;
    text-decoration: none;
}
a:hover{
    color:#000;
}
/* // 字体图标默认大小 */
i{
    /* font-size: 16px; */
}
/* 圆点绿色和灰色黄色 */
.green_round{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #67c23a;
}
.gray_round{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #d3d4d6;
}
.yellow_round{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e6a23c;
}
.red_round{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #f56c6c;
}
/* 清除浮动 */
.clear{
    clear: both;
}

/* 1200 宽度 */
.center1200{
    width:1200px;
    margin:0 auto;
}
.w1200{
    width:1200px;
    margin:0 auto;
}
.float_left{
    float: left;
}
.float_right{
    float: right;
}