html, body, div, h1, h2, h3, h4, p, ul, ol, dl, dt, dd, input, form {
    margin: 0;
    padding: 0;
}
ul,ol{ list-style-type:none;}

.rel{position:relative;}

 
 
.samplespell,.py_source {
	color: rgb(23,162,184);
	padding-top:5px;
	font-size:1.5rem;
}
.contentheight{min-height:500px;}
@media (max-width: 767px) {
.contentheight{min-height:auto;}
}

.bg_blue{background:#558ed5;}
.bg_white{background:#FFFFFF;}
.bg_gary{background:#EFEFEF;}
.blue{color:#428bca;}
.green{color:#5cb85c;}
.orange{color:#f0ad4e;}
.black{color:#000;}
.success{color:#5cb85c;}
.info{color:#5bc0de;}
.warning{color:#f0ad4e;}
.danger{color:#d9534f}
.border_black_top{border-top: solid 1px #ddd;}
.border_black_bottom{border-bottom:solid 1px #ddd;}
.border_warning{border: solid 1px #f0ad4e;}



.index_inner .txt{font-size:2.4rem;padding-top:30px;padding-bottom:25px;}
.index_inner .info{font-size:1.2rem; color:#fff; padding-right:15px;}

.btn .glyphicon{top:2px;}

.btn_qtype{
	font-size:1.2rem;
}
.btn-newbg-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-newbg-default:hover,
.btn-newbg-default:focus,
.btn-newbg-default:active,
.btn-newbg-default.active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #ffffff;
}

.btn-default {
    color: #333;
	background-color: #fff;
    border-color: #ccc;
}


.btn.active-new{
  color: #333;
  background-color: #e6e6e6;
  border-color: #ffffff;
}
.bitexcontentbox{
  max-width:1140px; 
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.smachu_index_containner .col-sm-6{
	padding-right:5px;
	padding-left:5px;
}
.smachu_index_panel{
	height:256px;
	overflow-y:auto;
}
.smachu_index_panel img{width:64px;}
@media (max-width: 991px) {
	.maintop .link{float:none;}
	.maintop .headtxt{display:none;}
	.smachu_index_panel img{width:48px;}
}
@media (max-width: 767px) {
	.smachu_index_panel{
		height:auto;
		max-height:241px;
	}
}


.hr {
  clear: both;
  display: block;
  width: 100%;
  height: 25px;
  line-height: 25px;
  position: relative;
  margin: 30px
0 40px;
}
.hr-inner {
  border-top-color: #d8d8d8;
  position: absolute;
  height: 1px;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: -1px;
  border-top-width: 1px;
  border-top-style: solid;
}.hr-short .hr-inner {
  width: 32%;
  left: 50%;
  margin-left: -16%;
}
.hr-short.hr-left .hr-inner {
  left: 0%;
  margin-left: 0%;
}
.hr-short.hr-right .hr-inner {
  left: auto;
  right: 0;
  margin-left: 0%;
}
.hr-short .hr-inner-style {
  border-radius: 20px;
  height: 9px;
  width: 9px;
  border-width: 2px;
  border-style: solid;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  border-color: #d8d8d8;
}

.feature{padding-bottom:10px;}
.feature .fa {
	position: absolute;
	width: 48px;
	height: 48px;
	color: #e5412d;
	font-size:2rem;
	text-align: center;
	line-height:2rem;
}
.feature .text {display: block;padding-left: 60px;}
.feature .text h4 {font-weight: 600;}
.feature .text p {font-size:1.2rem; padding-right:10px; color:#999; padding-top:10px;}
.feature_line2 {padding-top:60px;}


/*料金页*/
.pricetop{font-size:2rem;color:#fff;}
.pricetopcard {background:#89AD3F; border-radius:6px; width:96%; margin:auto; height:150px;}
.pricetop table{margin:12px auto 0;}
.pricetable{background:#fff; width:100%; font-size:1rem;border-collapse:collapse;}
.pricetable td{padding:10px;border:solid 1px #fff;}
.pricetable thead td{background:#9BBB59; color:#fff; font-size:1.5rem; border-bottom-width:3px;}
.pricetable .row1 td{background:#DEE7D1;}
.pricetable .row2 td{background:#EFF3EA;}
.pricetable .s1{font-size:2rem;}
.pricetable .s2{font-size:1rem;}
/*料金页*/
.zhognjiantiao{background-color:#EEE;padding:5px 10px;font-size:1.2rem; margin:auto;}

/*バッジ*/
.badgelist li{padding:5px 10px;color:#555555;font-weight:bold;}
.badgelist li p{padding:0 5px; height:44px;word-wrap: break-word;word-break: normal;white-space:normal;}
.badgelist li .badgeoffbg{height:84px; background:url(/Public/images/smachu/badge/badge_off.png) top center no-repeat;}
.badgelist li a{padding-left:0; padding-right:0;}


/*********************************** Mypage *************************************/
.mypage_badge{font-size:1rem;}
.mypage_badge .list-group>li:nth-child(2){border-top-width:0;}
.mypage_badge img{max-width:68px;width:100%;}
.mypage_badge .row{display:table;}
.mypage_badge .row li{display:table-cell; vertical-align:middle; float:none; padding-left:5px; padding-right:5px;}
.mypage_studylist small{font-size:0.6rem;}
.mypage_studylist .row li{padding:0 10px 10px 10px;}
.mypage_studylist .row li .btn{padding:10px 2px;position:relative;}
.mypage_studylist .row li .btn .close{position:absolute; top:-18px; right:-8px; cursor:pointer;color:#f00;font-size:2rem;}
.mypagecontinuelist .typename{font-size:1.4rem; line-height:1.2;word-wrap: break-word;word-break: normal;white-space:normal;}
.mypagecontinuelist .panelname{min-height:35px;padding-top:5px;font-size:1.2rem; line-height:1;word-wrap: break-word;word-break: normal;white-space:normal;}
.mypagecontinuelist .stepname{font-size:1.4rem;}
.mypagepanellist .panelname{min-height:40px;line-height:1;word-wrap: break-word;word-break: normal;white-space:normal;}
.mypagepanellist .panelmaterialnum{border-bottom:solid 1px #fff;width:80%; margin:auto;}
.mypageplanlist a{padding-left:5px; padding-right:5px;}
.mypageplanlist .planname{font-size:1.4rem; line-height:1;word-wrap: break-word;word-break: normal;white-space:normal;}
.mypageplanlist .planexplain{padding-top:10px; min-height:38px; font-size:1.2rem; line-height:1;word-wrap: break-word;word-break: normal;white-space:normal;}
/*********************************** 星星 *************************************/
.divstar {
  color: #FFF;
}

.divstar span {
  display: inline-block;
  position: relative;
}

.finishstar{
  color: #FFF;
}

.halfstar{
  color: #8e8e8e;
}

.halfstar:before{
  content: "\2605";
  display: block;
  position: absolute;
  width: 50%;
  pointer-events: none;
  overflow: hidden;
  color: #FFF;
}

.unfinishstar{
  color: #8e8e8e;
}
/***********************************  *************************************/
/*********************************** study *************************************/
.panel{margin-bottom:10px;}
.card-header h1{
	float: left;
	font-size:2rem;
	padding-left: 10px;
	border-left: 4px solid #069;
}
.card-header a{
	margin-top:4px;
	margin-left:10px;
}
/*
.card-body-main{min-height:455px; height:auto !important; overflow-x:hidden; overflow-y:auto;}
*/
.card-body-main{min-height:350px; height:auto !important;}

.card-body-main-word{height: 480px\9 !important;}
.card-body_mb{margin-bottom:70px;}
.card-footer{background:#e5e5e5;}
.panel_explain{font-size:1.4rem;}
/*面板图标*/
.panel_icon{
	max-width:128px;
	border-radius:6px;
	padding:2px;
	text-align:center;
	color:#FFF;
}
.panel_icon>div{
	border:1px solid #FFF;
	background:none;
	border-radius:4px;
	height:130px;
}
.panel_icon>div .s1{
	padding-top:10px;
	font-size:1rem;
	height:53px;
}
.panel_icon>div .s2{
	padding-bottom:5px;
	width:80%;
	margin:0 auto;
	font-size:1.2rem;
	border-bottom:1px solid #FFF;
}
.panel_icon>div .s3{
	padding-top:6px;
	margin:auto;
}
.panel_icon .bi{font-size:1.4rem;}
.panel_icon .rel .fa-star{
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
}
.step_panel{background-color:#007bff;}
.pinyin_panel{background-color:#D8AE00;}
.word_panel{background-color:#5bc0de;}
.wenfa_panel{background-color:#8BB01B;}
.hitokoto_panel{background-color:#CD4545;}
.huihua_panel{background-color:#00B0DD;}
.listening_panel{background-color:#D45500;}

/*星级图标*/
.step_list a, .stepstar{
	display:block;
	height:100px;
	max-width:150px;
	min-width:90px;
	padding:1px;
	margin-bottom:5px;
	
}
.step_list starline{
	position: absolute;
	top:65px;
}
.step_list li{
	padding-bottom:10px;
}
.step_list .oneline{
	padding-top:20px;
}
.step_list a p i, .stepstar p i{
	font-size:1rem;
	margin:2px;
}
.step_list a{
	position:relative;
}
.step_list a .icon_step{
	position:absolute;
	top:1px;
	right:2px;
	font-size:1.5rem;
}
.step_list a .number{
	position:absolute;
	left:5px;
	top:2px;
}

/*STEP列表页*/
.step_msg{font-size:1.5rem;}
#btn_collect{margin-top:-5px; padding:0;font-size:2rem; text-decoration:none; }
.word_material_list{font-size:1.4rem;}
.word_material_list .zh_font{font-size:2rem;}
.word_material_list .py_source{font-size:1.2rem;}
.word_material_list td{padding-bottom:5px;}
.step_matariallist{font-size:1.2rem;}
.smaple_material_list li{padding-bottom:5px;}
.smaple_material_list .btn_playsound{
	float:left;
	margin-right:5px;
	font-size:2.5rem;	
}
.smaple_material_list li p{
	padding-top:5px;
	padding-left:36px;
}


.wordpreptxt1{
	padding-top:5px;
	font-size:1.6rem;
}
.wordpreptxt2{
	padding-top:18px;
	font-size:2.5rem;
}
.wordpreptxt2 span{font-size:3rem;}
.wordpreptxt3{font-size:1rem;}
.wordpreptxt4{font-size:1.6rem;}

/*单语预习页图标*/
.flash_card_good, .flash_card_pass, .flash_card_nopass, .cn_jp_pin_hin i, .ico5{
	display:block;
	background:url(/Public/images/smachu/study/cn_jp_pin_hin.jpg) top left no-repeat;
}
.flash_card_good{
	width:40px;
	height:40px;
	background-position:0px -45px;
}
.flash_card_pass{
	width:40px;
	height:40px;
	background-position:0px -90px;
}
.flash_card_nopass{
	width:40px;
	height:40px;
	background-position:-42px -45px;
}
.cn_jp_pin_hin{width:120px;}
.cn_jp_pin_hin .cn{
	width:22px;
	height:22px;
	background-position:0px 0px;
}
.cn_jp_pin_hin .jp{
	width:22px;
	height:22px;
	background-position:-23px 0px;
}
.cn_jp_pin_hin .py_source{
	width:22px;
	height:22px;
	background-position:-46px 0px;
}
.cn_jp_pin_hin .pin{
	width:22px;
	height:22px;
	background-position:-69px 0px;
}
.cn_jp_pin_hin .tu{
	width:22px;
	height:22px;
	background-position:-92px 0px;
}
.ico5{
	width:62px;
	height:21px;
	margin:5px 10px 0 0;
	background-position:0px -23px;
}

/*单语卡片*/
.showcardnum{padding-right:55px;}
.wordprepdetail{padding-bottom:0;}
.btn_playsound{
	display:block;
	line-height:0;
	font-size:5rem;
	color:#428bca;
}
.btn_playsound_active{color:#f60;}
.wordprepdetail>ul>li{padding-top:30px;}
.wordprepdetail .thumbnail{max-width:300px; margin-top:-30px;}
.wordprepdetail .btn_wordsound{
	position:absolute;
	z-index:10;
	top:0px;
	left:10%;
}
.wordprepdetail .cn{
	position:relative;
	margin-top:10px;
	font-size:1.4rem;
}
.wordprepdetail .cn span{
	font-size:6rem;
	font-weight:normal;
}
.wordprepdetail .py_source{
	font-size:3.3rem;
	margin:auto;	
	padding-top:5px;
	padding-bottom:10px;
}
.wordprepdetail .jp{
	border-top:solid 1px #CCCCCC;
	position:relative;
	font-size:3.3rem;
	padding-top:20px;
}
.icon_cn{
	position:absolute;
	top:40px;
	left:20px;
	width:28px;
	height:20px;
	background:url(/Public/images/smachu/study/cn.png) no-repeat center;
}
.icon_jp{
	position:absolute;
	top:30px;
	left:20px;
	width:28px;
	height:20px;
	background:url(/Public/images/smachu/study/jp.png) no-repeat center;
}
.sample{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	visibility:hidden;
	background:#fff;
}
.sample ul{position:relative;}
.btn_samplesound{
	position:absolute;
	top:5px;
	left:15%;
	margin-left:-48px;
}
.sample .sencn{
	padding:10px 16.67% 0;
	font-size:2.5rem;
}
.sample .senpy{
	padding:5px 16.67% 0;
	font-size:1.6rem;
}
.sample .senjp{
	padding-top:10px;
	font-size:2rem;
}
.samplewordname{border-bottom:solid 1px #CCCCCC;}
.sampleshow{top:0px;}
.sampleshow_btn_wordsound{left:34px;}

/*练习设置画面*/
.study_set_panel{float:right; max-width:none;width:184px;}
.study_set_panel>div{padding-left:10px; padding-right:10px;width:180px; height:180px;}
.study_set_panel>div .s1{font-size:1.4rem; height:80px;}
.study_set_panel>div .s2{font-size:1.2rem;}
.study_set_panel>div .s3{padding-top:10px;font-size:0.9rem;}
.stepscoretop{font-size:1rem; width:180px; float:right;}
.stepscoretop .warning{font-size:1.2rem;}
.study_settext{font-size:1rem;}
.study_settext .studylevel{padding-left:70px;}
.study_settext .wait_time_lg .btn{width:89px; font-size:1.5rem;}
.study_settext .btn_questiontypesortchange{float:right; font-size:1.5rem; width:100px; margin-top:-10px;}
.study_settext .study_tools{font-size:2rem;}
.questiontypesetoptions {font-size:1.2rem;}
.questiontypesortchangelist a{float:right; padding-left:10px;}

/*练习开始画面*/
.box_beginstudy .str{
	padding-top:50px;
	font-size:2rem;
}
.box_beginstudy .table_beginstudy{
	margin:40px auto 0;
	font-size:1.4rem;
}
.box_beginstudy .table_beginstudy i{
	font-size:2rem;
	margin-right:5px;
}
.question_num{font-size: 1rem;}

/*单语练习*/
.study_questionexplain{
	font-size:1.4rem;
	color:#777777;
}
.study_wordname{
	position:relative;
	font-size:4rem;
	min-height:68px;
}
.study_wordname .btn_playsound, {
	position:absolute;
	left:100px;
}
.study_samplejpname .btn_playsound{
	position:absolute;
	left:5px;
}
.study_wordnameq{
	display:none;
}
.study_optionsradio{
	padding-top:20px;
	margin-bottom:0;
	font-size:1.5rem;
}
.study_optionsradio span{
	/*position:absolute;
	left:6px;
	top:5px;*/
	float:left;
	margin-left:-12px;

	font-size:1.4rem;
	color:#999;
}
.study_optionsradio i{
	position:absolute;
	left:-40px;
	top:2px;
	font-size:2rem;
	display:none;
}
.study_optionsradio .handright{
	font-size:1.8rem;
}
.study_optionsradio .list-group-item-info .handright{
	display:block;
}
.study91option{
	font-size:1.4rem;
}
.study91option font strong{
	/*font-size:2rem;*/
	color:#5cb85c;
}
.study91option a.list-group-item{
	padding-left: 30px;
}
.study91option span{
	float:none;
	position:absolute;
	top: 50%;
	left: 8px;
	margin-top: -10px;
	margin-left: 0;
}


.study_hidewordname .study_wordname>div{visibility:hidden;}
.study_hidewordname .study_wordnameq{
	display:block;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-25px;
	font-size:4rem;
}
.study_wordspellanswer, .study_samplesort{
	position:relative;
	padding-top:5px;
}
.study_samplesort{margin-top:20px;}
.study_wordspellanswer #btn_clear, .study_samplesort #btn_clear, .study_wordspellanswer #btn_word_clear, .study_wordspellanswer .btn_clear, .study_samplesort .btn_clear{
	position:absolute;
	top:15px;
	right:-30px;
	font-size:2.5rem;
}
.study_wordspellanswer .icon_result, .study_samplesort .icon_result{
	position:absolute;
	top:20px;
	left:-50px;
	font-size:3rem;
}
.study_wordspellanswer ul, .study_wordspellresult ul, .study_spellinputshow ul, .study_samplesort ul, .study_samplesortresult ul{
	display:inline-block;
	*display:inline;
	zoom:1;
}
.study_wordspellanswer ul li, .study_wordspellresult ul li, .study_samplesort ul li, .study_samplesortresult ul li{
	float:left;
	min-width:125px;
	padding:0 5px;
	margin:0 5px;
	text-align:center;
	font-size:1.6rem;
	background-color:#FFFFFF;
}
.study_wordspellanswer ul li, .study_samplesort ul li{
	border-bottom:2px solid #000;
}
.study_wordspellresult, .study_samplesortresult{
	padding-top:5px;
}
.wordsample_show{
	text-align:center;
	font-size:2rem;
}
.study_wordspelloptions li{
	padding:0;
}
.study_wordspelloptions li a{
	width:33%;
	float:left;
}
.study_samplesort ul span, .study_samplesortresult ul span{
	min-width:125px;
	padding:2px 5px;
	margin:0 5px;
	text-align:center;
	font-size:2rem;
	line-height:1.6
	background-color:#FFFFFF;
}
.study_samplesort ul span{
	border-bottom:2px solid #333;
}

.study_wordspelloptions{
	padding:0;	
	margin-bottom:0;
}
.study_wordspelloptions a{
	position: relative;
	display: block;
	padding: 15px 10px;
	margin-left: -1px;
	margin-bottom: -1px;
	float:left;	
	width:33.3333%;
	background-color: #fff;
	border: 1px solid #ddd;
	font-size:2rem;
}
.study_wordspelloptions a span{
	position:absolute;
	top:2px;
	left:5px;
	font-size:1.4rem;
}
.study_wordspelloptions a:first-child{
	border-top-left-radius:4px;
	border-top-right-radius:0;
}
.study_wordspelloptions a:nth-child(3){
	border-top-right-radius:4px;
}
.study_wordspelloptions a:nth-child(7){
	border-bottom-left-radius:4px;
}
.study_wordspelloptions a:last-child{
	border-bottom-left-radius:0;
	border-bottom-right-radius:4px;
}

.study_wordspelloptions a:nth-child(-n+9){
	border: 1px solid #ddd;
}
.list-group-item+.list-group-item.active {
    margin-top: 0px;
}
.study_spellinput .icon_result{
	position:absolute;
	left:-36px;
	top:0px;
	font-size:3rem;
}
.study_spellinput #study_spellinput{
	line-height:1.6;
	font-size:1.6rem;
}
.study_spellinputexplain{
	padding-top:20px;
	font-size:1.2rem;
	color:#777;
}
.study_spellinputresult{
	visibility:hidden;
	min-height:50px;
	font-size:2rem;
}
.study_spellinputshow ul li{
	float:left;
	padding:0 1px;
	margin:0 2px;
	min-width:20px;
	text-align:center;
	font-size:2rem;
}

.wordphototosample{
	max-width:90%; 
	max-height:200px;
	border: solid 5px #eee;
	border-right-width: 20px;
	border-left-width: 20px;
	border-radius: 6px;
}

.study_spellinputshow ul .spell{
	border-bottom:2px solid #f0ad4e;
}

/*文法练习*/
.wenfaname{
	padding:50px 0 20px;
	border-bottom: solid 1px #CCCCCC;
	font-size:2.5rem;
}
.wenfaexplain{
	padding-top:40px;
	font-size:1.6rem;
}
.sample table{
	width:100%;
	text-align:center;
	vertical-align:middle;
}
.sample table .content{
	position:relative;
	height:205px;
}
.study_samplejpname{
	padding-top:10px;
	font-size:1.2rem;
}
.smaplenameq{
	padding-top:10px;
	font-size:2.5rem;
}

.study_samplesort ul li, .study_samplesortresult ul li{min-width:inherit;}
.study_samplesortoptions{padding-top:20px;}
.study_samplesortoptions a{margin:5px 10px;}
.wenfaoptions{
	padding-left:15px;
	font-size:1.4rem;
}
.wenfaoptions i{
	position:absolute;
	font-size:2rem;
	left:10px;
	top:0;
}
.wenfaoptions .qnum{
	padding-left:26px;
	padding-right:10px;
}
.wenfaoptions .btn{
	min-width:100px;
	max-width:none !important;
}
.record_result{
	margin-top:20px;
	padding-top:10px;
	border-top: 1px dashed #CCC;
	display:none;
}
.record_result .form-control{
	height:auto;
	font-size:1.6rem;
	text-align:left;
}
.record_result .recordresulticon{font-size:2.2rem;}
.errorwordlist{
	display:none;
	padding-top:20px;
	text-align:left;
}
.errorwordlist>p{padding-bottom:10px;}
.errorwordlist .card-header{padding:6px 8px;}
.errorwordlist .card-body{padding:8px;}
.errorwordtitle>*{
	display:inline-block;
	margin:0 5px;
	vertical-align:middle;
	font-size:1.4rem;
}
.errorwordtitle .btn_playsound{
	font-size:4rem;
	margin-top:0 !important;
}
.errorwordtitle .zh_font{min-width:170px;}
.errorwordtitle .float-right{margin:10px 0 0; font-size:1.2rem;}
.recordvolume{
	width:196px;
	padding-top:20px;
	margin:auto;
	display:none;
}
.recordvolume>p{
	height:29px;
	width:0;
	background:url(/Public/images/smachu/study/bg_volume.png) top left no-repeat;
}
.samplerecordvolume{
	margin-left:0;
	margin-top:40px;
}

/*句子练习*/
.study_sampleprep .content{
	height:170px;
	padding-top:20px;
	padding-bottom:30px;
	font-size:2.5rem;
}
.sample_jp_fontsize{
	font-size:1.5rem !important;
}
.study_sampleinputshow{
	padding-top:20px;
}
.study_sampleinputshow ul .spell{
	min-width:26px;
}
.study_sampleinputresult{
	padding-top:10px;
	padding-bottom:20px;
	min-height:inherit;
}

/*听力文章练习*/
.textcontent{font-size:1.2rem;}
.textcontent .title, .textquestion .title{
	font-size:1.4rem;
	padding:0 65px;
}

.textcontent .card-body{position:relative;}
.textcontent .btn_playsound{
	position:absolute;
	left:50%;
	top:50%;
	font-size:10rem;
	margin-top:-60px;
	margin-left:-60px;
}
.textcontent .movetop{
	top:-50px;
	left:10px;
	margin:0;
	font-size:3rem;
}
.textcontent #btn_showtext{
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-82px;
	margin-top:-24px;
}
.textcontent .card-body div{
	visibility:hidden;
}
.textcontent table{margin-bottom:0;}
.textquestion .btn_playsound{
	display:inline-block;
	margin:0;
	margin-left:10px;
	padding:0;
	font-size:3rem;
	line-height:.6;
	vertical-align:bottom;
}
.listeningoptions{font-size:1rem;}
a.list-group-item{color:#555;}
/* lotus202312 start*/
/*会话练习*/
.textquestion .huihuaquestion{
	padding:0;
	font-size:1.4rem;
}
.table-huihua td{border-bottom:1px solid #ddd;}
.study_53 .title{
	padding:0;
	color:#000;
}
.study_53 .huihuarecordlist .card-body p{padding:5px 0 6px;}
.study_53 .huihuarecordlist .card-body .progress{margin-top:10px;}
.study_53 .huihuaquestion #btns_lang button{font-weight:bold;}
.study_53 .card-body div{visibility:visible;}
.panel_right{margin-bottom:0;}
.huihuarecordlist{
	height:360px;
	overflow-y:auto;
}
.recordingbox{}
.huihuarecordlist .card-body, .huihuarecordlist .card-header{padding:10px;}
.huihuarecordlist .btn_playsound{
	font-size:1.2rem;
	margin:0;
}


.huihua_cn_on{background:linear-gradient(transparent 60%, #ff6 60%);}
.huihua_cn_off{font-size:0.8rem}


/*
.huihua_cn_on{border: solid 1px #f0ad4e; font-size:1.2rem}
.huihua_cn_off{font-size:0.8rem}
*/
.huihuarecordlist .row>div{padding:0 10px;}
.huihuarecordlist .row{padding:5px 0;}
.huihuarecordlist .people{font-size:1.2rem;}
.arrow_left, .arrow_right, .arrow_left:after, .arrow_right:after{
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-width: 10px;
	border-color: transparent;
	border-style: solid;

}
.arrow_left{
	top: 14px;
	left: -10px;
	border-right-color: #ddd;
	border-right-color: rgba(0,0,0,.25);
	border-left-width: 0;
}
.arrow_left:after{
	bottom: -10px;
	left: -9px;
	content: " ";
	border-right-color: #f5f5f5;
	border-left-width: 0;
}
.arrow_right{
	top: 14px;
	right: -10px;
	border-left-color: #ddd;
	border-left-color: rgba(0,0,0,.25);
	border-right-width: 0;
}
.arrow_right:after{
	right: -9px;
	bottom: -10px;
	content: " ";
	border-left-color: #f5f5f5;
	border-right-width: 0;
}
.card-warning .arrow_left{border-right-color: #faebcc;}
.card-warning .arrow_left:after{border-right-color: #fcf8e3;}
.card-warning .arrow_right{border-left-color: #faebcc;}
.card-warning .arrow_right:after{border-left-color: #fcf8e3;}

.recordingstep{
	margin:auto;
	width: 60%;
	padding-left: 0;
	text-align: center;
	list-style: none;
}
.recordingstep li{
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 1px 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #357ebd;
	border-radius: 10px;
}
.recordingstep .active {
  width: 14px;
  height: 14px;
  margin: 0 2px;
  background-color: #428bca;
}
.recording{
	margin-top:10px;
	padding:0;
	background:#5B5B5B;
}
.recording p{
	background:#525252;
	font-size:1.6rem;
	padding:5px 0;
	color:#fff;
}
.recording a{
	display:block;
	font-size:6.6rem;
	color:#828282;
}
.recording a:hover{
	text-decoration:none;
	color:#fff;
}
.recording .active{color:#f29696;}
.recording .active:hover{color:#d9534f;}
.recognitioning{
	position: absolute;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 2rem;
	padding-top: 24px;
	display:none;
}
.resultpoint{
	padding-top:2px;
	font-size:1rem;
}
.resulta{
	margin-top:10px;
}
.resulta a{
	font-size:1.4rem;
	text-decoration:underline;
}
.huihuawordnum{
	position:absolute;
	top:20px;
	right:30px;
	font-size:1.4rem;
}
.huihuawordnum span{
	font-size:2rem;
}
.recorderbarbox{
	margin:5px;
	padding:0px;
}

/* lotus202312 end*/

/*拼音练习*/
.study_pinyinnav{
	font-size:1.2rem;
}
.study_pinyintab{
	padding-top:10px;
}
.study_pinyintab .top>div{
	margin-top:10px;
}
.study_pinyin .card{
	width:288px;
	height:162px;
	float:left;
	background:#D5F4FF;
	font-size:6rem;
	padding:0;
	line-height:162px;
}
.study_pinyin .card li *{
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.study_pinyin .card .active{
	display:block;
}
.study_pinyin .title{
	font-size:1.4rem;
}
.study_pinyin .name{
	font-size:2rem;
}
.study_pinyin .explain{
	padding-top:10px;
	font-size:1.2rem;
}
.study_pinyin .shengmuexplain{
	padding:5px;
	min-height:15px;
	font-size:1.2rem;
}
.study_pinyin .pinyinlist{
	background:#FDEADA;
	font-size:1.6rem;
}
.study_pinyin .pinyinlist li{
	float:left;
	width:22%;
}
.study_pinyin .pinyinlist li:first-child{
	width:12%;
}
.study_pinyin .pinyinlist li .row1{
	padding-top:30px;
}
.study_pinyin .pinyinlist li .row2{
	padding-top:50px;
	padding-bottom:30px;
}
.study_pinyin .pinyinlist li .row3{
	padding-top:25px;
	padding-bottom:34px;
	font-size:4rem;
}
.study_pinyin .pinyinlist li .row4{
	padding-top:10px;
	font-size:7.6rem;
	line-height:1;
}
.study_pinyin .pinyinlist li .row5{
	padding-top:5px;
	padding-bottom:0;
}
.study_pinyin .pinyinlist .row6{
	font-size:10rem;
}
#study_pinyinoptions{
	margin-top:50px;
}
#study_pinyinoptions a{
	min-width:210px;
	padding:15px 30px;
	font-size:3rem;
}
#study_pinyinoptions a i{
	display:none;
	position:absolute;
	top:inherit;
	bottom:-100px;
	left:50%;
	margin-left:-24px;
	font-size:4rem;
}

/*录音相关*/
.wami{
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -107px;
}

/*中检过去问*/
.exambtngroup{
	height:inherit;
}
.exambtngroup .btn-group{
	width:100%;
}
.exambtngroup .btn{
	width:25%;
}
.examlearning .input-group-addon{
	font-size:1.6rem;
	font-weight:bold;
	border: none; 
	background: none;
}
.exam_list_no_boder{
	border-top:none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.examarticletext{
	font-size:1.4rem;
}
.examquestionname{
	padding-top:10px;
	font-size:2rem;
}

/*练习成绩画面*/
.study_resulttop{
	padding-top:20px;
	padding-bottom:10px;
	font-size:1.5rem;
}
.study_resulttop p{font-size:2rem;}
.study_resulttop ul{
	padding-top:20px;
	padding-bottom:5px;
	border-bottom: 1px dashed #999;
}
.study_resulttop div{
	padding-top:5px;
}
.study_resulttop div font{	
	font-size:2rem;
}
.study_resulttable{
	padding-top:20px;
	font-size:1.2rem;
}
.study_resulttable th{padding-top:10px !important; vertical-align:top;}

/*各种模态框*/
#badgeModal .img_badge{max-width:210px;}
#badgeModal .badgeexplain{
	padding-top:10px;
	font-size:1.5rem;
}
#badgeModal .badgegetpeople{
	padding-top:10px;
	font-size:1.2rem;
}
#badgeModal .badgegetpeople span{
	font-size:2rem;
}
#badgeModal .badgename{
	padding-top:10px;
	font-size:2rem;
}
#steppassModal .panelname, #panelpassModal .panelname{
	font-size:2rem;
	font-weight:bold;
}
#steppassModal .stepname{
	font-size:2rem;
	font-weight:bold;
}
#steppassModal .star{
	padding-top:20px;
	font-size:2rem;
}
#steppassModal .diffstep{
	padding-top: 10px;
	font-size:1.5rem
	font-weight: bold;
}
#steppassModal .diffstep span{
	font-size:2rem;
}
#panelpassModal .img_panelpass{
	margin:10px auto 0;
}
#exitModal .modal-header{font-size:2rem;}

/*Pagination*/
.pagination{margin:0 auto 10px;}
.pagination ul {
  background: #d6dbdf;
  color: #ffffff;
  padding: 0;
  margin: 0;
  display: inline-block;
  border-radius: 6px;
}
.pagination ul li {
  display: inline-block;
  margin-right: -3px;
  vertical-align: middle;
}
.pagination ul li:first-child {
  border-radius: 6px 0 0 6px;
}
.pagination ul li:first-child.previous + li > a,
.pagination ul li:first-child.previous + li > span {
  border-left-width: 5px;
}
.pagination ul li:last-child {
  border-radius: 0 6px 6px 0;
  margin-right: 0;
}
.pagination ul li.previous > a,
.pagination ul li.next > a,
.pagination ul li.previous > span,
.pagination ul li.next > span {
  background: transparent;
  border: none;
  border-right: 2px solid #e4e7ea;
  font-size:1.4rem;
  margin: 0 9px 0 0;
  padding: 12px 17px;
  border-radius: 6px 0 0 6px;
}
.pagination ul li.previous > a,
.pagination ul li.next > a,
.pagination ul li.previous > span,
.pagination ul li.next > span{
  border-color: #e4e7ea !important;
}
@media (max-width: 480px) {
  .pagination ul li.previous > a,
  .pagination ul li.next > a,
  .pagination ul li.previous > span,
  .pagination ul li.next > span {
    margin-right: 0;
  }
}
.pagination ul li.next {
  margin-left: 9px;
}
.pagination ul li.next > a,
.pagination ul li.next > span {
  border-left: 2px solid #e4e7ea;
  border-right: none;
  margin: 0;
  border-radius: 0 6px 6px 0;
}
.pagination ul li.active > a,
.pagination ul li.active > span {
  background-color: #ffffff;
  border-color: #ffffff;
  border-width: 2px !important;
  color: #d6dbdf;
  margin: 6px 5px 5px;
}
.pagination ul li.active.previous,
.pagination ul li.active.next {
  border-color: #e4e7ea;
}
.pagination ul li.active.previous > a,
.pagination ul li.active.next > a,
.pagination ul li.active.previous > span,
.pagination ul li.active.next > span {
  margin: 0;
}
.pagination ul li.active.previous > a,
.pagination ul li.active.next > a,
.pagination ul li.active.previous > span,
.pagination ul li.active.next > span {
  background-color: #1abc9c;
  color: #ffffff;
}
.pagination ul li.active.previous {
  margin-right: 6px;
}
.pagination ul li > a,
.pagination ul li > span {
  display: inline-block;
  background: #ffffff;
  border: 5px solid #d6dbdf;
  color: #ffffff;
  font-size:1.2rem;
  line-height: 16px;
  margin: 3px 2px 2px;
  min-width: 0;
  min-height: 16px;
  padding: 0 4px;
  border-radius: 50px;
  -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
  transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
}
.pagination ul li > a:active,
.pagination ul li > span:active {
  background-color: #16a085;
  border-color: #16a085;
}
.pagination > .btn.previous,
.pagination > .btn.next {
  margin-right: 8px;
  font-size:1.2rem;
  line-height: 1.429;
  padding-left: 23px;
  padding-right: 23px;
}
.pagination > .btn.previous [class*="fui-"],
.pagination > .btn.next [class*="fui-"] {
  font-size:1.4rem;
  margin-left: -2px;
  margin-top: -2px;
}
.pagination > .btn.next {
  margin-left: 8px;
  margin-right: 0;
}
.pagination > .btn.next [class*="fui-"] {
  margin-right: -2px;
  margin-left: 4px;
}


@media (max-width: 991px) {
	.btn_samplesound{left:70px;}
	.sample .sencn{padding:10px 70px 0;}
	.step_list a, .stepstar{
		padding:1px;
		font-size:1.4rem;
	}
	.step_list .oneline{
		padding-top:28px;
	}
	.step_list a p i, .stepstar p i{
		font-size:1rem;
	}
	
	.showcardnum{padding-right:20px;}
	.wordprepdetail .thumbnail{max-width:240px;}
	
	/*练习设置画面*/
	.study_set_panel>div .s3{padding-top:10px; padding-bottom:10px;font-size:0.9rem;}
	.study_settext{font-size:1rem;}
	.study_settext .wait_time_lg .btn{width:70px; font-size:1.6rem;}
	.study_settext .study_tools{font-size:1.8rem;}

	/*句子录音*/
	.errorwordtitle>*{
		margin:0 3px;
		font-size:1.2rem;
	}
	.errorwordtitle .zh_font{min-width:100px;}

	/*会话录音*/
	.recordingbox{height:auto;}

	/*会话跟读*/
	.study_54>div{width:100%;}
	.study_54 .textcontent{padding-right:15px;}
	.mb-1_sm{margin-bottom:10px;}

	/*练习结果*/
	.study_resulttop{
		font-size:1.2rem;
	}
	.study_resulttop p{
		font-size:1.2rem;
	}
	.study_resulttop div font{	
		font-size:1.5rem;
	}
	.study_resulttable{
		font-size:1.2rem;
	}
	.study_spellinputshow ul li{
		font-size:1.2rem;
	}
}

@media (max-width: 767px) {
	.container{
		padding-left:0.3rem;
		padding-right:0.3rem;
	}
	.card-body-main{
		padding:10px;
		min-height:350px;
	}
	.card-body_mb{margin-bottom:45px;}
	.panel_explain{
		font-size:1.2rem;
	}
	.card-header h1{
		font-size:1.6rem;
		padding-left: 2px;
		border-left: 3px solid #069;
	}
	.card-header a{
		margin-top:0;
		margin-left:6px;
		padding: 5px 10px;
		line-height: 1.5;
	}
	.panel_icon>div{height:120px;}
	.panel_icon>div .s1{
		padding:6px 2px 0;
		font-size:1rem;
		height:42px;
		line-height:1.2rem;
	}
	.panel_icon>div .s2{
		padding-bottom:5px;
		font-size:1rem;
	}
	.panel_icon>div .s3{
		padding-left:5px;
		padding-top:5px;
	}
	
	/*STEP列表*/
	.step_list a, .stepstar{
		min-width:80px;
		padding:1px;
		font-size:1.2rem;
		line-height: 1.428571429;
	}
	.step_list .oneline{
		padding-top:25px;
	}
	.step_list a p i, .stepstar p i{
		font-size:1rem;
		margin:2px;
	}
	.step_list a .icon_step{font-size:1.2rem;}
	.step_msg{font-size:1.4rem;}
	#btn_collect{font-size:2rem; margin-top:-5px;}
	.step_matariallist{font-size:1.2rem;}
	.word_material_list{font-size:1.2rem;}
	.word_material_list .zh_font{font-size:1.2rem;}
	.word_material_list .py_source{font-size:12px;}
	.smaple_material_list .btn_playsound{font-size:3rem;}
	.smaple_material_list li p{ padding-left:30px;}

	/*单语预习*/
	.showcardnum{padding-right:0px;}
	.showcardnum label{padding:5px 10px;}
	.wordpreptxt1{padding-top:0;font-size:1.4rem;}
	.wordpreptxt2{padding-top:10px;font-size:1.2rem;}
	.wordpreptxt2 span{font-size:2rem;}
	.wordpreptxt4{font-size:1.4rem; padding-top:4px;}


	.btn_playsound{font-size:3.5rem;}
	.wordprepdetail .btn_wordsound{left:5%;}
	.wordprepdetail .thumbnail{max-width:50%; margin-top:-20px;}
	.btn_samplesound{left:50px; top:0;}
	.wordprepdetail>ul>li{padding-top:20px;}
	.wordprepdetail .cn{
		margin-top:10px;
	}
	.wordprepdetail .cn span{font-size:3rem;}
	.wordprepdetail .py_source{font-size:2rem;}
	.wordprepdetail .jp{font-size:2rem;padding-top:15px;}
	/*.sample{top:250px;}*/
	.sample .sencn{
		padding:5px 50px 0 50px;
		font-size:1.4rem;
	}
	.sample .senpy{
		padding:2px 50px 0 50px;
		font-size:1.2rem;
	}
	.sample .senjp{
		padding-top:5px;
		font-size:1.2rem;
	}
	.sampleshow{top:0px;}
	.sampleshow_btn_wordsound{left:18px;}
	
	/*练习设置画面*/
	.study_set_panel{float:none; margin:auto;}
	.study_settext{font-size:1rem;}
	.study_settext .studylevel{text-align:center;}
	.study_settext .wait_time_lg .btn{width:60px; font-size:1.4rem;}
	.study_settext .btn_questiontypesortchange{float:none; margin-left:20px;}
	.study_settext .study_tools{font-size:1.6rem;}
	.stepscoretop{font-size:1.2rem; width:auto; float:none;}
	.scoreranknav a{padding:10px;}
	
	/*练习主体*/	
	.box_beginstudy .str{
		padding-top:20px;
		font-size:1.5rem;
	}
	.box_beginstudy .table_beginstudy{
		margin:20px auto 0;
	}
	.box_beginstudy .table_beginstudy i{
		font-size:1.4rem;
	}
	.study_questionexplain{font-size:0.8rem;}
	
	/*单语练习*/
	.study_wordname{font-size:3rem; min-height:51px;}
	.study_wordname .btn_playsound, .study_samplejpname .btn_playsound{
		left:5px;
	}
	.study_hidewordname .study_wordnameq{
		margin-left:-19px;
		font-size:3rem;
	}
	.study_optionsradio{
		padding-top:10px;
		font-size:1.5rem;
	}
	.study_optionsradio i{
		left:-40px;
		top:5px;
		font-size:2rem;
	}
	.study91option .handright{
		font-size:1.5rem;
		left: -20px;
	}
	.study91option{
		font-size:1.4rem;
	}
	.study91option font strong{
		/*font-size:1.5rem;*/
	}
	.study91option a.list-group-item{
		padding-left: 24px;
	}
	.study91option span{
		left: 6px;
	}
	.study_samplesort{margin-top:10px;}
	.study_wordspellanswer #btn_clear, .study_samplesort #btn_clear{
		top:10px;
		right:-24px;
		font-size:2rem;
	}
	.study_wordspellanswer .icon_result, .study_samplesort .icon_result{
		top:50px;
		left:10px;
		font-size:2.5rem;
	}
	.study_wordspellanswer ul li, .study_wordspellresult ul li{
		min-width:70px;
		font-size:1.6rem;
	}
	.study_wordspelloptions a{
		padding: 10px 10px;
		font-size:1.4rem;
	}
	.study_wordspelloptions a span{display:none;}
	.study_spellinputresult{
		min-height:40px;
		font-size:1.4rem;
	}
	.study_spellinput #study_spellinput{font-size:1.2rem;}
	.study_spellinput .icon_result{
		left:-30px;
		font-size:2.5rem;
	}
	
	/*文法练习*/
	.wenfaname{
		padding:20px 0 10px;
		font-size:1.6rem;
	}
	.wenfaexplain{
		padding-top:20px;
		font-size:1.2rem;
	}
	.sample table .content{height:144px;}
	.study_samplejpname{
		padding-top:5px;
		font-size:1.2rem;
	}
	.smaplenameq{
		padding-top:5px;
		font-size:1.6rem;
	}
	.samplespell{
		padding-top:2px;
		font-size:1.2rem;
	}
	.study_samplesort ul li, .study_samplesortresult ul li{
		padding:0 2px;
		margin:0 2px;
		min-width:inherit; 
		font-size:1.4rem;
	}
	.study_samplesortoptions{padding-top:10px;}
	.study_samplesortoptions a{
		padding:6px 12px;
		font-size:1.2rem;
	}
	.study_samplesort ul span, .study_samplesortresult ul span{
		min-width:55px;
		padding:1px 2px;
		margin:0 2px;
		font-size:1.4rem;
		line-height:1.6
	}
	.wenfaoptions{
		padding-left:10px;
		font-size:1.2rem;
	}
	.wenfaoptions i{
		font-size:1.5rem;
		left:10px;
		top:0;
	}
	.wenfaoptions .qnum{
		padding-left:24px;
	}
	.wenfaoptions .btn{
		min-width:85px;
	}

	/*句子练习*/
	.study_sampleprep .content{
		height:110px;
		padding-top:10px;
		padding-bottom:20px;
		font-size:1.5rem;
	}
	
	.study_sampleprep .sample_jp_fontsize{
		font-size:1.2rem !important;
	}
	
	
	.study_sampleinputshow{
		padding-top:15px;
	}
	.study_sampleinputshow ul .spell{
		min-width:18px;
	}
	.study_sampleinputresult{
		padding-top:5px;
		padding-bottom:10px;
	}
	.btn_inputanswer{
		padding:10px 0;
		font-size:1.5rem;
	}

	/*听力文章练习*/
	.textcontent .movetop{
		top:-37px;
		left:8px;
		font-size:2rem;
	}
	.textcontent #btn_showtext{
		left:50%;
		top:50%;
		margin-left:-63px;
		margin-top:-17px;
	}
	.textcontent{font-size:1.2rem;}
	.textcontent .title, .textquestion .title{
		font-size:1.2rem;
		padding:0 30px;
	}
	.listeningoptions{font-size:1rem;}
	.textcontent .card-header, .textquestion  .card-header{
		padding:6px 10px;
	}
	.examarticletext{font-size:1.2rem;}
	.examquestionname{padding-top:5px;font-size:1.5rem;}


	/*会话练习*/
/* lotus202312 start*/

	.record53modal{
		padding:0px;
	}
	.study_53 .modal-content{
		border: none;
	}
	.huihuarecordlist .people{font-size:0.8rem;}

	.card-body-main{min-height:455px;}

/* lotus202312 end*/

/* lotus202312 hide
	.textquestion .huihuaquestion{
		padding:0;
		font-size:1.2rem;
	}
	.huihuawordnum{
		top:10px;
		right:0px;
	}
	.huihuawordnum span{
		font-size:1.4rem;
	}
	.study_53 .huihuarecordlist .card-body .progress{margin:7px 0;}
	.study_53 .huihuaquestion #btns_lang button{padding:5px 8px;}
	.huihuarecordlist{
		height:360px;
		overflow-y:auto;
	}
	.huihuarecordlist .card-body, .huihuarecordlist .card-header{padding:6px;}
	.huihuarecordlist .card-header{padding-left:50px;}
	.huihuarecordlist .btn_playsound{
		left:8px;
		top:0px;
		font-size:2rem;
	}
	.huihuarecordlist .zh_font{font-size:1.2rem;}
	.arrow_left{top: 10px;}
	.arrow_right{top: 10px;}
	.study_54 .textcontent{padding-right:10px;}


*/

	/*拼音练习*/
	.study_pinyinnav>li>a{
		padding:8px 10px;
	}
	.study_pinyintab{
		padding-top:5px;
	}
	.study_pinyintab .top>div{
		margin-top:5px;
	}
	.study_pinyin .card{
		float:none;
		margin:auto;
	}
	.study_pinyin .title{
		font-size:1.2rem;
	}
	.study_pinyin .name{
		font-size:1.4rem;
	}
	.study_pinyin .explain{
		padding-top:5px;
	}
	.study_pinyin .shengmuexplain{
		padding:2px;
		min-height:10px;
	}
	.study_pinyin .pinyinlist{
		font-size:1.2rem;
	}
	.study_pinyin .pinyinlist li .row1{
		padding-top:15px;
	}
	.study_pinyin .pinyinlist li .row2{
		padding-top:30px;
		padding-bottom:23px;
	}
	.study_pinyin .pinyinlist li .row3{
		padding-top:16px;
		padding-bottom:16px;
		font-size:2.3rem;
	}
	.study_pinyin .pinyinlist li .row4{
		padding-top:8px;
		font-size:5rem;
	}
	.study_pinyin .pinyinlist li .row5{
		padding-top:5px;
		padding-bottom:0;
	}
	.study_pinyin .pinyinlist .row6{
		font-size:6.6rem;
	}
	#study_pinyinoptions{
		margin-top:50px;
	}
	#study_pinyinoptions a{
		min-width:110px;
		padding:10px 16px;
		font-size:2rem;
	}
	#study_pinyinoptions a i{
		display:none;
		position:absolute;
		top:inherit;
		bottom:-70px;
		left:50%;
		margin-left:-18px;
		font-size:3rem;
	}

	/*练习结果*/
	.study_resulttop{
		padding-top:10px;
		padding-bottom:5px;
	}
	.study_resulttop p{
		font-size:1.2rem;
	}
	.study_resulttop ul{
		padding-top:10px;
	}
	.study_resulttop div font{	
		font-size:1.5rem;
	}
	.study_resulttable{
		padding-top:10px;
	}
	.study_spellinputshow ul li{
		min-width:12px;
		font-size:1.4rem;
	}
	
	/*模态框*/
	#badgeModal .badgeexplain{
		font-size:1.2rem;
	}
	#badgeModal .badgegetpeople span{
		font-size:1.4rem;
	}
	#badgeModal .badgename{
		font-size:1.4rem;
	}
	#steppassModal .panelname, #panelpassModal .panelname{
		font-size:1.4rem;
	}
	#steppassModal .stepname{
		font-size:1.6rem;
	}
	#steppassModal .star{
		padding-top:10px;
		font-size:1.4rem;
	}
	#steppassModal .diffstep{
		padding-top: 10px;
	}
	#steppassModal .diffstep span{
		font-size:1.4rem;
	}
	#exitModal .modal-header{font-size:1.4rem;}
	.btn_qtype{font-size:1rem;}
}



/*********************************** study end *************************************/
/*********************************** qingjinghuihua start *************************************/

@media (max-width: 3600px) {
	.qingjinghuihua_css_photo{height:100px;margin-top:10px;}
}
@media (max-width: 1200px) {
	.qingjinghuihua_css_photo{height:100px;margin-top:10px;}
}

@media (max-width: 991px) {
	.qingjinghuihua_css_photo{height:80px;margin-top:10px;}

}
@media (max-width: 767px) {
	.qingjinghuihua_css_photo{height:60px;margin-top:10px;}
}

/*********************************** qingjinghuihua end *************************************/
.studycontainer{
  max-width:970px; 
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.nav>li>a {
    color: #777;
}
.nav .navbar-nav>.active>a, .nav .navbar-nav>.active>a:hover, .nav .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}