* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Microsoft Yahei";    
    font-size: 16px;
    color: #7d7d7d;
}

div {
    box-sizing: border-box;
}
a{
    text-decoration:none;
}


/* ------------------------------------------------------------- */

.bannerbg {
    background-color: #424658;
}

.form {
    background-color: rgba(0, 0, 0, 0.2);
    height: 350px;
    width: 275px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2F000000,endcolorstr=#2F000000)
}

.ftittle {
    text-align: center;
    color: #ffffff;
    font-size:24px;
}

.input-text {
    width: 235px;
    font-family: 微软雅黑;
    height: 30px;
    padding: 0 0 0 10px;
    margin-bottom: 10px;
    border: none;
    outline: none;
    font-size: 12px;
    border-radius: 3px;
    color: #454545;
}

.Registration {
    margin: 40px 0 0 0;
}

.stext {
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
    display: block;
}

.btn11 {
    width: 235px;
    height: 40px;
    font-size: 16px;
    outline: none;
    border: none;
    border-radius: 3px;
    /*position: absolute;*/
    bottom: 20px;
    background-color: #4bc88e;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    line-height: 36px;
}

.btn11:hover {
    background-color: #36a572;
}

.teachers {
    margin: 50px auto 0;
    width: 1170px;
    padding: 0 200px;
    position: relative;
    display: block;
}

.container .teachers .inner .tittle {
    /*  width: 1070px;*/
    color: #454545;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.teachers2 .inner .switch {
    margin: 20px 0 0 0;
}

.teachers .inner .switch .switch-bt1 {
    display: inline-block;
    width: 100px;
    height: 30px;
    background-color: #4bc88e;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    border-radius: 15px;
    position: relative;
    cursor: pointer;
}

.sb-change1{
    background-color: #4bc88e !important;
    color: #ffffff !important;
    border:none !important;
}

.sb-change2{
    background-color: #fff !important;
    color: #4bc88e !important;
    border:1px solid #4bc88e !important;
}

.teachers .inner .switch .switch-bt2 {
    display: inline-block;
    width: 100px;
    height: 30px;
    border: 1px solid #4bc88e;
    background-color: #ffffff;
    line-height: 30px;
    text-align: center;
    color: #4bc88e;
    font-size: 14px;
    border-radius: 15px;
    position: relative;
    left: 20px;
    cursor: pointer;
}

.teachers .inner .switch .face {
    background:url('../img/yqh-facewang.png-v20160620.png')/*tpa=http://www.xhf86.com/img/yqh-facewang.png?v20160620*/ no-repeat;
    width: 107px;
    height: 107px;
    margin: 0 auto;
}
.face-change{
    background:url('../img/yqh-facechen.png-v20160620.png')/*tpa=http://www.xhf86.com/img/yqh-facechen.png?v20160620*/ no-repeat !important;
}

.teachers .inner .switch .nr {
    text-align: center;
}

.teachers .inner .switch .nr .name {
    font-size: 16px;
    color: #454545;
    padding-right: 17px;
}

.teachers .inner .switch .nr .rank {
    font-size: 14px;
    color: #4bc88e;
}

.teachers .inner .switch .nr .duty {
    color: #7d7d7d;
    font-size: 14px;
    padding: 10px 0 20px 0;
    border-bottom: 2px solid #4bc88e;
}

.teachers .inner .switch .nr .resume {
    margin: 20px 0 5px 0;
    color: #454545;
    font-size: 16px;
    font-weight: bold;
}

.teachers .inner .switch .nr .resume-text {
    text-align: left;
    text-indent: 35px;
    line-height: 30px;
}

.container .question {
    height: 500px;
    background-color: #cfcfcf;
    margin-top: 45px;
    position: relative;
}

.container .question .inner .tittle .number {
    color: #fa7374;
}

.container .question .inner .tittle {
    color: #454545;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.container .question .inner .questions {
    margin-top: 30px;
}

.container .question .inner .questions .num {
    height: 56px;
    width: 56px;
    background-color: rgba(250, 115, 116, 0.8);
    text-align: center;
    line-height: 56px;
    color: #ffffff;
    border-radius: 3px 0 0 3px;
    position: relative;
    display: inline-block;
}

.container .question .inner .questions .text {
    height: 56px;
    width: 456px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: left;
    padding-left: 20px;
    line-height: 56px;
    color: #454545;
    border-radius: 0 3px 3px 0;
    position: relative;
    display: inline-block;
    left: -4px;
}

.container .question .inner .question4 {
    margin-top: 30px;
}

.container .question .inner .question4 .num {
    height: 86px;
    width: 56px;
    background-color: rgba(250, 115, 116, 0.8);
    text-align: center;
    line-height: 86px;
    color: #ffffff;
    border-radius: 3px 0 0 3px;
    position: relative;
    display: inline-block;
}

.container .question .inner .question4 .text {
    height: 86px;
    width: 456px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: left;
    padding: 20px;
    line-height: 29px;
    color: #454545;
    border-radius: 0 3px 3px 0;
    position: relative;
    display: inline-block;
    left: -4px;
}

.container .question .inner .question4 .num {
    height: 86px;
    width: 56px;
    background-color: rgba(250, 115, 116, 0.8);
    text-align: center;
    line-height: 86px;
    color: #ffffff;
    border-radius: 3px 0 0 3px;
    position: relative;
    display: inline-block;
    top: -20px;
}

.container .Curriculum {
    width: 1170px;
    margin: 30px auto 50px;
}

.container .Curriculum .tittle .text {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #454545;
    margin-top: 30px;
}

.container .Curriculum .content {
    margin-top: 50px;
    position: relative;
}

.container .Curriculum .content .right {
    width: 1070px;
    position: relative;
    left: 100px;
    color: #454545;
    text-align: center;
    display: inline-block;
}

.container .Curriculum .content .right .tittle {
    color: #454545;
    height: 50px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    line-height: 50px;
    background-color: #f2f2f2;
    margin-bottom: 20px;
}

.container .Curriculum .content .right .cn {
    width: 1070px;
    margin-top: 20px;
    background-color: #f2f2f2;
    padding: 30px;
}

.container .Curriculum .content .right .cn1 {
    background-color: #f2f2f2;
    padding: 30px;
    position: relative;
    height: 567px;
}

.container .Curriculum .content .right .cn1 .banner {
    position: absolute;
    display: inline-block;
    left: 30px;
    top: 30px;
}

.container .Curriculum .content .right .cn1 .banner .img {
    width: 470px;
    height: 306px;
    background: url('../img/yqh-content-img1.jpg')/*tpa=http://www.xhf86.com/img/yqh-content-img1.jpg*/ no-repeat;
    margin-bottom: 30px;
}

.container .Curriculum .content .right .cn1 .banner .btn1 {
    height: 40px;
    width: 140px;
    background-color: #3da0e0;
    font-size: 16px;
    cursor: pointer;
    color: #ffffff;
    border-radius: 3px;
    line-height: 40px;
    margin: 0 auto;
}

.container .Curriculum .content .right .cn1 .banner .btn1:hover {
    background-color: #168fdc;
}

.container .Curriculum .content .right .cn1 .cn1-cn {
    text-align: left;
    position: absolute;
    width: 500px;
    display: inline-block;
    left: 540px;
    top: 30px;
}

.container .Curriculum .content .right .cn1 .cn1-cn .cn-synopsis {
    margin-top: 20px;
    color: #454545;
    font-weight: bold;
}

.container .Curriculum .content .right .cn1 .cn1-cn .cn1-tittle1 {
    font-size: 20px;
    font-weight: bolder;
    padding-bottom: 15px;
}

.cn1-tx1 {
    padding: 10px 0 10px;
    display: block;
    border-bottom: 1px solid #dcdcdc;
}

.cn1-tx1-color{
    color: #454545;
    padding-top: 15px;
}

.cn1-tx1-color1 {
    color: #4bc88e;
    padding-top: 15px;
}

.cn1-tx1-color2 {
    color: #fa7374;
    padding-top: 15px;
}

.cn1-tx1-color3{
    color: #7d7d7d;
    padding-top: 15px;
}

.cn1-tx1-color4{
    color: #7d7d7d;
    padding-top: 15px;
    line-height:200% !important;
}

.container .bannerbg .banner {
    position: relative;
    width: 1170px;
    height: 350px;
    background: url('../img/yqh-banner.jpg')/*tpa=http://www.xhf86.com/img/yqh-banner.jpg*/ no-repeat;
    margin: 0 auto;
}

.time-outer {
    color: #454545;
    background-color: #f2f2f2;
    margin-bottom: 50px;
}

.time-inner {
    padding: 30px;
    width: 1170px;
    /*  height: 200px;*/
    margin: 0 auto;
    position: relative;
}

.time-left {
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
}

.left-tittle {
    font-size: 20px;
    font-weight: bold;
}

.time-tittle {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: 50px auto 30px;
    color: #454545;
}

.right-money {
    margin-top: 30px;
}

.money {
    font-size: 20px;
    color: #fa7374;
}

.money-number {
    font-size: 30px;
    color: #fa7374;
}

.money-number-yuan {
    font-size: 20px;
    color: #fa7374;
}

.money-old {
    font-size: 14px;
    padding-left: 30px;
    text-decoration: line-through;
    color: #7d7d7d;
}

.time-img {
    width: 14px;
    height: 14px;
    padding-left: 30px;
}

.time-text {
    font-size: 14px;
    padding-left: 10px;
    color: #7d7d7d;
}

.t-tittle {
    margin: 30px 0 0 0;
}

.t-tittle-text {
    color: #7d7d7d;
    font-size: 14px;
    margin: 20px 0 0 0;
}

.time-right {
    position: absolute;
    left: 600px;
    top: 30px;
    height: 225px;
}

.rt-sp {
    color: #fa7374;
    font-size: 14px;
}

.time-year {
    height: 40px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 40px;
}

.time-mouth {
    width: 70px;
    height: 40px;
    border: 1px solid #4bc88e;
    background-color: #ffffff;
    display: inline-block;
    position: absolute;
    margin-left: 20px;
    border-radius: 3px;
    font-size: 12px;
    color: #7d7d7d;
    text-align: center;
    padding: 7px 7px 6px 7px;
}

.time-mouth:hover {
    background-color: #4bc88e;
    cursor: pointer;
    color: #ffffff;
}

.mouth-date {
    line-height: 14px;
}

.left-money {
    margin-top: 30px;
}

.registration {
    margin-top: 40px;
}

.action {
    width: 140px;
    height: 40px;
    background-color: #fa7374;
    color: #ffffff;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    bottom: 0;
}

.action:hover {
    background-color: #fa5859;
}

.phone {
    display: inline-block;
    height: 40px;
    width: 230px;
    position: absolute;
    left: 160px;
    top: 180px;
    font-size: 14px;
}

.phone-number {
    padding-top: 8px;
}

.container {
    position: relative;
    margin-top:122px;
}

.ban-text {
    position: relative;
    top: 50px;
    left: 40px;
    width: 800px;
    height: 260px;
}

.bt-t1 {
    font-size: 20px;
    color: #f2f2f2;
    margin-top: 40px;
}

.bt-t2 {
    width:530px;
    line-height:55px;
    font-size: 27px;
    font-weight: bold;
    margin: 30px 0 0 -15px;
    color: #4bc88e;
    text-indent:-12px;
    padding-left:12px;
    
}

.bt-t3 {
    position: absolute;
    top: 120px;
    height: 56px;
    width: 476px;
    background-color: rgba(255, 255, 255, 0.1);
    text-align: left;
    padding-left: 20px;
    line-height: 56px;
    font-size: 20px;
    color: #ffffff;
}

.bt3-s2 {
    padding-left: 20px;
    color: #4bc88e;
}

.bt-t4 {
    position: absolute;
    bottom: 0;
    font-size: 14px;
    color:#a1a1a1;
}

.bt-t4-2 {
    display: block;
    padding-top: 15px;
}

.bt-t5-2 {
    display: block;
    padding-top: 15px;
}

.bt-t5 {
    position: absolute;
    bottom: 0;
    right: 50px;
    font-size: 14px;
    color:#a1a1a1;
}

.bt-t5-1{
    opacity: 1;
}


/*************************另一个全年课表的css*/

.stitle {
    font-size: 20px;
    color: #454545;
    font-weight: bold;
}

.actiontwo {
    width: 70px;
    height: 40px;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    margin-left: 20px;
    float: left;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #4bc88e;
    color: #7d7d7d;
}

.actiontwo_1 {
    width: 70px;
    height: 40px;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    float: left;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    border: 1px solid #fff;
    background: #fff;
    color: #cacaca;
    margin-left: 20px;
}

.actiontwo_2 {
    width: 70px;
    height: 40px;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    float: left;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    border: 1px solid #4bc88e;
    background: #4bc88e;
    color: #fff;
    margin-left: 20px;
}

.actiontwo_3 {
    width: 70px;
    height: 40px;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    float: left;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    border: 1px solid #4bc88e;
    background: #4bc88e;
    color: #fff;
    margin-left: 20px;
}

.actionthree {
    width: 140px;
    height: 40px;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
}

.actionfour {
    width: 140px;
    height: 40px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
}

.left-nun-change{
    background:#4bc88e !important;
}




.cn1-banner-txt{
    width: 100%;
    height: 50px;
    background: #454545;
    color: #fff;
    margin-top: 30px;
    font-size: 24px;
    line-height: 50px;
}