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

body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow:hidden;
}

/*display:flex样式*/
.flex-row {
    display: flex;
    flex-flow: row nowrap;
}
.flex-row-wrap {
    display: flex;
    flex-flow: row wrap;
}
.flex-column {
    display: flex;
    flex-flow: column nowrap;
}
.flex-column-wrap {
    display: flex;
    flex-flow: column wrap;
}
.flex-a-center {
    align-items: center;
}
.flex-a-end {
    align-items: flex-end;
}
.flex-a-start {
    align-items: flex-start;
}
.flex-j-center {
    justify-content: center;
}
.flex-j-end {
    justify-content: flex-end;
}
.flex-j-start {
    justify-content: flex-start;
}
.flex-j-between {
    justify-content: space-between;
}
.flex-j-around {
    justify-content: space-around;
}
.flex-auto {
    flex: 1 1 auto;/*各自等比放大*/
}
.flex-1 {
    flex: 1;/*平分空间*/
}
.flex-none {
    flex: none;/*0 0 auto*/
}
.flex-grow {
    flex-grow:1;/*自动放大充满剩余空间*/
}

.btn_default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn_default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn_default.selected{    
	color: #fff;
    background-color: #73a839;
    border-color: #73a839;
}

.btn_info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn_info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}