/* CSS Document */
body{ font-family:"微软雅黑", "宋体", "新宋体"; font-size:14px;}
ul{padding:0; margin:0;}
li{list-style:none;}
a{text-decoration:none;color:#333;}
/* 字体颜色 */
.green,a.green:hover {color:#006600;}
.lightgreen{color:#2ECC71;}
.deepgreen{color:#27AE60;}
.seagreen{color:#16A085;}
.turquoise{color:#1ABC9C;}
.red,a.red:hover{ color:#F00;}
.blue,a.blue:hover{ color:#09F;}
.yellow,a.yellow:hover{ color:#FF0;}
.orange,a.orange:hover{ color:#F60;}
.lightorange{ color:#F39C12;}
.silver{color:#BDC3C7;}
.clouds{color:#ECF0F1;}
.concrete{color:#95A5A6;}
.asbestos{color:#7F8C8D;}
.asphalt{ color:#34495E;}
.night{color:#2C3E50;}
.sun{color:#F1C40F;}
.carrot{color:#E67E22;}
.pumpkin{color:#D35400;}
.alizarin{ color:#E74C3C;}
.pomegranate{ color:#C0392B;}
.river{color:#3498DB;}
.belize{color:#2980B9;}
.lightpurple{ color:#9B59B6;}
.deeppurple{ color:#8E44AD;}
.white{ color:#FFF;}
.font_black{color:#000;}
.font_white{color:#FFF;}
.font_pink{color:#e1005a;}
.font_gray{color:#ccc;}
.font_blue{color:#0071BC;}
/*外边距*/
.my10{margin:10px auto}
.my15{margin:15px auto}
.my30{margin:30px auto}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
/*内边距*/
.py10{padding:10px 0;}
.py15{padding:15px 0;}
.py30{padding:30px 0;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb50{padding-bottom:50px}
/*文字大小*/
.f10{ font-size:10px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}
.f30{ font-size:30px;}
.f36{ font-size:36px;}
/* flex布局 */
.d-flex{ display: flex; }
.d-block{ display: block; }
.d-inline-block{ display: inline-block; }
.flex-1{ flex: 1; }
.flex-column{ flex-direction: column; }
.flex-row{ flex-direction: row; }
.flex-wrap{ flex-wrap: wrap; }
.flex-nowrap{ flex-wrap: nowrap; }
.flex-shrink{flex-shrink: 0;}
.j-start{ justify-content: flex-start; }
.j-center{ justify-content: center; }
.j-end{ justify-content: flex-end; }
.j-sb{ justify-content: space-between; }
.a-center{ align-items:center; }
.a-start{ align-items: flex-start; }
.a-end{ align-items:flex-end; }
.a-stretch{ align-items: stretch; }
.a-self-start{ align-self: flex-start; }
.a-self-auto{ align-self: auto; }
.a-self-end{ align-self: flex-end; }
.a-self-stretch{ align-self:stretch; }
.a-self-baseline{ align-self:baseline; }