/*顶部开始*/
.beijing{  
	
	background: #35cde4;
	background: -webkit-linear-gradient(90deg, #2ecae7, #51d9da); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #2ecae7, #51d9da); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #2ecae7, #51d9da); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #2ecae7, #51d9da); /* 标准的语法（必须放在最后） */
    
    }
.toubuneirong{font-size: 4rem; text-align: center; color: #fff; line-height: 2;}
.toubuneirong_fanhuitubiao{margin-top: 2.4rem; text-align: left;}

/*做到几题，进度条开始*/
.jindu_bottom{ border-bottom: 10px solid #efefef;}
.jindu_shuzi{font-size: 4rem; color: #999; line-height: 1.7;}
.jindu_shuzi1{font-size: 6rem; color: #34cde5;}
.jindu_tiao{margin-top: 4.1rem;}


/*选择题开始*/
.xuanzheti_bt{font-size: 4rem; color:#34cde5; margin-top: 3rem;}
.xuanzheti_wenzi{font-size: 3.5rem; color: #333; margin-top: 2rem;}
.xuanzheti_xuanzhe{border: 2px solid #eaeaea; border-radius: 4px; margin-top: 2rem; cursor:pointer; color: #666666;}
.xuanzheti_xuanzhe1{background: #eaeaea; text-align: center; line-height: 1.7; color: #34cde5; font-size: 5rem;}
.xuanzheti_xuanzhe2{ text-align: left; line-height: 2.3;  font-size: 3.5rem;}
.xuanzheti_xuanzhe_answer{border: 2px solid #eaeaea; border-radius: 4px; margin-top: 2rem; cursor:pointer; color: #666666;}
.xuanzheti_ok {border: 2px solid #34cde5; color: #34cde5;}
/*选中状态*/
.xuanzheti_xuanzhe.active{border: 2px solid #34cde5; color: #34cde5;}

/*正确*/
.xuanzheti_xuanzhe:hover{border: 2px solid #34cde5; color: #34cde5;}

/*错误
.xuanzheti_xuanzhe:hover{border: 2px solid #e54b37; color: #e54b37;}*/

p.choice_item{padding-left:2rem;border: 1px solid #eaeaea; border-radius: 4px; cursor:pointer; color: #666666;}
p.choice_item:hover{border: 1px solid #34cde5; color: #34cde5;}
p.active{border: 1px solid #34E54A; color: #34E54A;}


/*头像名字*/
.touxiang{padding-top: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #dddddd; background: #fff;}
.touxiang1{padding-left: 0; margin-top: 1.5rem;}


/*我的班级*/
.wodebanji{color: #888888; font-size: 3.5rem; margin-top: 3rem;}

/*我的班级*/
.timubiaoti{color: #888888; font-size: 2.5rem; margin-top: 0.1rem; margin-bottom: 0.1rem; background-color:#DFF0D8;}



/*原型图js*/
.circliful{position:relative;}
.circle-text, .circle-info, .circle-text-half, .circle-info-half{width:100%;position:absolute;text-align:center;display:inline-block;}
.circle-info, .circle-info-half{color:#999;}
.circliful .fa{margin:-10px 3px 0 3px;position:relative;bottom:4px;}


/*文字超出隐藏*/
.cutText{overflow:hidden;white-space: nowrap; -o-text-overflow:ellipsis; text-overflow:  ellipsis; }

.input_answer{padding-top: 1rem; padding-bottom: 1rem;border-right:0px;border-left:0px;border-top:0px;border-bottom:1px solid #333;}


.leftangle
{
	position: absolute;
	top: -120%;
	left: -20%;
	font-size: 6rem;
	color: #E400FF;
}
.leftangle_move
{
	animation:moveRight 0.5s linear 0.1s infinite alternate;
	/* Firefox: */
	-moz-animation:moveRight 0.5s linear 0.1s infinite alternate;
	/* Safari and Chrome: */
	-webkit-animation:moveRight 0.5s linear 0.1s infinite alternate;
	/* Opera: */
	-o-animation:moveRight 0.5s linear 0.1s infinite alternate;
}

.rightangle
{
	position: absolute; 
	top: -120%;
	right: -20%;
	font-size: 6rem;
	color: #E400FF;
}

.rightangle_move 
{
	animation:moveLeft 0.5s linear 0.1s infinite alternate;
	/* Firefox: */
	-moz-animation:moveLeft 0.5s linear 0.1s infinite alternate;
	/* Safari and Chrome: */
	-webkit-animation:moveLeft 0.5s linear 0.1s infinite alternate;
	/* Opera: */
	-o-animation:moveLeft 0.5s linear 0.1s infinite alternate;
}


@keyframes moveRight
{
	0%   {left:10%; color : red;}
	100% {left:90%; color : blue;}
}

@-moz-keyframes moveRight /* Firefox */
{
	0%   {left:10%; color : red;}
	100% {left:90%; color : blue;}
}

@-webkit-keyframes moveRight /* Safari and Chrome */
{
	0%   {left:10%; color : red;}
	100% {left:90%; color : blue;}
}

@-o-keyframes moveRight /* Opera */
{
	0%   {left:10%; color : red;}
	100% {left:90%; color : blue;}
}

@keyframes moveLeft
{
	0%   {right:10%;color : red;}
	100% {right:90%;color : blue;}
}

@-moz-keyframes moveLeft /* Firefox */
{
	0%   {right:10%;color : red;}
	100% {right:90%;color : blue;}
}

@-webkit-keyframes moveLeft /* Safari and Chrome */
{
	0%   {right:10%;color : red;}
	100% {right:90%;color : blue;}
}

@-o-keyframes moveLeft /* Opera */
{
	0%   {right:10%;color : red;}
	100% {right:90%;color : blue;}
}