html{ background: #676566; width: 100%; height:100%; display: block;}
body {width: 100%; display: block; height:100%; padding: 0px; margin: 0px; font-family:"Microsoft Yahei","微软雅黑", Arial,"宋体","sans-serif"; background:url(http://hgdspic.jnsudong.com/bg.jpg) #676566 no-repeat top; background-size:100% 100%;}
.index_main{ display: block; height: 100%; width: 100%; overflow:hidden;}
.index_main img{ vertical-align:bottom; display:block}

.loading{ position: fixed; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.7); z-index: 9;}
.loading img{position: absolute; left:50%; top:50%; width: 60px; height: 60px; margin:-30px 0 0 -30px;}
.loading .txt{position: absolute; top:50%;width: 100%; text-align: center; margin-top:40px; color:#fff; }

#main{ width: 100%;  position: relative;}
#main .logo{ position: relative; z-index: 1; top:0; left:0; width:100%;}
#main .logo img{ display: inline-block; }
#main .inputbox{position: relative; z-index: 1; top:0; left:0; width:100%;}
#main .inputbox .btn{ width:64%; height: 63px; left:18%; top:60%; position: absolute; z-index: 2;}
#main .inputbox .btn button{ border:0; padding: 0; margin:0; background:none;}
#main .inputbox .qrcode{ width: 246px; height: 30px; font-size: 14px; line-height: 30px;  position: absolute; z-index: 2; top:20%; left:28%;}
#main img{ width: 100%; }

.qrinfo{ width: 82%; font-size: 14px; margin:auto; background:rgba(255,255,255,.8);  line-height: 1.5; padding:10px 0; display: none;  text-align: center; position: relative; z-index: 1;  border-radius: 6px;}
.qrinfo b{ color:#f00; }

.class_box{}
.class_box tr,.class_box tr td{ margin:0; padding:0; height: auto}
.class_box td img{height: auto; border:0; width:100%; vertical-align:bottom;display:block}

.foot_box{ width: 82%; height: 30px; line-height: 30px; color:#fff; position: relative; margin:5px auto 0 auto; z-index: 1; font-size: 12px; text-align: center; background:url(../images/line.png) no-repeat 50%; background-size:100%;}

.help{ width: 100%; height: 80px; text-align: center; color:#fff; position: relative; z-index: 1; margin:auto;}
.help b{ font-size: 16px; }
.help p{ font-size: 12px; line-height: 1.5;}

.c_info { position: relative; top:0; left:0; width: 100%; z-index: 9; display: none;}
.c_info img{ width: 100%; vertical-align:bottom; display:block}
.c_info .c_info_head{ position: fixed; top: 0; width:100%;}
.c_info .c_info_head img{ position: relative; z-index: 0;}
.c_info .c_info_head a{ position: absolute; right:0; width:30%; height: 100%; display: block; z-index: 1;}
.c_info .c_info_head img.logosmall{ width: 80px; position: absolute; z-index: 2; left:30px; top:0; }

.content{ margin:0 0 10px 0; }
.content a{ display: block; }

.msg { position: relative; top:0; left:0; width: 100%; z-index: 9;}
.msg img{ width: 100%; vertical-align:bottom; display:block}
.msg .c_info_head{ position: fixed; top: 0; width:100%;}
.msg .c_info_head img{ position: relative; z-index: 0;}
.msg .c_info_head a{ position: absolute; right:0; width:30%; height: 100%; display: block; z-index: 1;}
.msg .c_info_head img.logosmall{ width: 80px; position: absolute; z-index: 2; left:30px; top:0; }

.form_box{ width:84%; background: rgba(0,0,0,0.5); border-radius: 10px; height: auto; margin:auto; color:#fff; padding-top: 25px; padding-bottom:10px; }
.form_table{ width: 85%; color:#fff;  border:0; padding:0; margin:auto;}
.form_table tr{ margin-bottom:12px;}
.form_table td{ height: 30px; line-height: 30px; font-size: 14px; margin:0; padding:0; vertical-align: top; padding-bottom:10px; position: relative;}
.form_table td span{ display: inline-block; line-height: 30px; position: absolute; right:-15px; z-index: 2; top:0; color:#eee; font-size: 12px}
.form_table input,.form_table textarea{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
border-radius: 0;
width: 100%;
color:#000;
font-family:"Microsoft Yahei","微软雅黑", Arial,"宋体","sans-serif";
font-size: 13px;
}
.form_table td input{ background:#fff; border:0;  height: 30px; line-height: 30px;  padding-left:10px; }
.form_table td textarea{ background:#fff; border:0; height: 90px; line-height: 30px;  padding-left:10px; }
.image-list:after{clear:both; content:" ";display:table;}
.image-list img{display: block; width:50px; height:50px;}
.image-list .image-picker{
	display: inline-block;
	width:50px; height: 50px; border:1px #ccc dashed; color:#ccc;
	position: relative;
}
.image-list .image-picker .choose_icon{
	width:100%;
	display: block; text-align:center; margin-top: 0px; font-size:25px; 
	margin:0; padding: 5px 0 0 0; line-height: 1;
}
.image-list .image-picker .choose_text{
	width:100%;
	display: block; text-align:center;font-size:12px;
	margin:0; padding: 0; line-height: 1;
}
.image-list .image-picker,.image-list .image-preview{ margin-right:6px; margin-bottom:6px; float:left; }
.image-list .image-picker:nth-child(3n+0),.image-list .image-preview:nth-child(3n+0){ margin-right:0; }
.image-list .image-preview{
	width:50px; height: 50px;
	position: relative;
	border:1px #ccc dashed; 
	background-position-x:center;
	background-position-y:center;
	background-size: contain;
}
.image-list .image-preview .icon_close{ width: 15px; height: 15px; line-height: 15px; text-align: center; display: block; position: absolute; background:#000; color:#fff; border-radius: 50%; top: -4px; left:-4px; font-size: 12px; text-decoration: none; font-weight: 100}
.msg_sub{ margin-top:15px; }