.unit-container {
  margin-bottom: 40px;
}
.unit1-container {
  width: 810px!important;
}
.unit-header {
  background: #66cc99;
  overflow: hidden;
  padding: 0 30px;
}
.unit-header > div,
.unit-header > h2 {
  float: left;
  color: #fff;
  line-height: 50px;
}
.unit-header .unit-title-left {
  font-size: 14px;
}
.unit-header > .unit-title {
  width: 838px;
  text-align: center;
  font-size: 20px;
}
.unit-header > .unit1-title {
  width: 650px;
  text-align: center;
  font-size: 20px;
}
.unit-header > .return {
  font-size: 14px;
  cursor: pointer;
}
.unit-header > .return:hover {
  color: #ff9900;
}
.unit-body {
  font-family: 'Arial Normal', 'Arial';
  font-size: 13px;
  color: #333333;
  border: 1px solid #91672d;
  background: #fdfbf4;
  padding: 10px 30px;
  overflow: hidden;
}
.unit-body .unit1-tab {
  display: none;
}
.unit-body .unit1-tab > h2 {
  background: #ffeeeb;
  font-size: 18px;
  color: #666;
  padding: 0 5px;
  line-height: 36px;
}
.unit-body .unit1-tab > p,
.unit-body .unit1-tab span {
  line-height: 36px;
  color: #666;
  font-size: 15px;
}
.unit-body .unit1-tab > p {
  text-indent: 2em;
}
.unit-body .unit1-tab > .red {
  color: #F56C6C;
}
.unit-body .sm-content {
  padding: 0 20px;
}
.unit-body .sm-content > h3 {
  line-height: 36px;
  background: #ffeeeb;
  font-size: 15px;
  padding-left: 5px;
  margin-bottom: 10px;
}
.unit-body .sm-content > h3 > strong {
  font-weight: bold;
}
.unit-body .sm-content > h3 > span {
  float: right;
  color: #999;
  font-size: 14px;
}
.unit-body .sm-content h4 {
  padding: 0 6px;
  line-height: 26px;
  font-size: 15px;
  color: #666;
}
.unit-body .sm-content ul {
  padding-left: 26px;
  font-size: 15px;
}
.unit-body .sm-content li {
  line-height: 36px;
  color: #666;
  cursor:pointer;
}
.unit-paging {
  float: right;
}
.unit-paging > a,
.unit-paging > ul {
  float: left;
}
.unit-paging > a {
  width: 80px;
  line-height: 24px;
  border-radius: 5px;
  background: #66cc99;
  color: #fff;
  text-align: center;
  font-size: 13px;
}
.unit-paging > a:hover {
	background-color: #49b27d;
}
.unit-paging > a.disable {
  background: #c9c9c9;
  cursor: default;
}
.unit-paging > .prev-btn {
  margin-right: 3px;
}
.unit-paging > .next-btn {
  margin-left: 3px;
}
.unit-paging > ul {
  overflow: hidden;
}
.unit-paging li {
  float: left;
  margin: 0 7px;
}
.unit-paging li:hover a {
  color: #ff005f;
}
.unit-paging li > a {
  color: #6e9bda;
}
.unit-paging li.red > a {
  color: #ff005f;
}
.unit1-tabel td {
  font-size: 16px;
  font-family: 'Times New Roman Negreta', 'Times New Roman', "微软雅黑";
}
.unit1-tabel .vowel-tabel-first {
  color: #fff;
  width: 124px;
  text-align: center;
  padding: 128px 0;
}
.unit1-tabel .vowel-tabel-first div {
	width: 80px;
}
.unit1-tabel .vowel-tabel-first p {
  line-height: 24px;
  text-align: center;
  font-size: 18px;
}
.unit1-tabel .vowel-tabel-first span {
  color: #fff;
  line-height: 20px;
  text-align: center;
  display: block;
  font-size: 18px;
}
.unit1-tabel .desc {
  width: 114px;
  text-align: center;
  height: 60px;
  line-height: 60px;
}
.unit1-tabel .td-phonogram {
  font-size: 28px;
  width: 68px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.vowel-tabel {
  margin-top: 30px;
}
.vowel-tabel td {
  border: 1px solid #008c72;
  color: #008c72;
}
.vowel-tabel .vowel-tabel-first {
  background-color: #008c72;
  border-bottom: 2px solid #fff;
}
.vowel-tabel .td-phonogram:hover {
  background-color: #008c72;
  color: #fff;
}
.consonant-tabel {
  margin-bottom: 40px;
}
.consonant-tabel td {
  border: 1px solid #008c9f;
  color: #008c9f;
}
.consonant-tabel .vowel-tabel-first {
  background-color: #008c9f;
}
.consonant-tabel .td-phonogram:hover {
  background-color: #008c9f;
  color: #fff;
}
.unit1-page5-list {
  padding: 0 28px;
  overflow: hidden;
}
.unit1-page5-list > li {
  width: 175px;
  float: left;
  font-family: 'Times New Roman Normal', 'Times New Roman', "微软雅黑";
}
.unit1-page5-list > li > a {
  font-weight: 400;
  font-size: 17px;
  color: #008C72;
  margin: 0 4px;
}
.unit1-page5-list > li > a > span {
  font-size: 17px!important;
  font-weight: bold;
}
.unit1-page5-list > li > .word {
  font-weight: normal;
  font-size: 14px;
}
.unit1-page5-list .unit1-page5-item {
  width: 50%;
}
.unit1-page5-bottom {
  overflow: hidden;
  margin-bottom: 20px;
  padding-left: 20px;
}
.unit1-page5-bottom > div {
  float: left;
  line-height: 30px;
  font-size: 15px;
}
.unit1-page5-bottom > .bottom-right {
  width: 570px;
}
.progress-list {
  width: 640px;
  margin: 0 auto;
  overflow: hidden;
}
.progress-list > li {
  float: left;
  width: 90px;
  margin: 0 20px;
  font-family: myFirstFont;
}
@font-face {
	font-family: myFirstFont;
	src: url('../../font/times.eot');
	src: url('../../font/times.eot?#iefix') format('embedded-opentype'), url('../../font/times.woff') format('woff'), url('../../font/times.svg') format('svg'), url('../../font/times.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.progress-list > li > p {
  text-align: center;
}
.progress-list > li > div {
  height: 74px;
  line-height: 74px;
  font-style: normal;
  font-size: 30px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #c9c9c9;
}
.progress-list > li.active > div {
  background: #66cc99;
  color: #fff;

}

.progress-list > li >div:hover{
background:  #66cc99;
color: #FFFFFF;
cursor:pointer; 
/* width:100%;
height:100%; 
border-width: 0;
font-size: 36px;

font-weight: 500; 
border-radius: 6px;  */

}
.progress-list > .dian {
  width: 80px;
  cursor: default;
}
.progress-list > .dian > img {
  margin: 50px 0 0 30px;
}
.five-list {
  width: 770px;
}
.unit-tab {
  display: none;
  padding: 26px 108px;
}
.unit-sm-title {
  font-family: 'Arial Negreta', 'Arial';
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: #6B6B6B;
  background: #a3e0c1;
  padding-left: 5px;
}
.unit-sm-title > span {
  color: #949494;
  font-size: 14px;
  font-weight: normal;
}
.symbol > div {
  cursor: pointer;
  width: 90px;
  height: 74px;
  line-height: 74px;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  text-align: center;
  margin: 24px auto;
  border: 1px solid #c9c9c9;
  font-family: myFirstFont;
}
.symbol > div:hover {
  background: #66cc99;
  color: #fff;
}
.pron-content {
  overflow: hidden;
  padding: 10px 10px 16px 40px;
}
.pron-content > ul {
  float: left;
}
.pron-content > ul > li {
  overflow: hidden;
}
.pron-content li > span,
.pron-content li > p {
  float: left;
  line-height: 38px;
  color: #333;
}
.pron-content li > span {
  font-size: 13px;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #a3e0c1;
  border-radius: 50%;
  margin: 5px 4px 0 0px;
}
.pron-content li > p {
  font-size: 18px;
  width: 450px;
}
.pron-content > div {
  float: right;
}
.rule .player-btn {
  display: block;
  float: right;
  width: 140px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  background: #008c72;
  font-family: 'Arial Normal', 'Arial';
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  border-radius: 5px;
  margin: 2px 8px 0 0;
}
.rule > div {
  padding: 16px 10px;
}
.rule table td:nth-child(3n) {
	text-decoration:underline;
}
.rule table td:nth-child(4) {
	text-decoration:underline;
}
.rule table td:nth-child(5) {
	text-decoration:underline;
}
.rule table td {
  border: 1px dashed #999;
  width: 152px;
  height: 40px;
  line-height: 40px;
  font-family: 'Arial Normal', 'Arial';
  font-weight: 400;
  font-style: normal;
  color: #666;
  font-size: 18px;
  padding-left: 4px;
}
.rule table td.word:hover {
	background-color: #ddd;
	cursor: pointer;
}
.rule table td.td-left {
  width: 52px;
}
.rule table td.td-left > span {
  font-size: 13px;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #a3e0c1;
  border-radius: 50%;
  margin: 0 auto;
}
.rule table td.td-center {
  width: 42px;
  text-align: center;
  font-family: 'Arial Negreta', 'Arial';
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  color: #666666;
}
.rule table td.td-le {
  width: 122px;
}
.unit-more-paging li > a {
  font-size: 15px;
}