@charset "UTF-8";
/**
 * 2019-10-28 hanyupinyin.cn
 *
 ***/


 .fa {font-size:16px;
 	color:#333333;}


 	/*****顶部******/

.mobile-nav-bar {
  background-color: #556b2f;
  color: #fefefe;
}
.mobile-nav-bar a {
  color: #cccccc;
}








 	/*****pinyintop 项部导航 背景******/
 	.hanyumtopbj{ background:#a6cc90;} 

 	.hanyutop.pinyintop {
 		background-color: #91bf78;
 		color: #333333;
 	}
 	.hanyutop.pinyintop:hover,.hanyutop.pinyintop:focus {
 		background-color: #779050;
 		color: #33333;
 	}

 	/*****pinyin01 导航******/
 	.hanyu01.pinyin01 {
 		background-color: #556b2f;
 		color: #fefefe;
 	}
 	.hanyu01.pinyin01:hover,.hanyu01.pinyin01:focus {
 		background-color: #6b8e22;
 		color: #fefefe;
 	}


 	/*****pinyin 02 主目录******/
 	.hanyu02.pinyin02 {
 		background-color: #6b8e22;
 		color: #fefefe;
 	}
 	.hanyu02.pinyin02:hover,.hanyu01.pinyin02:focus {
 		background-color: #556b2f;
 		color: #fefefe;
 	}

 	/*****pinyin 03 列表******/
 	.hanyu03.pinyin03{
 		background-color:#a6cc90;
 		color: #333333;
 		text-align:left;
 	}
 	.hanyu03.pinyin03:hover,.hanyu03.pinyin03:focus {
 		background-color:#91bf78;
 		color: #333333;
 		text-align:left;
 	}

 	/*****pinyin 04上下******/
 	.hanyu01.pinyin04 {
 		background-color: #91bf78;
 		color: #333333;
 	}
 	.hanyu01.pinyin04:hover,.hanyu04.pinyin04:focus {
 		background-color: #a6cc90;
 		color: #333333;
 	}

 	/*****pinyin 05******/
 	.hanyu05.pinyin05 {
 		background-color: #91bf78;
 		color: #333333;
 	}
 	.hanyu05.pinyin05:hover,.hanyu05.pinyin05:focus {
 		background-color: #a6cc90;
 		color: #333333;
 	}



  /*****pinyin 06******/
  .hanyu06.pinyin06 {
    background-color: #91bf78;
    color: #333333;

  }
  .hanyu06.pinyin06:hover,.hanyu06.pinyin06:focus {
    background-color: #a6cc90;
    color: #333333;

  }

/********读拼音*******/





/*****列表****/

  .hanyu1.pinyin1 {
    background-color: #e7dab8;
    color: #333333;
    text-align:left;
  }
  .hanyu1.pinyin1:hover,.hanyu1.pinyin1:focus {
    background-color: #f0f0f0;
    color: #333333;
    text-align:left;
  }



    .hanyu2.pinyin2 {
    background-color: #cc9966;
    color: #333333;
  }
  .hanyu2.pinyin2:hover,.hanyu2.pinyin2:focus {
    background-color: #cc9966;
    color: #333333;
  }




  .hanyu3.pinyin3 {
    background-color: #91bf78;
    color: #333333;
  }
  .hanyu3.pinyin3:hover,.hanyu3.pinyin3:focus {
    background-color: #a6cc90;
    color: #333333;
  }









 	/*****du shengmu******/
.hanyusm.pinyinsm {
  background-color:#239770;
  color: #fefefe;
  padding: 16px 30px;
  border-radius: 10px;
  box-shadow: 0 6px #176f52;
}
.hanyusm.pinyinsm:hover, .hanyusm.pinyinsm:focus {
  background-color: #176f52;
  color: #fefefe;
  padding: 16px 30px;
  border-radius: 10px;
  box-shadow: 0 6px #239770;
}
 	/*****du yunmu******/

 	.hanyuym.pinyinym {
 		background-color: #e2702d;
 		color: #fefefe;
 	}
 	.hanyuym.pinyinym:hover, .hanyuym.pinyinym focus {
 		background-color: #ff8c00;
 		color: #fefefe;
 	}


 	/*****du ztrdyj******/
 	.hanyuzt.pinyinzt {
 		background-color: #018287;
 		color: #fefefe;
 	}
 	.hanyuzt.pinyinzt:hover,.hanyuzt.pinyinzt:focus {
 		background-color: #016062;
 		color: #fefefe;
 	}




/***读声母***/
.dushm.dushengmu {
  background-color:#239770;
  color: #fefefe;
  padding: 12px 0px;
  border-radius: 10px;
  box-shadow: 0 6px #176f52;
}
.dushm.dushengmu:hover, .dushm.dushengmu:focus {
  background-color: #176f52;
  color: #fefefe;
  padding: 12px 0px;
  border-radius: 10px;
  box-shadow: 0 6px #239770;
}

/***读韵母***/
.duym.duyunmu {
  background-color: #e2702d;
  color: #fefefe;
  padding: 12px 0px;
  border-radius: 10px;
  box-shadow: 0 6px #ff8c00;
}
.duym.duyunmu:hover, .duym.duyunmu:focus {
  background-color: #ff8c00;
  color: #fefefe;
  padding: 12px 0px;
  border-radius: 10px;
  box-shadow: 0 6px #e2702d;
}

/***读整体认读音节***/
.duyj.duyinjie {
  background-color: #018287;
  color: #fefefe;
  padding: 12px 0px;
  border-radius: 10px;
  box-shadow: 0 6px #016062;
}
.duyj.duyinjie:hover, .duyj.duyinjie:focus {
  background-color: #016062;
  color: #fefefe;
  padding: 12px 0px;
  border-radius: 10px;
  box-shadow: 0 6px #018287;
}





 	/*****<hr>******/	

 	.type-sidelines {
 		display: block;
 		text-align: center;
 		overflow: hidden;
 		white-space: nowrap;
 	}

 	.type-sidelines span {
 		display: inline-block;
 		position: relative;
 		padding-left: 0.5em;
 		padding-right: 0.5em;
 	}

 	.type-sidelines span:before, .type-sidelines span:after {
 		content: '';
 		position: absolute;
 		height: 100%;
 		width: 9999px;
 		top: 50%;
 		border-top-style: solid;
 		border-top-width: 1px;
 	}

 	.type-sidelines span:before {
 		right: 100%;
 	}

 	.type-sidelines span:after {
 		left: 100%;
 	}

 	.double {
 		display: block;
 		text-align: center;
 		overflow: hidden;
 		white-space: nowrap;
 	}

 	.double span {
 		display: inline-block;
 		position: relative;
 		padding-left: 0.5em;
 		padding-right: 0.5em;
 	}

 	.double span:before, .double span:after {
 		content: '';
 		position: absolute;
 		height: 100%;
 		width: 9999px;
 		top: 50%;
 		border-top-style: solid;
 		border-top-width: 1px;
 		border-bottom-style: solid;
 		border-bottom-width: 1px;
 		height: 0.5em;
 		margin-top: -0.25em;
 	}

 	.double span:before {
 		right: 100%;
 	}

 	.double span:after {
 		left: 100%;
 	}

 	.custom {
 		display: block;
 		text-align: center;
 		overflow: hidden;
 		white-space: nowrap;
 	}

 	.custom span {
 		display: inline-block;
 		position: relative;
 		padding-left: 20px;
 		padding-right: 20px;
 	}

 	.custom span:before, .custom span:after {
 		content: '';
 		position: absolute;
 		height: 100%;
 		width: 100%;
 		top: 50%;
 		border-top-style: dotted;
 		border-top-width: 4px;
 		border-top-color: #2980b9;
 		margin-top: -2px;
 	}

 	.custom span:before {
 		right: 100%;
 	}

 	.custom span:after {
 		left: 100%;
 	}

 	.custom-2 {
 		display: block;
 		text-align: center;
 		overflow: hidden;
 		white-space: nowrap;
 	}

 	.custom-2 span {
 		display: inline-block;
 		position: relative;
 		padding-left: 0.5em;
 		padding-right: 0.5em;
 	}

 	.custom-2 span:before, .custom-2 span:after {
 		content: '';
 		position: absolute;
 		height: 100%;
 		width: 9999px;
 		top: 50%;
 		border-top-style: solid;
 		border-top-width: 3px;
 		border-top-color: #6b8e22;
 		margin-top: -2px;
 	}

 	.custom-2 span:before {
 		right: 100%;
 	}

 	.custom-2 span:after {
 		left: 100%;
 	}

 	/*****<hr/>******/	



/***分页***/

.pagination-circular li.current {
  border: 1px solid #a6cc90;
  border-radius: 5000px;
  padding: 0.285em 0.8em;
  font-size: 14px;
}

.pagination-circular li.disabled {
  border: 1px solid #a6cc90;
  padding: 0.285em 0.8em;
  border-radius: 5000px;
  font-size: 16px;
}

.pagination-circular a {
  border-radius: 5000px;
  padding: 0.285em 0.8em;
  border: 1px solid #a6cc90;
  font-size: 14px;
}

.pagination-circular li:not(.disabled):hover a {
  background: #a6cc90;
  color: #fefefe;
}

.pagination-circular li a {
  transition: background 0.15s ease-in, color 0.15s ease-in;
}