/* 
* @Author: Marte
* @Date:   2017-03-07 14:55:18
* @Last Modified by:   Marte
* @Last Modified time: 2017-03-07 16:21:13
*/
.questionnaire-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    z-index: 100;
}
.survey-box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:#f7f7f7;
	z-index: 101;
}
.survey-opening{
    padding-left:20px;
}
.survey-opening-txt,.survey-end-txt{width:100%;box-sizing: border-box;padding:0 20px;font-size:16px;margin-top: 20px;}
.but-box{
    width:100%;
   /* padding:0 10%;*/
    box-sizing: border-box;
    position:fixed;
    bottom:0px;
}
.but-pre,.but-next{
    display:block;
    width:50%;
    height:40px;
    background:#d8e9fc;
    color:#000;
    font-size:14px;
    text-align: center;
    line-height: 40px;
    /*border-radius: 4px;*/
     float: left;
}

.but-pre::active, .but-next::active, .survey-submit::active{
	background: #62b3ec;
}


.but-next{
    border-left:1px solid #fff;
    box-sizing: border-box;
}
.survey-submit{
	background: #999;
	color: #fff;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	display: block;
	width: 50%;
	height: 40px;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	float: left;
	opacity: 0.5;
}


.survey-list{padding:0 15px;box-sizing: border-box;}
.sty-bor p{padding:10px 0;border-bottom: 1px solid #d5d5d5;padding-left:20px;}
.survey-subject-box{width:100%;padding-left:20px;box-sizing: border-box;}
.but-radio,.but-check{width:12px;height:12px;border:1px solid #999;display:inline-block;border-radius: 50%;margin-right:8px;position:relative;}
.but-check{border-radius: 0px;}
.option-remark{display: none;color: #587cf4;}
.selected .option-remark{display: block;}
.user-input-box{width:100%;height:79px;border:1px solid #ddd;margin-top:10px;}
.user-input-box textarea{width:100%;height:79px;resize: none;border:none;box-sizing: border-box;padding:5px 10px;font-size:12px;}

.b-a-show .but-active,.b-c-show .but-active{width:6px;height:6px;background:#b8d2f0;border-radius: 50%;display:inline-block;position:absolute;top:2px;left:2px;}
.b-c-show .but-active{border-radius: 0px;}
.but-atr3{display:inline-block;font-size:16px;}

.page-number{
    width:100%;
    position:absolute;
    top:0px;
    background:#f7f7f7;
    display:none;
}
.page-question{
	background: url(../app_images/survey-bg.png) no-repeat right bottom;
	background-size:60%;
}
.survey-close{
    display: block;
    width: 50%;
    height: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    float: left;
    background:#999;
    color:#fff;
    opacity:0.5;
}
.survey-box div:first-child .but-box .but-pre,.survey-box div:last-child .but-box .but-next{
    background:#999;
    color:#fff;
}
.survey-list dd p.s-l-tit{
    border:none;
    font-size: 16px;
    font-weight:bold;
    padding-left:0px;
    margin-bottom:10px;
}
.bg-highlight{
    background:#ebebeb;
}
.sty-bor{
    box-sizing:border-box;border: 1px solid #d5d5d5;background:#fff;border-radius:4px
}