/*浏览器窗口高度小于620px时*/
@media screen and (max-height: 620px) {
    .wrap-out {
        top: 100px;
    }
}
/*li标签不要前面的点号*/
body {
    font-family: 'Merriweather Sans', Arial, Helvetica;
	background-color: #003169;
}
ul, ol, dl {
    list-style-type: none;
}
.sky {
    position: absolute;
    left: 50%;
    top: 100px;
    width: 1500px;
    height: 210px;
    margin-left: -750px;
    background: url(../../images/class/sky.png) 0 0 no-repeat;
}
.wrap-out {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1500px;
    height: 545px;
    margin-left: -750px;
    background: url(../../images/class/catalog-bg.png) 0 0 no-repeat;
}
@media screen and (max-height: 620px) {
    .wrap-out {
        top: 100px;
    }
}
.wrap-in {
    width: 1000px;
    margin: 0 auto;
}
/*拼音课程标题--开始*/
.pinyin_contents {
    margin: 70px 0 0 150px;
    font-size: 1.1em;
}
.pinyin_ul {
    width: 280px;
    line-height: 32px;
    font-size: 1.1em;
}
.pinyin_ul li span {
    font-family: 'GBPinYin';
    font-size: 1.1em;
    padding-right: 8px;
}
.pinyin_ul li span:nth-child(1) {
    display: none;
}
.pinyin_ul li span:nth-child(2) {
    font-family: Arial, Helvetica;
}
.pinyin_ul li {
    height: 44px;
    font-size: 1.1em;
    background-repeat: no-repeat;
}
.pinyin_ul li a {
    color: #001829;
    width: 245px;
    padding-left: 5px;
    font-size: 1.1em;
    cursor: default;
}
.pinyin_ul li a:hover {
    color: #900;
}
.pinyin_ul li.ing a {
    width: 245px;
    display: block;
    overflow: hidden;
    color: #900;
    font-weight: bold;
    background: url(../../images/pinyinBg.png) 0px 4px no-repeat;
}
.pinyin_ul li.unfinished {
    width: 295px;
    color: #001829;
    padding-left: 5px;
    font-size: 1.1em;
}
.pinyin_ul li.unfinished:hover {
    color: #900;
}
/*拼音课程标题--结束*/
.pinyinIntro {
    z-index: 99;
    position: absolute;
    left: 202px;
    top: 30.5px;
}
.pinyin_txtNext {
    z-index: 9999;
    position: absolute;
    font-family: 'Microsoft YaHei';
    font-size: 1.4em;
    color: #ffffff;
    left: 893px;
    top: 485px;
}
.pinyin_txtNext:hover {
    color: #000;
}
.txtNextBg {
    z-index: 999;
    position: absolute;
    left: 875px;
    top: 462px;
}
.py_currentWords {
    font-family: 'GBPinYin';
    font-size: 1.4em;
}
.py_AnimateImg {
    z-index: 120;
    max-width: 474px;
    max-height: 527px;
    position: absolute;
    left: 20px;
    top: 18px;
}
.xuxianStyle {
    z-index: 90;
    position: absolute;
    left: 550px;
    top: 321px;
}
.btnNextStepBg {
    z-index: 990;
    position: absolute;
    left: 873px;
    top: 462px;
}
.review_txtRecord {
    z-index: 9999;
    position: absolute;
    font-family: 'Microsoft YaHei';
    font-size: 0.8em;
    left: 809px;
    top: 312px;
}
.review_txtRecord:hover {
    color: #fff;
}
.review_txtReplay {
    z-index: 9999;
    position: absolute;
    font-family: 'Microsoft YaHei';
    font-size: 0.8em;
    left: 845px;
    top: 357px;
}
.review_txtReplay:hover {
    color: #fff;
}
.reviewBalloon {
    z-index: 999;
    position: absolute;
    left: 803px;
    top: 277px;
}
.pyTones {
    z-index: 88;
    position: absolute;
    left: 492px;
    top: 16px;
}
/*review单词公用*/
.py_frame_words {
    z-index: 11;
    position: absolute;
    left: 190px;
    top: 136px;
    width: 630px;
    height: 300px;
}
.divGrid_Words {
    z-index: 11;
    position: absolute;
    left: 147px;
    top: 58px;
}
.divGrid_3Words {
    z-index: 11;
    position: absolute;
    left: -3px;
    top: 1px;
}
#py_result_words {
    position: absolute;
    left: -65px;
    top: 132px;
}
.review1_buttonBg {
    z-index: 999;
    position: absolute;
    left: 785px;
    top: 266px;
    display: none;
}
.review3_buttonBg {
    z-index: 999;
    position: absolute;
    left: 842px;
    top: 216px;
    display: none;
}
.review1Record01 {
    z-index: 1111;
    position: absolute;
    left: 791px;
    top: 270px;
    display: none;
}
.review1Repeat01 {
    z-index: 1111;
    position: absolute;
    left: 790px;
    top: 272px;
    display: none;
    cursor: pointer;
}
.review2Record01 {
    z-index: 1111;
    position: absolute;
    left: 757px;
    top: 443px;
    display: none;
}
.review2Repeat01 {
    z-index: 1111;
    position: absolute;
    left: 757px;
    top: 447px;
    display: none;
    cursor: pointer;
}
.review3Record01 {
    z-index: 1111;
    position: absolute;
    left: 851px;
    top: 246px;
    display: none;
}
.review3Repeat01 {
    z-index: 1111;
    position: absolute;
    left: 850px;
    top: 268px;
    display: none;
    cursor: pointer;
}
.studyLevel img {
    margin-left: 5px;
}
#div_PYIntroduce {
    z-index: 99;
    position: absolute;
    left: 251px;
    top: 100px;
    width: 465px;
    height: 147px;
}
#div_PYIntroduce span {
    font-family: Arial, Helvetica;
    font-size: 20px;
    color: #8b4501;
    line-height: 40px;
}
#div_PYTones {
    z-index: 99;
    position: absolute;
    left: 150px;
    top: 100px;
    width: 322px;
    height: 115px;
}
#div_PYTones span {
    font-family: Arial, Helvetica;
    font-size: 21px;
    color: #8b4501;
    line-height: 40px;
}
#PYTonesReplayDiv {
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 14px;
    border-radius: 16px;
    width: 60px;
    height: 20px;
    padding: 5px 0;
    margin: 10px auto;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    z-index: 1111;
    position: absolute;
    left: 875px;
    top: 65px;
    display: none;
    opacity: 0.85;
    cursor: pointer;
}
#PYTonesReplayDiv span {
    position: absolute;
    left: 7px;
    top: 6px;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
#PYTonesReplayDiv span:hover {
    color: #000;
}
 #PYTonesReplay {
    position: absolute;
    left: 875px;
    top: 65px;
}