@charset "utf-8";
/*初始化*/
article,aside,figcaption,figure,footer,header,main,nav,section,div{
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,p,ul,ol,li,dd,dl,dt,h1,h2,h3,h4,h5,h6,form,input,textarea,span,a,label{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul,ol,li{
  list-style: none;
}
img{
  border: 0;
  width: 100%;
  height: auto;
}
em,i{
  font-style: normal;
}
input, textarea{
  outline: none;
}
html{
  width: 100%;
  min-height: 100%;
  font-size: 100px;
}
body {
  width: 100%;
  max-width: 414px;
  margin: 0 auto;
  min-height: 100%;
  font-size: 12px;
  color: #333;
}
html,body,button,input,select,textarea,pre {
  font-family: "SourceHanSansSC-Regular","微软雅黑","Helvetica Neue",Helvetica,sans-serif,"Microsoft YaHei",Arial,SimHei;
}
input[type="submit"]{
  box-sizing: content-box;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="search"]{
  border: 0 none;
}
textarea {
  overflow-x: hidden;
  overflow-y: auto;
  resize: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button {
  outline: none;
}
a, a:hover{
  text-decoration: none;
}
input[type="submit"],input[type="reset"],input[type="button"],button{
  border: 0 none;
  -webkit-appearance: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  margin: 0;
}
input[type="number"]{
  -moz-appearance: textfield;
}

/*弹出层*/
.mask_layer{
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 414px;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  z-index: 999;
}
/*关闭*/
.mask_layer .close_btn{
  margin: 30px auto 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: relative;
}
.mask_layer .close_btn span{
  position: absolute;
  top: 12px;
  left: 5px;
  display: inline-block;
  width: 17px;
  height: 2px;
  background-color: #fff;
  transform: rotate(45deg);
}
.mask_layer .close_btn span:nth-child(2){
  transform: rotate(-45deg);
}