/*公共样式start*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
    margin: 0;
    padding: 0;
}
body,div,h1,h2,h3,h4,img,input,textarea,a,p {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
ol,ul {
    list-style: none;
}
img {
    border: none;
}
a {
    text-decoration: none;
    color: black;
}
button,textarea,input {
	outline: none;
}
/*公共样式end*/

[v-cloak]{display: none;}

/*flex兼容写法start*/
/* 定义 */
.flex-def {display: -webkit-box;display: -webkit-flex; display: flex;}
/* 主轴居中 */
.flex-zCenter {-webkit-justify-content: center;justify-content: center;}
/* 主轴居中 */
.flex-zAround {-webkit-justify-content: space-around;justify-content: space-around;}
/* 主轴两端对齐 */
.flex-zBetween {-webkit-justify-content: space-between;justify-content: space-between;}
/* 主轴end对齐 */
.flex-zEnd {-webkit-justify-content: flex-end;justify-content: flex-end;}
/* 主轴start对齐 */
.flex-zStart {-webkit-justify-content: start;justify-content: start;}
/* 侧轴居中 */
.flex-cCenter {-webkit-align-items: center;align-items: center;}
/* 侧轴start对齐 */
.flex-cStart {-webkit-align-items: start;align-items: start;}
/* 侧轴底部对齐 */
.flex-cEnd {-webkit-align-items: flex-end;align-items: flex-end;}
/* 侧轴头部对齐 */
.flex-ctopEnd {-webkit-align-items: end;align-items: end;}
/* 侧轴文本基线对齐 */
.flex-cBaseline {-webkit-align-items: baseline;align-items: baseline;}
/* 侧轴上下对齐并铺满 */
.flex-cStretch {-webkit-align-items: stretch;align-items: stretch;}
/* 主轴从上到下 */
.flex-zTopBottom {-webkit-flex-direction: column;flex-direction: column;}
/* 主轴从下到上 */
.flex-zBottomTop {-webkit-flex-direction: column-reverse;flex-direction: column-reverse;}
/* 主轴从左到右 */
.flex-zLeftRight {-webkit-flex-direction: row;flex-direction: row;}
/* 主轴从右到左 */
.flex-zRightLeft {-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
/* 是否允许子元素伸缩 */
.flex-item {-webkit-flex-grow: 1;flex-grow: 1;}
/*子元素换行*/
.flex-wrap {-moz-flex-wrap:wrap;flex-wrap:wrap;}
/* 子元素的显示次序 */
.flex-order{-webkit-order: 1;order: 1;}
/*元素比例*/
.flex-one{-webkit-flex: 1; flex: 1;}
/*flex兼容写法end*/

/* WebKit browsers */ 
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;}
/* Mozilla Firefox 4 to 18 */ 
input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc;}
/* Mozilla Firefox 19+ */  
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc;}   
/* Internet Explorer 10+ */
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc;} 

.opacity5 {
	opacity: 0.5;
}
/* 遮罩 */
.mask{
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
}
.bg_white{
    background: #fff;
}