/*初始化*/
* {
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, input {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font: 20px/1.5 Arial, Helvetica, sans-self, "Microsoft YaHei";
}

img {
    border: 0;
    vertical-align: top;
}

li {
    list-style: none;
}

i, em {
    font-style: normal;
}

a {
    text-decoration: none;
}

a, input, select, textarea {
    outline: none;
}

/*button*/
.btn {
    display: inline-block;
    font-size: 14px;
    padding: 8px 12px;
    color: #1381f1;
    border: 1px solid currentColor;
    white-space: nowrap;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.r3 {
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.r5 {
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/*容器*/
.flex {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}

/*从上到下显示*/
.flex-v {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}


/*x轴两端对齐*/
.flex-x-between {
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


/*====子元素====*/
.flex-list {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}