html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,a,span,i,em,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0; -webkit-tap-highlight-color: transparent;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{
  cursor:pointer;	
  -ms-touch-action: manipulation;    /* IE10  */
  touch-action: manipulation;        /* IE11+ */
}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a{text-decoration:none;}
html,body{
width: 100%;
moz-user-select: -moz-none;  
-moz-user-select: none;  
-o-user-select:none;  
-khtml-user-select:none;  
-webkit-user-select:none;  
-ms-user-select:none;  
user-select:none;
-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;
}
body,textarea,input,button,select,keygen,legend{color:#000;outline:0;border:none;}
body{font-size:0.3rem;line-height:1;font-family:'微软雅黑','宋体',Arial,sans-serif;color: #333;background:#fff;
  -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing:antialiased;
}
html,body, .page {
  min-height: 100vh;
}
a:hover{
  text-decoration: none;
}
label {
    -webkit-tap-highlight-color:transparent;
}
input{
    -webkit-tap-highlight-color:transparent;
  font-size: 0.3rem;
-webkit-appearance:none;
background: none;
border: none;
    }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder ,input:-moz-placeholder, textarea:-moz-placeholder { 
color: #ccc; 
} 
img {
  display:block;
  width: 100%;
}

* {
  box-sizing: border-box;
}

.hidden {
  display: none;
}

.page {
  margin: 0 0.3rem;
}

.background {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url('../img/bg.png');
  background-color: #F3F3F3;
}

.common_btn {
  display: inline-block;
  background: #00B300;
  padding: 0 0.8rem;
  border-radius: .5rem;
  font-size: .36rem;
  height: 1rem;
  color: #fff;
}

.green {
  color: #00B300;
}

.common_card {
  padding: .4rem;
  background-color: #fff;
  border-radius: .4rem;
}
.common_card + .common_card {
  margin-top: .2rem;
}
@font-face {
  font-family: 'numFont';
  src: url(../font/D-DINCondensed-Bold.ttf);
}

.num_font {
  font-family: 'numFont';
}

.bill_detail .detail_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .32rem;
  height: 1rem;
}
.bill_detail .detail_item .num_font {
  font-size: .4rem;
}
.bill_detail .detail_item + .detail_item {
  border-top: 0.02rem solid #eee;
}
.bill_detail .detail_item > span {
  width: 1.5rem;
}
.bill_detail .detail_item > div {
  width: 4rem;
  text-align: right;
}
.bill_detail .detail_item > div input, .bill_detail .detail_item > div input::placeholder {
  width: 100%;
  text-align: right;
}
.bill_detail .detail_item > div input::placeholder {
  color: #999999;
}

/*for IE*/
.common_btn:focus {outline:none;}
/*for mozilla*/
.common_btn::-moz-focus-inner {border-color: transparent;}