@charset "utf-8";
*{margin:0;padding:0;}
html,body{font-size: 20px;font-family: "微软雅黑";}
button{border:none;}
a{
    text-decoration: none;
    color:#333333;
}
ul li{list-style: none;}
.clearfix:after {content: "";display: block;height:0;clear:both;visibility:hidden;}
/*.swiper-slide{*/
    /*width:100%;*/
    /*margin-bottom:1.1rem;*/
    /*box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
/*}*/
.first .head{
    height:3rem;
    line-height:3rem;
    text-align: center;
    width: 100%;
    background:#ffffff;
    padding:0 0.8rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 1.2rem;
    font-weight: normal;
    color: #333333;
}
.head>img,.head>a{
    float:left;
}
.head>a{
    float:right;
    font-size: 0.6rem;
    color:#666666;
}
.head a img{
   width:auto;
   max-width: 1.36rem;
   display: block;
   margin: 0.33rem auto 0;
}
p.onlineConsole{
    /*display:block;*/
    line-height: 1.2rem;
}
.head>img{
    width:auto;
    max-width: 2.9rem;
    display: block;
    margin-top:0.93rem;
}
.seven{margin-bottom: 0;}
.firstPart{
    width:100%;
    height:93%;
    background:url("https://img9.tongzhuo100.com/m_index/img/spread_img/icon3.jpg") no-repeat center;
    background-size: 100% 100%;
    border-top: 1px solid transparent;
}
.login{
    display: block;
    background: url("https://img9.tongzhuo100.com/m_index/img/spread_img/icon5.png") no-repeat;
    width: 55%;
    height: 10%;
    position:absolute;
    top:80%;
    left:22%;
    background-size: cover;
    text-align: center;
    line-height: 3rem;
    font-size: 1.2rem;
    color: #ffffff;
}
.secondPart{
    width:100%;
    height:100%;
    background:url("https://img9.tongzhuo100.com/m_index/img/spread_img/icon6.png") no-repeat center;
    background-size:100% 100%;
    border-top:1px solid transparent;
}
.courseAccess{
    width: 75%;
    margin: 26% auto 10%;
}
@media screen and (max-width: 320px){
    .courseAccess{
        width: 80%;
        margin: 26% auto 0;
    }
    .videoPart{
        position:absolute;
        top:10rem;
    }
}

.courseAccess a{
    display: block;
    font-size:1rem;
    float:left;
}
.courseAccess a img{
    display: block;
    width:auto;
    max-width: 3.56rem;
    margin:0 auto 0.6rem;
}
.middleCourseAccess{
    margin:0 3.3rem;
}
a.primaryCourseAccess p{
    color:#8938b0;
}
a.middleCourseAccess p{
    color:#20ac91;
}
a.highCourseAccess p{
    color:#ce5906;
}
#myVideo{
    width: 15.2rem;
    height: 11.6rem;
    display: block;
    position: absolute;
    top:-1px;
    left:0;
}

.videoPart{
    width: 15.2rem;
    height: 11.5rem;
    margin: 0 auto;
    /*border: 0.6rem solid #030303;*/
    position:absolute;
    top:41%;
    left:19%;
}
.moreVideoButton{
    display: block;
    width:19.6rem;
    height:3rem;
    background:#d93f10;
    color:#ffffff;
    font-size:1.2rem;
    /*margin:0 auto;*/
    line-height: 3rem;
    border-radius: 8px;
    /*margin-top: 1.5rem;*/
    position:absolute;
    top:80%;
    left:10%;
}
.consoleButton{
    display: block;
    width: 80%;
    height: 7%;
    padding-top: 2.5%;
    background: #d93f10;
    color: #ffffff;
    font-size: 1.2rem;
    border-radius: 8px;
    position: absolute;
    left: 10%;
    top: 80%;
    z-index: 9999;
}
.thirdPart{
    width:100%;
    height:100%;
    background:url("https://img9.tongzhuo100.com/m_index/img/spread_img/icon10.jpg") no-repeat center;
    background-size: 100% 100%;
    border-top:1px solid transparent;
    position:relative;
}
.thirdPartIn{
    width:5000px;
    height:inherit;
}
.teacherPic{
    display: block;
    width:auto;
    max-width: 100%;
}
.teacherName{
    font-size: 1.06rem;
    line-height:2.23rem;
    color: #333333;
}
.teacherPosition,.teacherExperience{
    font-size:0.8rem;
    color:#666666;
    line-height:1.13rem;
}
.teacherInfoBox{
    width:100%;
    background:#f9f9f9;
    padding-bottom: 0.8rem;
}
.teacherLis{
    width:28%;
    box-sizing: border-box;
    float:left;
}
.teacherLisS{
    margin:0 0.325rem;
}
.teacherInfo{
    position: absolute;
    top: 33%;
    left: 12.8%;
}
.slide{
    position:relative;
}
.forth{
    position:relative;
}
.authorityTeamHead{
    width:100%;
}
.authorityTeamInfo{
    font-size:1rem;
    color:#ff7800;
    line-height:1.55rem;
}
.authorityTeamInfoBox{
    position: absolute;
    top: 11%;
    left: 7%;
    text-align: left;
}
.authorInfo{
    width:8.93rem;
    box-sizing: border-box;
    float:left;
}
.heitou{
    font-size:0.86rem;
    color:#ffffff;
    background:#333333;
    opacity: 0.8;
    -moz-opacity: 0.8;
    position:absolute;
    top: 74.5%;
    left: 0%;
}

.paragraphsuojin{
    text-indent: 2em;
}
.authorPic{
    position:relative;
    height:13.76rem;
}
.authorPic,.authorInfo img,.heitou{
    width: 9.06rem;
}
.authorInfo img{
    display: block;
}
.marinR{
    margin-right:0.8rem;
}
.authorName{
    height:2.73rem;
    line-height:2.73rem;
    text-align:center;
    background: #eeeeee;
    width:100%;
    font-size: 1.06rem;
    color:#333333;
}
.forthPart .slide{
    width:100%;
}
.authorLis{
    position: absolute;
    top: 30%;
    left: 11.8%;
}
.forthPart .fp-controlArrow.fp-next{
    right: 15px;
    border-width: 16.5px 0 16.5px 11px;
    border-color: transparent transparent transparent #75c3ed;
}
.forthPart .fp-controlArrow.fp-prev{
    left: 15px;
    width: 0;
    border-width: 16.5px 11px 16.5px 0;
    border-color: transparent #75c3ed transparent transparent;
}
.fifthPart{
    background:url("https://img9.tongzhuo100.com/m_index/img/spread_img/yunduo.png") no-repeat center;
    height:100%;
    width:100%;
    background-size:100% 100%;
    position:relative;
    box-sizing: border-box;
}
/*.fifthPart h3{*/
    /*font-size:1rem;*/
    /*color:#ff7800;*/
    /*font-family:"[FZLTHJW]";*/
    /*position: absolute;*/
    /*left: 21%;*/
    /*top: 11%;*/
    /*letter-spacing: 1px;*/
/*}*/
/*.functionContent{*/
    /*font-size: 1.2rem;*/
    /*color:#ffffff;*/
    /*text-align:center;*/
    /*width:39%;*/
    /*height: 6.8rem;*/
/*}*/
.floatL{
    float:left;
}
.floatR{
    float:right;
}
.sixty{
    border-top:1.5px solid #0090dd;
}
.sjx{
    width: 0;
    border-top: 0.8rem solid #0090dd;
    border-left: 3rem solid transparent;
    border-right: 3rem solid transparent;
    margin: 0 auto;
}
.sixty img{
    display: block;
    width:17.26rem;
    margin:1.1rem auto 0;
}
.sixty h3{
    font-size:1rem;
    color:#ff7800;
    font-family: "微软雅黑";
    font-weight: normal;
    /*position: absolute;*/
    /*left: 21%;*/
    /*top: 11%;*/
    letter-spacing: 1px;
    margin: 2% 0 3%;
}
.payLow{
    width: 5.6rem;
    height: 20rem;
    line-height: 22rem;
    background: #fa7000;
}
.choiceReason{
    width:95%;
    height:20rem;
    margin:0 auto;
    font-size: 1.2rem;
    color:#ffffff;
}
.choiceReasonR{
    width: 17.46rem;
    height: 20rem;
    box-sizing: border-box;
}
.bumanyi{
    width: 11.56rem;
    height: 49%;
    line-height: 9.8rem;
    background: #e5636f;
    margin-bottom: 2%;
}
.qingxi{
    width: 5.5rem;
    height: 49%;
    background: #459dea;
    padding: 3.5rem 1rem;
    box-sizing: border-box;
    margin-bottom: 2%;
}
.fangbian{
    width: 5.5rem;
    height: 49%;
    background: #59bb75;
    padding: 3.5rem 1rem;
    box-sizing: border-box;
}
.zhuangyuan{
    width: 11.56rem;
    height: 49%;
    background: #fac200;
    box-sizing: border-box;
    padding: 3.6rem 13% 0;
}
.sevenPart{
    background: url("https://img9.tongzhuo100.com/m_index/img/spread_img/icon19.jpg") no-repeat center;
    background-size:100% 100%;
    padding-top: 12%;
}
.sevenPart ul{
    width: 100%;
    margin: 0 auto 3%;
}
.sevenPart ul li {
    text-align: center;
    height: 6.8rem;
    width: 50%;
    float: left;
    margin: 0 auto;
}
.sevenPart ul li img {
    display: block;
    width: 3.7rem;
    margin: 0 auto;
    /* margin: 0 0.8rem 0.25rem; */
}
.sevenPart ul li p {
    width: 69%;
    text-align: left;
    text-indent: 2em;
    font-size: 0.8rem;
    margin: 0 auto;
}
.sw{
    width:6.2rem;
}
.threeButton{
    width:93%;margin:0 auto 3%;
}
.rightNow{
    width:8.33rem;
    height:3rem;
    line-height:3rem;
    border:1px solid #ff5b28;
    color:#ff5b28;
    font-size:1.2rem;
    text-align:center;
    margin-right:1.33rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.orderNow{
    width:8.33rem;
    height:3rem;
    line-height:3rem;
    border:1px solid #ff2828;
    color:#ff2828;
    font-size:1.2rem;
    text-align:center;
    margin-right:1.33rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.backNow{
    width:3.5rem;
    height:3rem;
    border:1px solid #cccccc;
    color:#cccccc;
    font-size:0.86rem;
    text-align:center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-sizing: border-box;
    padding: 0.5rem  0.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.footer{
    width: 100%;
    height: 24%;
    background: rgba(0,0,0,0.5);
    padding: 0.5rem 0.5rem;
    box-sizing: border-box;
}
.lianxi{
    width: 100%;
    text-align: center;
    height: 40%;
    /* line-height: 40%; */
    border: 3px solid #696957;
    font-size: 1.06rem;
    color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2% 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.lianxi span{
    font-size: 0.73rem;
    color:#ffffff;
}
.ewm{
    width: 98%;
    margin: 3% auto 0;
    text-align: left;
}
.ewm img{
    display: block;
    width:3.63rem;
}
.ewmWord{
    font-size: 0.73rem;
}
.ewmWord2{
    font-size:0.96rem;
}
.ewmWord3{
    color:#bbbbbb;
    font-size:0.6rem;
    line-height:1.8rem;
}
img.next{
    display: block;
    width:9%;
    position:absolute;
    top:94%;
    left:46%;
    margin:0;
}
@media screen and (max-width: 360px) and (min-width: 340px){
    #a1{
        width:80%;
        height:12rem;
        margin:0 auto
    }
    .login{
        line-height:3.2rem;
    }
    .courseAccess{
        width: 78%;
        margin: 28% auto 6%;
    }
    .videoPart {
        /*border: 0.3rem solid #030303;*/
    }
    .teacherInfoBox{
        padding-bottom: 0.2rem;
    }
    .teacherName {
        line-height: 2rem;
    }
    .teacherInfo {
        position: absolute;
        top: 30%;
        left: 12.8%;
    }
    .authorLis {
        position: absolute;
        top: 26%;
        left: 11.8%;
    }
    .fifthPart {
        background: url("https://img9.tongzhuo100.com/m_index/img/spread_img/yunduo.png") no-repeat center;
        height: 100%;
        width: 100%;
        background-size: 100% 100%;
        position: relative;
        box-sizing: border-box;
        padding: 33% 13% 0;
    }
    /*.functionContent {*/
        /*height: 6.8rem;*/
    /*}*/
    .choiceReason {
        height: 19rem;
    }
    .payLow {
        width:5.85rem;
        height: 19rem;
        line-height: 19rem;
    }
    .choiceReasonR {
        height: 19rem;
    }
    .bumanyi {
        line-height: 9rem;
    }
    .qingxi {
        padding: 3rem 1rem;
    }
    .fangbian {
        padding: 2.9rem 1rem;
    }
    .zhuangyuan {
        padding: 2.9rem 13% 0;
    }
    .footer{
        height:27%;
    }
    .ewm {
        margin: 2% auto 0;
    }
    .threeButton {
        margin: 0 auto 2%;
    }
    .sevenPart ul {
        margin: 0 auto 3%;
    }
    .sevenPart ul li p {
        font-size: 0.6rem;
    }
    .sevenPart {
        padding-top: 14%;
    }
    .sevenPart ul li {
        height: 6.6rem;
    }
    .sevenPart {
        background: url("https://img9.tongzhuo100.com/m_index/img/spread_img/icon19.jpg") no-repeat center;
        background-size: 100% 100%;
        padding-top: 10%;
    }
    .sevenPart ul li img {
        width: 3.6rem;
    }
    .lianxi{
        height:34%;
    }
}
#a1{
    width:80%;
    height:12rem;
    margin:0 auto
}
.section .fixed{ position:absolute; bottom:10% ; right:5px; z-index:9999}
.section .fixed a{ display:block; padding:3px; line-height:10px; text-align:center; color:#000; font-size:10px; margin-bottom:5px; background:#FFF; opacity:0.8; border-radius:3px}
.section .fixed img{ margin:0 auto ;width:30px ; display:block}

@media screen and (max-width: 380px) and(min-width: 360px){
    #a1{
        width:80%;
        height:10rem;
        margin:0 auto
    }
    .teacherName{
        font-size:0.8rem;
        line-height:1.6rem;
    }
    .teacherPosition, .teacherExperience {
        font-size: 0.65rem;
    }
    .teacherInfoBox {
        padding-bottom: 0;
    }
    .consoleButton{
        font-size:0.95rem;
        padding-top:4%;
        z-index: 9999;
    }
    .moreVideoButton{
        width: 80%;
        height: 9%;
        line-height:2.5rem;
        font-size: 0.95rem;
    }
    .first .head{
        height:2.4rem;
        line-height:2.4rem;
        font-size:0.96rem;
    }
    p.onlineConsole {
        /* display: block; */
        line-height: 1rem;
    }
    .head a img {
        width: auto;
        max-width: 1.1rem;
        display: block;
        margin: 0.33rem auto 0;
    }
    .login{
        font-size:0.95rem;
        line-height:2.7rem;
    }
    .courseAccess {
        width: 76%;
        margin: 26% auto 8%;
    }
    .courseAccess a img {
        max-width: 2.8rem;
    }
    .courseAccess a{
        font-size:0.8rem;
    }
    .middleCourseAccess {
        margin: 0 2.3rem;
    }
    .videoPart{
        width:70%;
        height:9rem;
    }
    #myVideo{
        width:95%;
        height:9.3rem;
    }
    .authorityTeamInfo{
        font-size:0.8rem;
        line-height: 1.25rem;
    }
    .authorInfo {
        width: 41%;
    }
    .authorPic, .authorInfo img, .heitou {
        width: 100%;
    }
    .heitou{
        top: 58%;
        font-size:0.6rem;
    }
    .authorName{
        height:2rem;
        line-height:2rem;
        font-size:0.8rem;
    }
    .fifthPart h3{
        font-size:0.8rem;
    }
    .functionContent{
        font-size:0.9rem;
        height:5.4rem;
    }
    .sixty img {
        display: block;
        width: 13.26rem;
        margin: 1.1rem auto 0;
    }
    .sjx {
        border-top: 0.5rem solid #0090dd;
        border-left: 2rem solid transparent;
        border-right: 2rem solid transparent;
        margin: 0 auto;
    }
    .sixty h3{
        font-size:0.8rem;
    }
    .choiceReason{
        height:16rem;
        font-size:0.85rem;
    }
    .payLow{
        width:20%;
        height:16rem;
        line-height:16rem;
    }
    .choiceReasonR{
        height:16rem;
        width:78%;
    }
    .bumanyi{
        width:75%;
        line-height: 7.8rem;
    }
    .zhuangyuan{
        width:75%;
        padding:20% 20% 0 ;
        box-sizing: border-box;
    }
    .qingxi,.fangbian{
        width:23%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding:23% 3%;
    }
    img.next {
        display: block;
        width: 9%;
        position: absolute;
        top: 93%;
        left: 46%;
        margin: 0;
    }
    .sevenPart ul li img {
        display: block;
        width: 3.2rem;
        margin: 0 auto;
        /* margin: 0 0.8rem 0.25rem; */
    }
    .sevenPart ul li p {
        width: 69%;
        text-align: left;
        text-indent: 2em;
        font-size: 0.6rem;
        margin: 0 auto;
    }
    .sevenPart ul li {
        text-align: center;
        height: 5.15rem;
        width: 50%;
        float: left;
        margin: 0 auto;
    }
    .rightNow {
        width: 6rem;
        height: 2.3rem;
        line-height: 2.3rem;
        border: 1px solid #ff5b28;
        color: #ff5b28;
        font-size:0.85rem;
        text-align: center;
        margin-right: 1.2rem;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .orderNow {
        width: 6rem;
        height: 2.3rem;
        line-height: 2.3rem;
        border: 1px solid #ff2828;
        color: #ff2828;
        font-size: 0.85rem;
        text-align: center;
        margin-right: 1.2rem;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .backNow {
        width: 2.7rem;
        height: 2.3rem;
        border: 1px solid #cccccc;
        color: #cccccc;
        font-size: 0.66rem;
        text-align: center;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        box-sizing: border-box;
        padding: 0.35rem 0.6rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .lianxi {
        width: 100%;
        text-align: center;
        height: 40%;
        /* line-height: 40%; */
        border: 3px solid #696957;
        font-size: 0.8rem;
        color: #ffffff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 2% 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .lianxi span {
        font-size: 0.73rem;
        color: #ffffff;
    }
    .ewmWord {
        font-size: 0.53rem;
    }
    .ewmWord2 {
        font-size: 0.66rem;
    }
    .ewmWord3 {
        color: #bbbbbb;
        font-size: 0.56rem;
        line-height: 1.8rem;
    }
    .ewm img {
        display: block;
        width: 3rem;
    }
    .footer {
        width: 100%;
        height: 26%;
        background: rgba(0,0,0,0.5);
        padding: 0.5rem 0.5rem;
        box-sizing: border-box;
    }

}
@media screen and (max-width: 320px) and(min-width: 300px){
    html,body{font-size: 16px;font-family: "微软雅黑";}
    #a1{
        width:80%;
        height:10rem;
        margin:0 auto
    }
    .teacherName{
        font-size:0.8rem;
        line-height:1.6rem;
    }
    .teacherPosition, .teacherExperience {
        font-size: 0.65rem;
    }
    .teacherInfoBox {
        padding-bottom: 0;
    }
    .consoleButton{
        font-size:0.95rem;
        padding-top:4%;
        z-index: 9999;
    }
    .moreVideoButton{
        width: 80%;
        height: 9%;
        line-height:2.5rem;
        font-size: 0.95rem;
    }
    .first .head{
        height:2.4rem;
        line-height:2.4rem;
        font-size:0.96rem;
    }
    p.onlineConsole {
        /* display: block; */
        line-height: 1rem;
    }
    .head a img {
        width: auto;
        max-width: 1.1rem;
        display: block;
        margin: 0.33rem auto 0;
    }
    .login{
        font-size:0.95rem;
        line-height:2.7rem;
    }
    .courseAccess {
        width: 75%;
        margin: 26% auto 8%;
    }
    .courseAccess a img {
        max-width: 2.8rem;
    }
    .courseAccess a{
        font-size:0.8rem;
    }
    .middleCourseAccess {
        margin: 0 2.3rem;
    }
    .videoPart{
        width:70%;
        height:9rem;
    }
    #myVideo{
        width:95%;
        height:9.3rem;
    }
    .authorityTeamInfo{
        font-size:0.8rem;
        line-height: 1.25rem;
    }
    .authorInfo {
        width: 41%;
    }
    .authorPic, .authorInfo img, .heitou {
        width: 100%;
    }
    .heitou{
        top: 58%;
        font-size:0.6rem;
    }
    .authorName{
        height:2rem;
        line-height:2rem;
        font-size:0.8rem;
    }
    .fifthPart h3{
        font-size:0.8rem;
    }
    .functionContent{
        font-size:0.9rem;
        height:5.4rem;
    }
    /*.sixty{*/
        /*width: 100%;*/
        /*height: 100%;*/
        /*background: url("../../img/spread_img/yunduo.png") no-repeat center;*/
        /*background-size: 100% 100%;*/
        /*border-top: 1px solid transparent;*/
        /*position: relative;*/
    /*}*/
    .sixty img {
        display: block;
        width: 13.26rem;
        margin: 1.1rem auto 0;
    }
    .sjx {
        border-top: 0.5rem solid #0090dd;
        border-left: 2rem solid transparent;
        border-right: 2rem solid transparent;
        margin: 0 auto;
    }
    .sixty h3{
        font-size:0.8rem;
    }
    .choiceReason{
        height:16rem;
        font-size:0.85rem;
    }
    .payLow{
        width:20%;
        height:16rem;
        line-height:16rem;
    }
    .choiceReasonR{
        height:16rem;
        width:78%;
    }
    .bumanyi{
        width:75%;
        line-height: 7.8rem;
    }
    .zhuangyuan{
        width:75%;
        padding:20% 20% 0 ;
        box-sizing: border-box;
    }
    .qingxi,.fangbian{
        width:23%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding:23% 3%;
    }
    img.next {
        display: block;
        width: 9%;
        position: absolute;
        top: 93%;
        left: 46%;
        margin: 0;
    }
    .sevenPart ul li img {
        display: block;
        width: 3.2rem;
        margin: 0 auto;
        /* margin: 0 0.8rem 0.25rem; */
    }
    .sevenPart ul li p {
        width: 69%;
        text-align: left;
        text-indent: 2em;
        font-size: 0.6rem;
        margin: 0 auto;
    }
    .sevenPart ul li {
        text-align: center;
        height: 5.35rem;
        width: 50%;
        float: left;
        margin: 0 auto;
    }
    .rightNow {
        width: 6rem;
        height: 2.3rem;
        line-height: 2.3rem;
        border: 1px solid #ff5b28;
        color: #ff5b28;
        font-size:0.85rem;
        text-align: center;
        margin-right: 1.2rem;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .orderNow {
        width: 6rem;
        height: 2.3rem;
        line-height: 2.3rem;
        border: 1px solid #ff2828;
        color: #ff2828;
        font-size: 0.85rem;
        text-align: center;
        margin-right: 1.2rem;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .backNow {
        width: 2.7rem;
        height: 2.3rem;
        border: 1px solid #cccccc;
        color: #cccccc;
        font-size: 0.66rem;
        text-align: center;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        box-sizing: border-box;
        padding: 0.35rem 0.6rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .lianxi {
        width: 100%;
        text-align: center;
        height: 40%;
        /* line-height: 40%; */
        border: 3px solid #696957;
        font-size: 0.8rem;
        color: #ffffff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 2% 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .lianxi span {
        font-size: 0.7rem;
        color: #ffffff;
    }
    .ewmWord {
        font-size: 0.53rem;
    }
    .ewmWord2 {
        font-size: 0.66rem;
    }
    .ewmWord3 {
        color: #bbbbbb;
        font-size: 0.56rem;
        line-height: 1.8rem;
    }
    .ewm img {
        display: block;
        width: 3rem;
    }
    .footer {
        width: 100%;
        height: 26%;
        background: rgba(0,0,0,0.5);
        padding: 0.5rem 0.5rem;
        box-sizing: border-box;
    }

}

@media screen and (max-width: 800px) and(min-width: 500px){
    html,body{font-size:25px;}
    #a1{
        width:57.5%;
        height:13rem;
        margin:0 auto
    }
    .login {
        display: block;
        background: url("https://img9.tongzhuo100.com/m_index/img/spread_img/icon5.png") no-repeat;
        /*background-size: 100% 100%;*/
        width: 55%;
        height: 8%;
        position: absolute;
        top: 80%;
        left: 22%;
        background-size: cover;
        text-align: center;
        line-height: 3rem;
        font-size: 1.2rem;
        color: #ffffff;
    }
    .middleCourseAccess {
        margin: 0 4.7rem;
    }
    .courseAccess {
        width: 70%;
        margin: 23% auto 7%;
    }
    .courseAccess a img {
        display: block;
        width: 6rem;
        margin: 0 auto 0.6rem;
    }
    .moreVideoButton{
        width:80%;
        height:9%;
        padding-top: 0.7%;
        background: #d93f10;
        color: #ffffff;
        font-size: 1.2rem;
        border-radius: 8px;
        position: absolute;
        left: 10%;
        top: 80%;
    }
    .teacherLis {
        width: 32%;
        box-sizing: border-box;
        float: left;
    }
    .teacherInfoBox{
        padding-bottom: 0.1rem;
    }
    .teacherLisS {
        margin: 0 0.45rem;
    }
    .teacherName {
        font-size: 0.9rem;
        line-height: 1.9rem;
        color: #333333;
    }
    .teacherPosition, .teacherExperience {
        font-size: 0.6rem;
        color: #666666;
        line-height: 0.9rem;
    }
    .authorInfo {
        width: 10.5rem;
        box-sizing: border-box;
        float: left;
    }
    .authorPic, .authorInfo img, .heitou {
        width: 100%;
    }
    .authorLis {
        position: absolute;
        top: 27%;
        left: 12.8%;
    }
    .marinR {
        margin-right: 2rem;
    }
    .authorityTeamInfoBox {
        position: absolute;
        top: 12%;
        left: 12%;
        text-align: left;
        letter-spacing: 2px;
    }
    .payLow {
        width: 25%;
        height: 20rem;
        line-height: 22rem;
        background: #fa7000;
    }
    .choiceReasonR {
        width: 73%;
        height: 20rem;
        box-sizing: border-box;
    }
    .bumanyi {
        width: 65%;
        height: 49%;
        line-height: 9.8rem;
        background: #e5636f;
        margin-bottom: 2%;
    }
    .qingxi {
        width: 33%;
        height: 49%;
        background: #459dea;
        padding: 3.5rem 1rem;
        box-sizing: border-box;
        margin-bottom: 2%;
    }
    .fangbian {
        width: 33%;
        height: 49%;
        background: #59bb75;
        padding: 3.5rem 1rem;
        box-sizing: border-box;
    }
    .zhuangyuan {
        width: 65%;
        height: 49%;
        background: #fac200;
        box-sizing: border-box;
        padding: 3.6rem 13% 0;
    }
    .sevenPart ul li {
        text-align: center;
        height: 6.6rem;
        width: 50%;
        float: left;
        margin: 0 auto;
    }
    .footer {
        width: 100%;
        height: 26%;
        background: rgba(0,0,0,0.5);
        padding: 0.5rem 0.5rem;
        box-sizing: border-box;
    }
    .heitou {
        font-size: 0.86rem;
        color: #ffffff;
        background: #333333;
        opacity: 0.8;
        -moz-opacity: 0.8;
        position: absolute;
        top: 88%;
        left: 0%;
    }
    .threeButton {
        width: 84%;
        margin: 0 auto 3%;
    }
    .backNow {
        width: 3.5rem;
        height: 3rem;
        border: 1px solid #cccccc;
        color: #cccccc;
        font-size: 0.86rem;
        text-align: center;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        box-sizing: border-box;
        padding: 0.2rem 0.5rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .rightNow {
        width: 8.33rem;
        height: 3rem;
        line-height: 3rem;
        border: 1px solid #ff5b28;
        color: #ff5b28;
        font-size: 1.2rem;
        text-align: center;
        margin-right: 2.1rem;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .orderNow {
        width: 8.33rem;
        height: 3rem;
        line-height: 3rem;
        border: 1px solid #ff2828;
        color: #ff2828;
        font-size: 1.2rem;
        text-align: center;
        margin-right: 2.1rem;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

}