@charset "utf-8";
/* CSS Document */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  color: #333;
  /*font: 12px "Microsoft YaHei";*/
  font:12px "微软雅黑";
  overflow-y:scroll;
}
div, dl, dt, dd, ul, li, h1, h2, h3, form, legend, input, button, textarea, select, p, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  border: none;
}
button, em, input, option, select, textarea, th {
  font: inherit;
}
li {
  list-style: none;
}
h1, h2, h3, h4 {
  font-weight: normal;
  font-size: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #333;
  /*font-family: "Microsoft YaHei";*/
  font-family: "微软雅黑";
}
a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
input {
  outline: none;
}
/****公用****/
.fl {
  float: left;
}
.fr {
  float: right;
}
.txtcenter {
  text-align: center;
}
.bor {
  border: 1px solid #CCC;
}
.rel {
  position: relative;
}
.red {
  color: #FF0000;
}
.white {
  color: #FFF;
}
.block {
  display: block;
}
.hide {
  display: none;
}
.transparent_class {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.dotted {
  border-bottom: 1px dotted #CCCCCC;
  font-size: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
  clear: both;
}
.pm0 {
  padding: 0!important;
  margin: 0!important;
}
.pd5 {
  padding: 5px;
}
.pd10 {
  padding: 10px;
}
.pd15 {
  padding: 15px;
}
.pd20 {
  padding: 20px;
}
.m5 {
  margin: 5px;
}
.m10 {
  margin: 10px;
}
.m15 {
  margin: 15px;
}
.m20 {
  margin: 20px;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.pt5 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pl5 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pr5 {
  padding-right: 5px;
}
.pr10 {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
/*清除浮动1*/
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
  clear: both;
}
.clear.both {
  height: 10px;
}
/*清除浮动2*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
  zoom:1;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}