body { height:100%; min-width:1200px;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"Microsoft YaHei","微软雅黑"; color:#555; line-height:1.8;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
div{margin:0 auto;}
img, table, td, th ,embed{ border:none;}
img{ vertical-align:middle;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block{ display:block;}
.h70{ width:100%; height:150px;}
.clear{ clear:both;}
.clearfix{*zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.w1000{ width:1000px; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; height:auto; margin:0 auto; overflow:visible;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff;}
@media(max-width:767px){
body { height:100%; min-width:300px;}
body{ min-width:300px !important; max-width:640px;}
body{ background:#fff;color:#878787;font:.8em "微软雅黑"; margin:0 auto;}
.auto_img{width:100%;}
.w1000{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff;}
}
/*margin*/
.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mb15 {
    margin-bottom: 15px;
}

.ml15 {
    margin-left: 15px;
}

.mr15 {
    margin-right: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mr20 {
    margin-right: 20px;
}

/*padding*/
.pt5 {
    padding-top: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.pl5 {
    padding-left: 5px;
}

.pr5 {
    padding-right: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.pl15 {
    padding-left: 15px;
}

.pr15 {
    padding-right: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pr20 {
    padding-right: 20px;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.clear {
    clear: both;
}

.cursor {
    cursor: pointer;
}

.auto {
    margin: 0 auto;
}

.border-bottom {
    border-bottom: 1px solid #f1f1f1;
}

.bg-f6f6f6 {
    background: #f6f6f6;
}

.bg-f9f9f9 {
    background: #f9f9f9;
}

.bg-white {
    background: #fff;
}

.app-color {
    color: #e57f07;
}

.color-white {
    color: #fff;
}

.color-f9f9f9 {
    color: #f9f9f9;
}

.color-ccc {
    color: #cccccc;
}

.color-999 {
    color: #999;
}

.wrapper-1200 {
    width: 1200px;
}
@font-face {
  font-family: "Impact";
  src: url('/css/font/impact.ttf');
  font-weight: normal;
  font-style: normal;
}