* {
  margin: 0;
  padding: 0;
  outline: none;
}
*:not(input,textarea) {
  -webkit-touch-callout: inherit;
  -webkit-user-select: auto;
}
body {
  width: 100%;
  font-family:"Microsoft YaHei";
  font-size: 10px;
  -webkit-touch-callout: inherit ;
  -webkit-user-select: auto ;
  background:#f6f6f6;
}
a {
  color: #000;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
  text-decoration: none;
}
button,input,select,textarea {
  font-size: 100%;
  margin: 0;
  padding: 0;
  outline: none;
}
dt,dd {
  display: inline-block;
}
textarea,input {
  resize: none;
  outline: none;
}
textarea {
  resize: none;
  -webkit-appearance: none;
}
ul,ol,li {
  list-style: none;
}
em {
  font-style: normal;
}

img{border: none;}

.clear{ clear:both }

.fl{ float: left;display: inline;}
.fr{ float: right;display: inline;}

.top{}
.sptop{ max-height:320px;width:100%; height:auto; padding-top:2em; padding-bottom:22em}
.img100{ width:100%;}
.w96{width:96%; margin:0 auto;}
.w90{width:90%; margin:0 auto;}
.tpsm{ font-size:1.6em; color:#666; line-height:1.8em;}
.mr1{margin-right:1em;}
.auto{ margin:0 auto}

.bor1{ border:1px solid #E1E1E1}
.tit{ padding-left:1em; color:#696969; font-size:1.6em;}
.tit img{ vertical-align:middle; margin-right:1em;}

.w100{width:100%;}
.mt1{margin-top:1em;}
.mb1{margin-bottom:1em;}
.mr1{ margin-left:1em;}
.mb2{margin-bottom:2em;}
.pb1{ padding-bottom:1em;}
.userno{ width:70%; border-radius:5px; height:3em; line-height:3em;}
.sjh{ font-size:2em; height:2em; line-height:2em; width:26%}
.list2 h2{ font-size:1.6em;line-height:2em;}
.list2 p{ font-size:1.4em;line-height:1.8em;}
@media screen and (max-width: 640px) {
 .w640{ width:100%;}
}

@media screen and (min-width: 640px) {
 .w640{  width:640px;}
}

@media screen and (max-width: 480px) {
 .sptop{  padding-bottom:15em}
}