survey_wev8.css 5.15 KB
.survey_body{
   /** margin: auto 10px;**/
   /** overflow: auto; **/
	width: 100%;
}      

.survey_title{
    /*height: 40px;*/
    line-height: 40px;
    color: #0161c9;
    text-align: center;
    font-size:24px;
    margin: auto;
    padding: 8px;
}
.survey_question{
     /** border: 1px solid #d3dcea;
  margin-bottom: 8px; **/
   border-bottom: none;
   border: 2px solid #fff;
}
.survey_quesname{
    line-height: 32px;
    background: #f6f6f6;
    color: #616f8f;
    padding-left: 10px;
    font-size: 14px;
    word-break:break-all;
}
.survey_quesname *{
	color: #000;
}
.survey_options ul{
    color: #616f8f;
	margin: 0px;
    padding: 0px;
    list-style: none;
}
.survey_options ul li{
    min-height: 30px;
    line-height: 30px;
    padding-left: 5px;
}
.survey_options li span{
    display: inline-block;
    margin-left: 3px;
}
.survey_content{
    /**padding-top: 10px;
	border-bottom: 1px solid #d3dcea;**/
	margin-top: 0px;
}
.optionstable {
    width: 100%;
    border-collapse: collapse;
}
.optionstable td {
	border: 1px solid #dcdcdc;
    padding: 0px;
    height: 40px;
	font-size: 14px;
}
.optionstable tr td:first-child {
    padding-left: 3px;
}
.optionstable tr td:not(:first-child){
    background: url("/voting/mobile/images/UnCheck.png") no-repeat;
    background-size: 20px 20px;
    background-position: center center;
	padding-right: 20px;
}

.optionstablenew {
    width: 100%;
    border-collapse: collapse;
}
.optionstablenew td {
	border: 1px solid #dcdcdc;
    padding: 0px;
    height: 40px;
	font-size: 14px;
}


.survey_preview_content{
    margin: auto;
    width: 100%;
}

.survey_options{
	padding: 8px;
}

.survey_descr{
    height: 60px;
    line-height: 30px;
}

.survey_descr b{
   color: #599200
}

.survey_body label{
	font-weight:100;
}
.survey_body .remindinfo{
    border: 2px dashed red;
}
.survey_question a{
 color:blue;
}

/*.simpleselect  td:hover{
    background:#f8f9fb;
	cursor:pointer;
}*/
/*
.simpleselect  li:hover{
    background:#f8f9fb;
	cursor:pointer;
}
*/
.simpleselect label{
     cursor:pointer;
}

.survey_countdown {
	text-align: center;
}

.countdown_day:after {
	content: "天";
}

.countdown_hour:after {
	content: "小时";
}

.countdown_minute:after {
	content: "分钟";
}

.countdown_second:after {
	content: "秒";
}

.survey_body table th {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}

.survey_body input[type="text"], .survey_body select, .survey_body textarea {
	display: block;
	width: 100%;
	height: 34px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	padding: 5px;
	margin: 0;
	font-family: inherit;
	font-size: 14px;
	color: #3d4145;
	background: none;
	border: 1px solid #dcdcdc;
	border-radius: 0 0 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

.survey_body textarea {
	height: auto;
}

.survey_body input[type="radio"], input[type="checkbox"] {
	display: none;
}

.survey_body input.otherinput{
    margin-top: 5px;
}

.survey_body ul li.odd {
	display: block;
    min-height: 40px;
    line-height: 40px;
    padding-left: 28px;
    background: url("/voting/mobile/images/UnCheck.png") no-repeat;
    background-size: 20px 20px;
    background-position: 0 center;
    position: relative;
    font-size: 14px;
}
.survey_body ul li.odd:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 28px;
    right: 0px;
    height: 1px;
    background: #ececec;
}
.survey_body ul li.checked{
	background-image: url("/voting/mobile/images/Check.png");
}

.survey_body ul li.oddnew {
	display: block;
    min-height: 40px;
    line-height: 40px;
    background-size: 20px 20px;
    background-position: 0 center;
    position: relative;
    font-size: 14px;
}

.survey_body ul li.oddnew:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 28px;
    right: 0px;
    height: 1px;
    background: #ececec;
}


.survey_body .voting_question_show {
	display: block;
    min-height: 40px;
    line-height: 40px;
    padding-left: 28px;
    position: relative;
    font-size: 14px;
}

.survey_body .checked{
	background: url("/voting/mobile/images/Check.png") no-repeat;
	background-size: 20px 20px;
    background-position: 0 center;
}

.survey_body .unchecked{
	background: url("/voting/mobile/images/UnCheck.png") no-repeat;
	background-size: 20px 20px;
    background-position: 0 center;
}

.survey_body .checkedbox{
	background: url("/voting/mobile/images/checkbox_checked.png") no-repeat;
	background-size: 15px 15px;
    background-position: 0 center;
    margin-left:2px;
}

.survey_body .uncheckedbox{
	background: url("/voting/mobile/images/checkbox_normal.png") no-repeat;
	background-size: 15px 15px;
    background-position: 0 center;
    margin-left:2px;
}

.survey_body .optionstable td.checked {
	background-image: url("/voting/mobile/images/Check.png");
}

.bgM{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;left: 0;right: 0;bottom: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.85);
    overflow: hidden;
}
.bgM img{
    width: 100%;
    position: absolute;
    top: 0;left: 0;right: 0;bottom: 0;
    z-index: 1001;
    margin: auto;
}