@charset "utf-8";
*{ margin:0;padding:0;-webkit-text-size-adjust:100%;text-size-adjust: 100%;-moz-text-size-adjust: 100%;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
img{border:0;}
ol,li,dl{list-style:none;}
a{ text-decoration:none;outline:none}
html{width:100%;}
body{background:#fff;width:100%;font-family:"微软雅黑"; font-size:14px;}
input{font-family:"微软雅黑";}

.main{ margin:0 auto;max-width:640px; background:#fff; padding:10px; padding-bottom:80px; margin:10px 20px 0; position:relative; z-index:9; border-radius:5px; }
.header{ margin-bottom:20px; font-size:20px; padding-bottom:10px; text-align:center; color:#333; border-bottom:1px solid #666;}
.form{ margin:10px;}
.form i{ color:#F30; font-style:normal; font-weight:bold; position:absolute; right:0;top:5px;}
.form div{ margin-bottom:10px; position:relative; line-height:1.8; position:relative;}
.txt{ font-size:18px; height:40px; border:1px solid #ccc; border-radius:3px; outline:none; width:100%;background:#fff;font-size:14px; outline:none; padding:0 10px;-webkit-appearance: none; }
.btn{ background:#06F;width:100%; border:0;border-radius:3px; outline:none;text-align:center; color:#fff; font-size:16px; height:40px;-webkit-appearance: none; }
#btn-yzm{position:absolute;right:0;top:0px;background: #06F; border-top-right-radius:3px;border-bottom-right-radius:3px; color:#fff; line-height:40px; padding:0 10px;}
.top-txt{ padding:10px; line-height:1.8; border:1px dashed #ECC902; color:#ECC902; margin-top:20px; font-size:14px;background:#FFF9EE}
.btm-txt{ margin-top:20px;border-top:1px dashed #ddd; padding-top:10px; color:#666}

.pic-box,.sign-box{ border:1px solid #ddd; height:auto; min-height:100px; width:150px; background:#fff; position:relative; cursor:pointer; overflow:hidden}
.sign-box{width:auto;padding:0;}
.pic-box,.sign-box img{ width:100%; display:block;}
.pic-box,.sign-box span{ display:block; text-align:center; width:80%; height:30px; line-height:30px; background:rgba(0,0,0,0.5); color:#fff; position:absolute; left:10%;top:50%; margin-top:-15px; border-radius:3px;}
.a-btn{ background:#06F;border-radius:3px;text-align:center; padding:0 10px; display:inline-block; margin:0 10px; color:#fff; font-size:14px; height:25px; line-height:25px;}

.tip{ font-size:16px; text-align:center; border:1px dashed #ddd; padding:20px; color:#F00}
.btn-gp{width:100%; height:auto; overflow:hidden;}
.help-txt{ color:#F30; font-size:12px; margin-top:-8px; font-family:'宋体'; background:url(../images/i2.png) no-repeat left 4px; background-size:12px; padding-left:16px; }

.radio-label,.ck-label{ padding:5px 10px; border:1px dashed #ddd; margin:5px 0; border-radius:3px; display:block}

.ft-nav { position: fixed; left: 0; bottom: 0; z-index: 2; width: 100%; background: #fff; padding: 5px 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); z-index: 999; text-align: center; display: flex;}
.ft-nav a { flex-grow: 1;flex-basis: 0; line-height: 30px; border-left: 1px solid #eee; color: #333;}
.ft-nav a:first-child { border: none;}

.load{ position:fixed; width:80%; height:60px; margin-left:-30px;margin-top:-30px; z-index:999; left:50%; top:50%;background:url(../images/r.gif) no-repeat center rgba(0,0,0,0.5);background-size:80%; border-radius:3px; display:none;}
.message{position:fixed; z-index:999; transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);left:50%; top:40%; border-radius:3px; padding:10px;background:rgba(0,0,0,0.6); color:#fff; font-size:16px; display:none;}


.cover{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:99}
.cover img{ width:100%; height:100%; display:block;}
.cover span{ position:absolute; right:0; bottom:0; display:block; background:rgba(0,0,0,0.8); color:#fff; font-size:16px; padding:5px;}

.banner img{ display:block; width:100%;}

.tbl{ border:1px solid #ddd; border-bottom:0;}
.tbl td{ border-bottom:1px #ddd solid; padding:10px;}

.tbl2{ margin-bottom:20px;}

.content{width: 95%; margin: 10% auto 0; background-color: #fff; border-radius: 5px;text-align: center; padding-bottom: 20px; position: relative;}
.content table{width: 100%; padding: 20px; text-align: left;}
.content th,td{ padding: 10px 0; }
.content .title{ border: 2px solid #00c2aa; border-radius: 10px; margin-right: 5px;}
.content .tt{width: 40%;}
.content .btn{ width: 90%; height: 35px; border-radius: 5px; outline: none; border: none; color: #fff;}
.content .tips{ font-size: 30px; font-weight: 600; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: firebrick;}
.signtrue{ 
  width:80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:1000;
}
.signtrue button{
  margin:0 0 10px 0;
  background-color:#00c749;
}
.overlay {
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 999; /* 确保遮罩层位于其他内容之上 */
}
.rotate-img {
    transform: rotate(-90deg);
  }
.main h2{text-align:center; border-bottom:1px solid #ccc;padding-bottom:10px; margin-bottom:10px;}