@media all and (min-width:100%){
    .content{width:100%;margin:0 auto;position:relative;margin-top:6%; padding-bottom: 16%;}
}
@media only screen and (min-width: 321px) {
    html{font-size: 60px;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 50px;}
}
/*font*/
@charset "utf-8";
@font-face{font-family:"commonfont";src:url('font/common.woff') format('woff'),url('font/common.ttf') format('truetype');}
.commonfont{font-family:"commonfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
html{-webkit-text-size-adjust:none;max-height:100%}
body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
/*body{background-image:url(/images/home-bg.png);background-position:0 13.33333vw}*/
td,input,select{font-size: 14px;margin:0; padding:0;}
td{height:20px;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
.tdborder td{border:solid #999999 1px;}
select,input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance: none; border:1px solid #999999; height:18px; margin:0; padding:0;}
/* common */
.content{min-height:8rem;overflow:hidden;margin-top: 6%;padding-bottom: 16%;background-color: transparent;}
.content_new{margin-top:0!important;}
.inputon{ color:#000000;}
.inputout{ color:#CCCCCC;}
/* footer */
.footer{width:100%;height:0.8rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; background-color:#ffffff;}
.foot{width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot-relative{position:relative;width:100%;height:0.8rem;}
.foot a{display:block;float:left;width:16%;color:#BBBBBB}
.foot a span{display:block;width:100%;text-align:center;font-size:0.4rem;line-height:0.5rem;}
.foot a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}
/*模态框开始*/
.modal {
  display: none; /* 默认隐藏 */
  position: fixed; 
  z-index: 1; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; 
  padding: 20px;
  border: 1px solid #888;
  width: 60%; 
  max-width: 320px;
}
.modal-content p{
  font-size:18px; line-height:18px;
}
.close {
  color: #aaa;
  font-size: 32px;
  line-height:32px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}