body{margin:0px auto;padding:0px;color:#333;font-size:14px;font-family:Microsoft Yahei;line-height:24px;}
a:link{color:#333;text-decoration:none;}        
a:visited{color:#333;text-decoration:none;}
a:hover{color:#0067cd;text-decoration:none;}
img{border:none;}
ul,li,h1,h2,h3,p{margin:0px;padding:0px;}
li{list-style:none; }
div,ul,li{overflow:hidden;display:block;}

.wrap{width:100%;max-width:1200px; margin:0px auto;}
.clear{height:10px;margin:0px;padding:0px;clear:both;}
.l{float:left;display:block;}
.r{float:right;display:block;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.fb{font-weight:bold;}
.fi{font-style:italic;}
.yh{font-family:Microsoft Yahei;}

.fast{transition:all 200ms;-moz-transition:all 200ms;-webkit-transition:all 200ms;-o-transition:all 200ms;}
.delay{transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;}
.slow{transition:all 800ms;-moz-transition:all 800ms;-webkit-transition:all 800ms;-o-transition:all 800ms;}

.w100{width:100%;}
.flex {display:flex;flex-direction: row;}
.flex-wrap {flex-wrap: wrap;}
.dir-clu{flex-direction:column;}
.jus-sta{justify-content:flex-start;}
.jus-btw{justify-content:space-between;}
.jus-eve{justify-content:space-evenly;}
.jus-ctr{justify-content:center;}
.jus-end{justify-content:flex-end;}
.ali-sta{align-items:flex-start;align-content:flex-start;}
.ali-ctr{align-items:center;align-content:center;}
.ali-end{align-items:flex-end;align-content:flex-end;}

.shadow{box-shadow:0 0 7px #333;}
.shadow_img{background-color:#fff;padding:10px;box-shadow:0 0 7px #333;margin:7px 7px 7px 7px;}
.shadow_img:hover{box-shadow:0 0 7px #000;}
.yuanjiao_img{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}