@charset "utf-8";
/* CSS reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: 400;
	font-style: normal;
	outline: 0;
	background: transparent;
	-webkit-tap-highlight-color:transparent;
	box-sizing: border-box;
}

table,caption,tbody,tfoot,thead,tr,th,td {
	vertical-align: middle
}

li {
	list-style: none outside none
}

body {
	line-height: 1;
	font-family:\.PingFangSC-Light,Helvetica Neue,Helvetica,Arial,PingFang SC,Heiti SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}
input[type="text"],input[type="submit"],input[type="button"],input[type="password"],textarea,button{font-family:\.PingFangSC-Light,Helvetica Neue,Helvetica,Arial,PingFang SC,Heiti SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding:0;}
select{
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  


  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
  font-family:\.PingFangSC-Light,Helvetica Neue,Helvetica,Arial,PingFang SC,Heiti SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding:0;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

:focus {
	outline: 1
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display: block
}

nav ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
	content: none
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

a:active,a:hover,input,input:focus,select,textarea:focus {
	outline: 0
}

ins {
	text-decoration: none;
	color: #000;
	background-color: #ff9
}

mark {
	font-weight: 700;
	font-style: italic;
	color: #000;
	background-color: #ff9
}

del {
	text-decoration: line-through
}

em {
	font-style: normal
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

hr {
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc
}

input,select {
	vertical-align: middle
}


table,caption,tbody,tfoot,thead,tr,th,td {
vertical-align: middle
}

li {
list-style: none outside none
}

body {
line-height: 1
}

:focus {
outline: 1
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
display: block
}

nav ul {
list-style: none
}

blockquote,q {
quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
content: "";
content: none
}

ins {
text-decoration: none;
color: #000;
background-color: #ff9
}

mark {
font-weight: 700;
font-style: italic;
color: #000;
background-color: #ff9
}

del {
text-decoration: line-through
}

em {
font-style: normal
}

abbr[title],dfn[title] {
border-bottom: 1px dotted #000;
cursor: help
}

table {
border-spacing: 0;
border-collapse: collapse
}

hr {
display: block;
height: 1px;
margin: 1em 0;
padding: 0;
border: 0;
border-top: 1px solid #ccc
}

input,select {
vertical-align: middle
}

input {
outline: 0
}

a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none
}

body {

    margin: 0 auto;
	background:#060606;
}
html *{
    max-width: 7.5rem; 
}