/*重置*/
body{
  margin:0;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}
*{ font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;	padding: 0;margin: 0;box-sizing: border-box; }
img{ display:block; border:none;}
ul{ margin:0; padding:0;}
li{ list-style:none;}
dl,dd,dt{ text-indent:inherit; margin:0;}
a{ text-decoration:none; color:#333333;}
.clear{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.float_Left{ float: left;}
.float_Right{ float: right;}
/*间距*/
.paddingRL0{ padding-left: 0px; padding-right: 0px;}
.marginRL0{ margin-left:0px; margin-right:0px;}
.padding5{ padding: 5px; }
.padding10{ padding: 10px; }
.pt5{ padding-top: 5px; }
.pt10{ padding-top: 10px; }
.pb10{ padding-bottom: 10px; }
.pl10{ padding-left: 10px; }
.pr10{ padding-right: 10px; }
.margin5{ margin: 5px; }
.margin10{ margin: 10px; }
/*颜色*/
.color_f{color:white;}
.color_a{color:#339900;}
.color_e{color:#eee;}
.color_red{color:#de0c0c;}
.color_skyblue{ color:#00a1d6}
.color_grass{ color:#54bd94}
.color_peach{ color:#f25d8e}
/*渐变*/
.grad_blue {
  background: -webkit-linear-gradient(#0fb8f2, #065a94); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#0fb8f2, #065a94); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#0fb8f2, #065a94); /* Firefox 3.6 - 15 */
  background: linear-gradient(#0fb8f2, #065a94); /* 标准的语法 */
}
.grad_red {
  background: -webkit-linear-gradient(#eb1e13, #a0140d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#eb1e13, #a0140d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#eb1e13, #a0140d); /* Firefox 3.6 - 15 */
  background: linear-gradient(#eb1e13, #a0140d); /* 标准的语法 */
}
.grad_yellow {
  background: -webkit-linear-gradient(#ec9c02, #ac6204); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ec9c02, #ac6204); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ec9c02, #ac6204); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ec9c02, #ac6204); /* 标准的语法 */
}
.grad_green {
  background: -webkit-linear-gradient(#03c064, #037f44); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#03c064, #037f44); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#03c064, #037f44); /* Firefox 3.6 - 15 */
  background: linear-gradient(#03c064, #037f44); /* 标准的语法 */
}

.bge{background-color:#eee;}
.bgred{ background-color: #de0c0c; }
.bgyellow{ background-color: #e6b900; }
.bggreen{ background-color: #339900; }
.bgblue{ background-color: #5bc0de; }

/*大小*/
.size12{ font-size: 12px;}
.size16{ font-size: 16px;}
.size18{ font-size: 18px;}
.size24{ font-size: 24px;}
.size60{ font-size: 60px;}
  /* flex布局*/
  .flex_column{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .flex_row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }