@CHARSET "UTF-8";

.mainPageContainer{
	overflow: inherit;
}
.activityTitleMain{
	background-color: #333333;
	color: white;
	font-size: 0.18rem;
	text-align: center;
	padding-top: 0.06rem;
	padding-bottom: 0.06rem;
}
.questionPage {
	background-color: white;
}

.homeTitleTextContainer {
	width: 80%;
}

.questionDefaultButton {
	font-size: 0.18rem;
}
.beginAnswerButtonContainer {
	z-index:2;
	position: absolute;
	bottom: 0.6rem;
	left: 29%;
}
.beginAnswerButton {
	width: 1.30rem;
	height: 0.44rem;
	  font-family: "黑体";
}

.bgIconLeftImageContainer {
	  width: 0.4rem;
  height: 1rem;
  position: absolute;
  bottom: 0.2rem;
  left: 0rem;
}
#bgIconLeftImage {
	
}

.bgIconRightImageContainer {
	  width: 0.6rem;
  height: 0.7rem;
	position: absolute;
	bottom: 0.23rem;
	right: 0rem;
}
#bgIconRightImage {
	
}

.eduTheoryContainer {
	  width: 2rem;
  color: #888888;
  position: absolute;
  bottom: 0.2rem;
  left: 50%;
  margin-left: -1rem;
  text-align: right;
  line-height: 140%;
}

.questionContentContainer {
	padding: 0.1rem 0.25rem 0.08rem 0.25rem;
	font-size: 0.15rem;
	line-height: 140%;
	color: black;
	/*height: 1.05rem;*/
}
.questionItemProgressContainer {
	padding: 0.05rem 0.13rem;
  background-color: rgba(0,0,0,0.61);
  color: white;
  position: absolute;
  left: 0.05rem;
  top: 0.15rem;
  border-radius: 0.15rem;
}
.questionItemImageContainer {
	max-height: 4.1rem;
	overflow: hidden;
}
.questionOptionsContainer {
	position: absolute;
  bottom: 0rem;
  left: 0rem;
  right: 0rem;
}
.questionOptionA .questionOptionTitle {
	background-color: #e65a49;
}
.questionOptionA .questionOptionText {
	background-color: #eb796b;
}
.questionOptionB .questionOptionTitle {
	background-color: #f6c231;
}
.questionOptionB .questionOptionText {
	background-color: #f8cd58;
}
.questionOptionC .questionOptionTitle {
	background-color: #40af6a;
}
.questionOptionC .questionOptionText {
	background-color: #64be86;
}
.questionOptionD .questionOptionTitle {
	background-color: #449de4;
}
.questionOptionD .questionOptionText {
	background-color: #67afe9;
}
.questionOptionContainer {
	/*
	margin: 0rem 0.15rem;
	padding: 0.1rem 0rem 0.1rem 0rem;
	border-top-style: inset;
	border-top-width: 1px;
	border-top-color: #999;
	*/
	width: 100%;
	height: 0.56rem;
	overflow: hidden;
}
.questionOptionTitle {
	width: 0.6rem;
	float: left;
	line-height: 0.56rem;
	font-size: 0.4rem;
	color: white;
	height: 0.6rem;
}
.questionOptionText {
	margin-left: 0.6rem;
	font-size: 0.14rem;
	  height: 0.4rem;
	color: white;
	  padding: 0.12rem;
  line-height: 120%;
}

.resultImageContainer {
}
.resultTitleTextImageContainer {
	width: 1.66rem;
	height: 0.22rem;
}
.resultTextContainer {
	max-width: 3.2rem;
	/*
	  border-radius: 0.2rem;
  margin: 0.1rem;
  background-color: #3d3d3c;
  color: white;
  padding: 0.1rem 0.2rem;
  */
}
#resultIntroduceContainer, #resultResultContainer {
}

.resultIntroduceContainer {
	font-size: 0.16rem;
color: #ff0000;
}
.resultResultContainer {
	font-size: 0.15rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

.resultButtonContainer {
	width: 3rem;
}
.resultButtonInnerContainer {
	width: 1.4rem;
	height: 0.73rem;
}
.resultSeeDetailButtonContainer {
	float: left;
}
.resultShareButtonContainer {
	margin-left: 1.6rem;
}
.resultShareButton {
	
}
.resultTheoryContainer {
	color: #888888;
}

.questionSharePage {
	background-color: rgba(0,0,0,0.8);
	z-index: 10;
}

.shareGuideArrowImageContainer {
	width: 0.7rem;
	height: 0.7rem;
	position: absolute;
	top: 0.1rem;
	right: 0.4rem;
}
.shareGuideTipImageContainer {
	 width: 1.7rem;
	height: 0.7rem;
	position: absolute;
	top: 0.33rem;
	right: 0.53rem;
}
.shareQrcodeImageContainer {
	  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.7rem;
  margin-top: -0.9rem;
  padding-bottom: 1.4rem;
}
.shareQrcodeGuideContainer {
	width: 100%;
	color: white;
	line-height: 140%;
	position: absolute;
	top: 50%;
	margin-top: 0.8rem;
}
.shareQrcodeGuideNameText {
	color: #ff6957;
}
.shareSeeDetailGuideContainer {
	width: 100%;
	position: absolute;
	color: white;
	top: 50%;
	margin-top: 1.5rem;
	color: #cfcdcd;
}
.shareSeeDetailGuidePeriodText {
	color: #f7c61d;
}
.shareCloseImageContainer {
	width: 0.3rem;
	height: 0.3rem;
	position: absolute;
	top: 0.2rem;
	left: 0.2rem;
}