﻿@charset "utf-8";

h1,h2,h3,h4{margin:0; padding:0; font-weight:normal;}

.qmain{width:950px; margin:0 auto; background:#fafafa; padding-bottom:20px;}
.questions{width:910px; margin:0 auto; background:#fff; /*min-height:900px;*/ padding:20px 0; border:1px solid #F3F3F3; border-top:0;}
.questions input{font-family:"微软雅黑";}

.questions h2.ttl{position:relative; height:35px; font-size:14px; font-family:"微软雅黑"; line-height:35px; color:#fff; padding-left:34px;}
.questions h2.ttl del { display:none; margin-top:8px; line-height:20px; font-size:12px!important; color:#fff!important;}

.sty1 h2.ttl{background:#425fae; }
.sty1 h2.ttl i{background-image:url(../images/ttlBar_bg_6.jpg);}
.sty1 .btn_an{ background:#425fae; border-radius:3px;}
.sty1 .btn_nextqt{background:#425fae;}


.sty2 h2.ttl{background:#FFBB01; }
.sty2 h2.ttl i{background-image:url(../images/ttlBar_bg_2.jpg);}
.sty2 .btn_an{ background:#FFBB01; border-radius:3px;}
.sty2 .btn_nextqt{ background:#FFBB01;}

.sty3 h2.ttl{background:#1BA2EB; }
.sty3 h2.ttl i{background-image:url(../images/ttlBar_bg_3.jpg);}
.sty3 .btn_an{ background:#1BA2EB; border-radius:3px;}
.sty3 .btn_nextqt{background:#1BA2EB;}


.sty4 h2.ttl{background:#E7734B; }
.sty4 h2.ttl i{background-image:url(../images/ttlBar_bg_4.jpg);}
.sty4 .btn_an{ background:#E7734B; border-radius:3px;}
.sty4 .btn_nextqt{background:#E7734B;}


.sty5 h2.ttl{background:#3FD177; }
.sty5 h2.ttl i{background-image:url(../images/ttlBar_bg_5.jpg);}
.sty5 .btn_an{ background:#3FD177; border-radius:3px;}
.sty5 .btn_nextqt{background:#3FD177;}


.sty6 h2.ttl{background:#83cc35; }
.sty6 h2.ttl i{background-image:url(../images/ttlBar_bg_1.jpg);}
.sty6 .btn_an{ background:#83cc35; border-radius:3px;}
.sty6 .btn_nextqt{background:#83cc35;}


.sty7 h2.ttl{background:#F7790D; }
.sty7 h2.ttl i{background-image:url(../images/ttlBar_bg_7.jpg);}
.sty7 .btn_an{ background:#F7790D; border-radius:3px;}
.sty7 .btn_nextqt{background:#F7790D;}


.sty8 h2.ttl{background:#5BD0C4; }
.sty8 h2.ttl i{background-image:url(../images/ttlBar_bg_8.jpg);}
.sty8 .btn_an{ background:#5BD0C4; border-radius:3px;}
.sty8 .btn_nextqt{background:#5BD0C4;}




.questions .btn_nextqt:hover, .questions .btn_an:hover{background-position:0 bottom;}


.questions h2.ttl i{ position:absolute; top:0; width:11px; height:40px; background-repeat:no-repeat;}
.questions h2.ttl i.bg_l{left:-11px; background-position:0 0;}
.questions h2.ttl i.bg_r{right:-11px; background-position:right 0;}


.questions .intro{padding:20px 20px 0; }
.questions .intro p{font-size:12px; line-height:24px; font-family:"微软雅黑"; color:#666; text-indent:2em;}
.questions .intro em{color:#333; font-weight:bold;}
.questions .btn_an{display:block; font-family:"微软雅黑"; font-size:16px; color:#fff; margin:15px 0; border:0; height:36px; width:100%;}
.lineDashed{ border-bottom:1px dashed #D7D7D7; font-size:0; height:0; line-height:0;}


.qust_opts{font-size:12px; color:#373737; /*padding-left:60px; */padding:0 20px; }
.qust_opts dl{ display:none;}
.qust_opts dl.on{/*display:block;*/}

/*----- 默认只显示1条问题 -----*/

/*------- 显示全部问题 --------*/
.qmain .showall .p_vcode, .qmain .showall #btn_submit, .qmain .showall dl{display:block;}
.qmain .showall .btn_nextqt{display:none;}

/*------- 显示全部问题 end------*/
.qust_opts dt, .qust_opts dd{ font-family:"微软雅黑"; line-height:24px;}
.qust_opts dd{padding:0; margin-left:20px;}
.qust_opts dt{/*font-weight:bold;*/ color:#000;}
.qust_opts dd input{margin-right:6px;}
.qust_opts dd label{display:inline-block; margin-right:28px;}

.qust_opts dd select{height:22px; line-height:22px; width:160px; font-family:"微软雅黑";}

.btn_nextqt{display:block; border:0; color:#fff; font-size:16px; font-family:"微软雅黑"; line-height:36px; margin:20px auto; padding:0 40px; height:36px; border-radius:3px;}


#btn_submit{margin:20px auto; display:none;}
.p_btn{text-align:center;}

.qust_opts .txt{margin-left:-15px; height:20px;}
.qust_opts  textarea{
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0;
    outline: none;
    resize: none;
    width: 300px;
    height: 20px;
    font-size:16px; 
    font-family:微软雅黑;
}

del,s{text-decoration:none;}
del{*margin-top:-35px;}
del s{cursor:pointer; margin:3px; }
del s:hover{border-bottom:1px dashed blue; color:blue; }

.qmain label{font-family:微软雅黑;}
.qmain button{cursor:pointer;}
.qmain input{padding:0 3px;}
.p_vcode{text-align:center; font-size:12px; background:#FEF5DE; border:1px solid #FEEAB8; border-radius:3px; padding:10px; margin:20px 0; color:#FF7155; display:none;}
.p_vcode input{ height:24px; width:60px; margin:0 10px; font-size:12px; line-height:24px; vertical-align:middle; }
.p_vcode img{height:28px; vertical-align:middle;}

.line_btm{}

/*.popBox .pop{position:fixed;} *//*winPop弹出层垂直居中修复*/

/*--------- 改为流式布局 兼容WAP -----------*/
/*banner下方灰色条*/
.top-bg-l, .top-bg-r{display:inline-block; width:40px; height:53px; background:url(../images/top_bg_lr.jpg) no-repeat 0 0;}
.top-bg-r{background-position:-40px 0; float:right;}
.top-bg-rep{margin:0; height:53px; background:url(../images/top_bg_rep.jpg) repeat-x 0 0;}
.qmain .banner > img{vertical-align:top;}

/*提示信息*/
.qmain .tips{/*margin-left:-25px; margin-right:-20px;*/ line-height:1.5; text-align:left; /*text-indent:2em;*/}

@media screen and (max-width:950px){
	.qmain{width:100%; }
	.qmain .banner > img{width:100%;}
	.questions{width:auto; margin:0 20px;}
}

@media screen and (max-width:440px){
	.questions h2.ttl{font-size:14px; padding-left:20px;}
}
	.big{position:fixed; top:150px; width:800px;left:50%; margin-left:-400px;overflow:hidden;}
	.big img{ margin:0 auto; display:block;}
	.qust_opts dd label{position:relative;}
	.opt_c{position:absolute; right:100px; bottom:10px; width:150px; height:30px; background: url(/wap2012/surveypage/images/jdt_bg1.jpg) 0 10px no-repeat;}
	.opt_c div{position:relative; height:30px; background: url(/wap2012/surveypage/images/jdt_bg2.jpg) 0 10px no-repeat;}
	.opt_c span{right:-60px; top:-2px;position:absolute;}
	
		.btn_nextqt{margin:25px auto !important;}
	.display_in_b{display:inline-block;margin-right:20px;position:relative;}