/*normalize*/
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}



/*---添加 重写---*/
ul, ol {
    list-style: none;
}
dl, dt, dd, ul, ol, li{
	padding: 0; margin: 0;
}
table{
	border-collapse: collapse;
    border-spacing: 0;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.fix {
    *zoom: 1;
}
.fix:after,.fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.fl,.col-l,.col-c{
    float: left;
}
.fr,.col-r,dt span,.ul-txt li span{
    float: right;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
.tl {
    text-align: left;
} 
 .fc0 {
    color: #000000;
}
 
.fc3 {
    color: #333333;
}
 
.fc6 {
    color: #666666;
}
 
.fc9 {
    color: #999999;
}
 
.fcr {
    color: red;
}
 
.fcw {
    color: white;
}
 
.fcb {
    color: blue;
}
 
.fcg {
    color: green;
}
.f0 {
    font-size: 0;
}
 
.f10 {
    font-size: 10px;
}
 
.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;
}
.m0 {
    margin: 0;
}
 
.ml0 {
    margin-left: 0;
}
 
.ml5 {
    margin-left: 5px;
}
 
.ml10 {
    margin-left: 10px;
}
 
.ml20 {
    margin-left: 20px;
}
 
.mr0 {
    margin-right: 0;
}
 
.mr5 {
    margin-right: 5px;
}
 
.mr10 {
    margin-right: 10px;
}
 
.mr20 {
    margin-right: 20px;
}
 
.mt5 {
    margin-top: 5px;
}
 
.mt10 {
    margin-top: 10px;
}
 
.mt20 {
    margin-top: 20px;
}
 
.mb5 {
    margin-bottom: 5px;
}
 
.mb10 {
    margin-bottom: 10px;
}
 
.mb20 {
    margin-bottom: 20px;
}
 
.ml-1 {
    margin-left: -1px;
}
 
.mt-1 {
    margin-top: -1px;
}
 
.p1 {
    padding: 1px;
}
 
.pl5 {
    padding-left: 5px;
}
 
.p5 {
    padding: 5px;
}
 
.pt5 {
    padding-top: 5px;
}
 
.pr5 {
    padding-right: 5px;
}
 
.pb5 {
    padding-bottom: 5px;
}
 
.p10 {
    padding: 10px;
}
 
.pl10 {
    padding-left: 10px;
}
 
.pt10 {
    padding-top: 10px;
}
 
.pr10 {
    padding-right: 10px;
}
 
.pb10 {
    padding-bottom: 10px;
}
 
.p20 {
    padding: 20px;
}
 
.pl20 {
    padding-left: 20px;
}
 
.pt20 {
    padding-top: 20px;
}
 
.pr20 {
    padding-right: 20px;
}
 
.pb20 {
    padding-bottom: 20px;
}
 .rel,.pr {
    position: relative;
}
 
.abs,.pa {
    position: absolute;
}
 
.dn {
    display: none;
}
 
.db {
    display: block;
}
.h1 {
    height: 1px;
}
 
.h5 {
    height: 5px;
}
 
.h10,.h {
    height: 10px;
}
 
.h15 {
    height: 15px;
}
 
.h20 {
    height: 20px;
}
 
.h1,.h5,.h10,.h15,.h20,.h {
    font-size: 0px;
    line-height: 0;
    overflow: hidden;
    clear: both;
}


/*网格

按比例分配网格 5%-100%

.g-* 默认 大屏幕电脑
.p-g-* 1200以下 普通屏幕电脑
.t-g-*  960以下 平板电脑
.m-g-*  768以下 手机
.s-g-*  480以下 手机
.*-g-p0  左右间距清零，默认间距是5*2=10
.*-li-2 3 4 5 6 7 8 9 10 写在ul上控制li的宽度
 
*/
 
.g-5, .m-g-5, .t-g-5, .p-g-5, 
.g-10, .m-g-10, .t-g-10, .p-g-10,
.g-15, .m-g-15, .t-g-15, .p-g-15, 
.g-20, .m-g-20, .t-g-20, .p-g-20, 
.g-25, .m-g-25, .t-g-25, .p-g-25, 
.g-30, .m-g-30, .t-g-30, .p-g-30, 
.g-35, .m-g-35, .t-g-35, .p-g-35, 
.g-40, .m-g-40, .t-g-40, .p-g-40, 
.g-45, .m-g-45, .t-g-45, .p-g-45, 
.g-50, .m-g-50, .t-g-50, .p-g-50, 
.g-55, .m-g-55, .t-g-55, .p-g-55, 
.g-60, .m-g-60, .t-g-60, .p-g-60, 
.g-65, .m-g-65, .t-g-65, .p-g-65, 
.g-70, .m-g-70, .t-g-70, .p-g-70, 
.g-75, .m-g-75, .t-g-75, .p-g-75, 
.g-80, .m-g-80, .t-g-80, .p-g-80, 
.g-85, .m-g-85, .t-g-85, .p-g-85, 
.g-90, .m-g-90, .t-g-90, .p-g-90, 
.g-95, .m-g-95, .t-g-95, .p-g-95, 
.g-100, .m-g-100, .t-g-100, .p-g-100, 
.g-33, .m-g-33, .t-g-33, .p-g-33,
.g-66, .m-g-66, .t-g-66,.p-g-66,
.g-16,.m-g-16,.t-g-16,.p-g-16,
.g-14,.p-g-14
{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px; /* 默认的间距如果是5就是间距是10，如果写成10，间距就是20px , 如果调整请和g-row里的一起调整*/
  padding-right: 10px;
  float: left;
}
 
.g-row {
    margin-left: -10px;
    margin-right: -10px;
}
 
.g-row > div,.g-row > li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px; /* 默认的间距如果是5就是间距是10，如果写成10，间距就是20px , 如果调整请和g-row里的一起调整*/
    padding-right: 10px;
    float: left;
}
 
 
/*Common For Max 1200*/
.g-5 {width: 5%;}
.g-10 {width: 10%;}
.g-15 {width: 15%;}
.g-20 {width: 20%;}
.g-25 {width: 25%;}
.g-30 {width: 30%;}
.g-35 {width: 35%;}
.g-40 {width: 40%;}
.g-45 {width: 45%;}
.g-50 {width: 50%;}
.g-55 {width: 55%;}
.g-60 {width: 60%;}
.g-65 {width: 65%;}
.g-70 {width: 70%;}
.g-75 {width: 75%;}
.g-80 {width: 80%;}
.g-85 {width: 85%;}
.g-90 {width: 90%;}
.g-95 {width: 95%;}
.g-33 {width: 33.33333%;}
.g-16 {width: 16.66666%;}
.g-14 {width: 14.28571%;}
.g-66 {width: 66.66667%;}
.g-100 { clear: both; width: 100%;}
 
/* 列表*/
.g-li-2 li{width:50%;}
.g-li-3 li{width:33.33%;}
.g-li-4 li{width:25%;}
.g-li-5 li{width:20%;}
.g-li-6 li{width:16.66%;}
.g-li-7 li{width:14.28%;}
.g-li-8 li{width:12.5%;}
.g-li-9 li{width:11.11%;}
.g-li-10 li{width:10%;}

.dang {width:1200px; margin:0 auto;}
.c_area {width:1200px; margin:0 auto}