@charset "utf-8";

/*=====================================
  响应式页面CSS3代码 自适应pc和移动端css样式
  
  屏幕宽度<720单列显示
  屏幕宽度>720 显示两列
 =====================================*/
/*定义字体*/
@font-face {
	font-family: 'lucida sans unicode';
	src: url('lucida_sans_unicode.ttf');
	src: url('lucida_sans_unicode.woff') format('woff'), /* Modern Browsers */
		 url('lucida_sans_unicode.ttf')  format('truetype'); /* Safari, Android, iOS */
}

.fw{width:1006px;}

#focusBox{margin:0.5rem 0 1rem;}
#focusBox #boxID,#focusBox #focusBoxImgs img{ width: 340px; height: 235px;}
#focusBox #focusBoxImgs{float:left;margin-right:1rem;}
#focusBox .focusEssay{border-bottom:1px solid #F6F6F6;}
#focusBox .focusEssay h3{text-align:center;font-size:18px;font-weight:normal;}
#focusBox .focusEssay p{line-height:160%;font-size:14px;color:#666;}
#focusBox .newEssay{padding:8px 0px 0px;}
#focusBox .newEssay li{line-height:26px;height:26px;overflow:hidden;font-size:15px;}

.importantList li{float:left;width:50%;font-family:"Arial","Microsoft YaHei","宋体","黑体",sans-serif;box-sizing: border-box;}
.importantList li a{display:block;background:#FAFAFA;text-align:center;margin-top:15px;height:36px;line-height:36px;color:#333;font-size:15px;text-decoration:none;}
.importantList li a:hover{	background:#15A6E7;
	color:#FFF;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;}
.importantList li.l1 a{margin-right:10px;}
.importantList li.l2 a{margin-left:10px;}

.v_list,.b_list{display: flex;display: -webkit-flex;flex-flow:row wrap;justify-content:space-between;align-items: flex-start}
.v_list li,.b_list li{margin:10px 0px;position:relative;display:inline-block;box-sizing: border-box;}

.v_item{width:140px;overflow:hidden;background:#F9F9FB;padding:5px;}
.v_item a{color:#333;}
.v_item a:hover{color:#388BFF}
.v_item .img img{width:140px;height:105px;border:1px solid #F9F9FB;}
.v_item .img:hover img{border:1px solid #06C;}
.v_item .inf .title{line-height:18px;height:36px;overflow:hidden;margin:8px 0px;padding:0px 5px;}
.v_item .inf .nbar{padding:0px 5px;height:24px;}
.v_item .hits{background:url("../images/yinbiao.gif") -13px -415px no-repeat;padding-left:17px;color:#999;}
.v_item .commend-ico{
	float:right;background:url("../images/n.png") left top no-repeat;width:24px;height:24px;display:block;overflow:hidden;text-indent:-100px;
	margin-top:-6px;
}

.b_item{width:140px;overflow:hidden;background:#F9F9FB;padding:5px;}
.b_item a{color:#333;}
.b_item a:hover{color:#388BFF;}
.b_item .img img{width:140px;height:150px;border:1px solid #F9F9FB;}
.b_item .img:hover img{border:1px solid #06C;}
.b_item .inf .title{line-height:18px;height:36px;overflow:hidden;margin:8px 0px;padding:0px 5px;}
.b_item .inf .nbar{padding:0px 5px;height:24px;overflow:hidden;}
.b_item .hits{background:url("../images/yinbiao.gif") -13px -415px no-repeat;padding-left:17px;color:#999;}

.baseguide p{line-height: 150%;text-indent: 2em;}
.baseguide p:first-letter { font-size:1.3em; vertical-align:top;font-weight: bold;}
.baseguide #baseguide_more{display:none;}
.baseguide #bmore_btn{text-align:center;text-indent: inherit;}
.baseguide #bmore_btn:first-letter{font-size:1em;font-weight:normal;}

.ptable{border-left:1px solid #DEE9EF;border-top:1px solid #DEE9EF;}
.ptable th,.ptable td{border-right:1px solid #DEE9EF;border-bottom:1px solid #DEE9EF}
.ptable .bigc{background:#EFF9FF;padding:0.3em 0 0.1em;}
.ptable th{background:#FFF;text-align:center;}
.ptable td{background:#FAFAFA;text-align:center;margin:0px;padding:0px;}
.ptable td a{color:#039;}
.ptable h3{font-size:1.3em;font-weight: normal;line-height: 150%;}
.ptable h4{font-size:1em;font-weight: normal;}
.ptable h5{font-size:1em;display: inline-block;font-weight: normal;}
.ptable a{color:#333;}
.ptable .yb{font-family: "Lucida Sans Unicode",arial,sans-serif;font-size:1.2rem;display:inline-block;width:100%;line-height:220%;color:#039;}
.ptable .ipa88{color:#C00;}
.ptable .l1 {width:5rem;text-align:center;}
.ptable .l1 a{font-size:1em;display: inline-block;overflow: hidden;}
.ptable .l2 {width:7rem;}

#ptable_block .tb-list{display: flex;display: -webkit-flex;flex-flow:row wrap;justify-content:space-between;align-items: flex-start}
#ptable_block .tb-list h6{display:inline-block;box-sizing: border-box;width:50%;}
#ptable_block h6{font-size:1rem;font-weight:normal;height: 34px;line-height: 34px;margin:0px 0 5px;border-bottom:1px solid #F1F1F1;}
#ptable_block h6 a{color:#000;}

/*音标表样式*/
.ybintro{margin-bottom:10px;line-height:180%;font-size:12px;text-indent:2em;color:#333;font-size:15px;}

.ybtable{background:#DEE9EF;}
.ybtable th{background:#FFF;text-align:center;font-size:14px;font-weight:normal;font-family:"Arial","Microsoft YaHei","宋体","黑体",sans-serif;}
.ybtable th a{color:#000;}
.ybtable td{background:#FAFAFA;font-family: "Lucida Sans Unicode",arial,sans-serif;font-size:16px;text-align:center;}
.ybtable td[mp3]{white-space:nowrap;}
.ybtable td[mp3]:hover{background:#FFF;cursor:pointer;}
.ybtable td a{display:inline-block;width:100%;height:100%;color:#039;}
.ybtable td a:hover{text-decoration:none;}

.ybfyff{line-height:180%;}
.ybfyff .ybc{font-size:14px;color:#999;margin:6px 0px 4px 0px;}
.ybfyff .ybs{font-size:16px;color:#000;font-family: "lucida sans unicode",arial,sans-serif;margin:6px 0px;line-height:220%;}
.ybfyff .ybs a{color:#000;margin:0px 4px;}

.sytable{background:#70A72C;}
.sytable td{background:#FFF;}
.sytable th{background:#DDECD2;}

.pSymbols{font-family: "Lucida Sans Unicode",arial,sans-serif;}

.ub{border-bottom:1px solid green;margin-right:1px}
.ur{border-bottom:1px solid red;margin-right:1px}


.bigwd{font-size: 18px;line-height:220%;}
.sblue{color:#03F;}
.sred{color:#F60}
.nheigh{line-height:normal;}
.quan{font-family: Simsun; }
.words{font-size:16px;}

/*发音规则样式*/
.fygz{}
.fygz b{font-size:16px;color:#03C}
.fygz *[mplay]{font-size:14px;}

.content .prt_words,.content .prt_words1{display: flex;display: -webkit-flex;flex-flow:row wrap;justify-content:flex-start;}
.content .prt_words li{width:33%;display:inline-block;flex:0 0 auto;}
.content .prt_words1 li{width:50%;display:inline-block;flex:0 0 auto;}
.content .sound b{color:#ff0000;}
.content .sound{cursor:pointer;font-size: 1.2rem;line-height:220%;}
.content .sound.normal{font-size:1rem;}
.content h3,.content table{margin-top:1em;margin-bottom:1em;}
.viewbox .title h1,.viewbox .content .phs{font-family: "lucida sans unicode",arial,sans-serif,"Microsoft YaHei","Heiti SC";}
.viewbox .content{position: relative;overflow:auto;}
.viewbox .content #c-bread{float:left;margin-right:0.5rem;margin-bottom:0.5rem;}

.viewbox {border-top:none;}
.viewbox .title{border-bottom:1px solid #E6E6E6;padding-bottom:0.8rem;position: relative;}
.viewbox .title h1{font-size:1.8rem;padding:1rem 0px 0.5rem;font-weight:bold;}
.viewbox .info i{font-style:normal;color:#AAA;margin:0 0.2rem;}
.viewbox .info{font-size: 1.0rem;color:#BBB;}
.viewbox .info .qrcode{position:absolute;top:20px;right:6px;z-index:100;color:#000;cursor:pointer;}
.viewbox .info .qrcode i{display:inline-block;background:url("../images/2020_icons.png") -54px -132px no-repeat;height:16px;width:10px;}
.viewbox .info .qrcode img{width:160px;}
.viewbox .info .qrcode div{position: absolute;right:-50px;z-index: 100;border:2px solid #BADCE5;text-align: center;padding:10px;background: #FFF;display: none;color:red;border-radius: 5px;}
.viewbox .content{font-size:14px;line-height:180%;padding:10px 0px;position: relative;overflow:auto;}
.viewbox .content .readmore{position:absolute;left:0px;bottom:0px;background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));height:90px;width:100%;}
.viewbox .content .readmore a{display:block;width:150px;height:40px;background: #15A6E7;border-radius:5px;color:#FFF;line-height:40px;text-align:center;margin:40px auto 10px;}

.context{font-family: "lucida sans unicode",arial,sans-serif,"Microsoft YaHei","Heiti SC";}

.viewbox .signinf {position:relative;}
.viewbox .signinf .sign_main{font-size:36px;color:red;font-family: 'lucida sans unicode';cursor: pointer;} 

/*移动版样式===start====*/
@media screen and (max-width: 990px) {
	.fw{width:inherit;}
	
	#focusBox,.v_list,.pding{padding-left:8px;padding-right:8px;}
	#focusBox #focusBoxImgs{float:none;clear:both;text-align: center;}
	#focusBox #boxID,#focusBox #focusBoxImgs img{ width: 100%;}
	#focusBox .focusEssay{margin-top:1rem;}
	
	.ptable .yb{color:#15A6E7;font-size:1rem;line-height: 250%;}
	.ptable .ipa88{color:coral;}
	.ptable .l1 {width:1.8em;text-align:center;}
	.ptable .l1 a{width:1em;font-size:1em;display: inline-block;overflow: hidden;}
	.ptable .l2 {width:4rem;}
	
	.v_list li,.b_list li{width:49%;position:relative;overflow:hidden;height:auto;box-sizing: border-box;}
	.v_item,.b_item{width:100%;box-sizing: border-box;}
	.v_item .img{overflow: hidden;display: block;height: calc(100vw / 2.8);}
	.v_item .img img,.b_item .img img{width:100%;height: auto;box-sizing: border-box;}
	.b_item .img{overflow: hidden;display: block;height: calc(100vw / 2.2);}
		
	.content .prt_words li{width:100%;}
	.content .prt_words1 li{width:100%;}
	.content .prt_words li,.content .prt_words1 li{
		background:#F3F3F3;line-height:40px;height:40px;overflow:hidden;margin-bottom:1px;
	}
	.content .prt_words .sound,.content .prt_words1 .sound{padding-left:30px;}
	.content .sound{cursor:pointer;font-size: 1rem;line-height:40px;}
}


#tbl_box {
	background-image: radial-gradient(farthest-side at 80% 25%, #FFF 2%, rgb(150, 199, 113) 80%);
	padding: 20px 15px 20px 15px;
	min-width: 600px;
	box-sizing: border-box;
}
#tbl_box td span {
	width: 50px;
	height: 34px;
	font-size: 1.6em;
	text-align: center;
	line-height: 34px;
	cursor: pointer;
	color: #333;
	font-family: "lucida sans unicode";
	display: inline-block;
	background: rgb(134, 182, 158);
	border: 1px solid rgb(139, 164, 135);
	-webkit-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	box-shadow: 0px 0px 5px rgb(17, 112, 74);
}
#tbl_box td span:hover,
#tbl_box td span.hover {
	background: rgb(99, 74, 123);
	color: #FFF;
}
#tbl_box .btn2 {
	background: rgb(0, 105, 56);
	color: #FFF;
	font-size: 1.2em;
	width: 70px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	-webkit-border-radius: 24px 0 0 24px;
	-ms-border-radius: 24px 0 0 24px;
	-o-border-radius: 24px 0 0 24px;
	-moz-border-radius: 24px 0 0 24px;
	border-radius: 24px 0 0 24px;
	box-shadow: 0px 0px 5px rgb(17, 112, 74);
	cursor: pointer;
	padding: 0 8px;
	;
}
#tbl_box .btn2:hover,
#tbl_box .btn2.hover {
	background: rgb(198, 150, 254);
	color: rgb(2, 2, 2);
}
#tbl_box .btn1 {
	word-break: break-all;
	text-align: center;
	background: rgb(0, 40, 81);
	color: rgb(255, 255, 158);
	font-size: 1.5em;
	padding: 14px 2px;
	-webkit-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	box-shadow: 0px 0px 5px rgb(17, 112, 74);
	cursor: pointer;
}
#tbl_box .btn1:hover,
#tbl_box .btn1.hover {
	background: rgb(174, 214, 254);
	color: rgb(98, 2, 2);
}
#tbl_box .bcap h3 {
	writing-mode: lr-tb;
	-webkit-writing-mode: lr-tb;
	-ms-writing-mode: lr-tb;
	font-size: 32px;
	color: rgb(138, 148, 49);
	text-shadow: 0px 0px 5px rgb(255, 255, 158);
	letter-spacing: 10px;
	line-height: normal;
}