body,
    html {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .container {
        width: 100%;
        margin-top: 50px;
        padding: 0;
        margin: 0;
    }

    ul,
    li,
    p,
    td {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    /* 手机端头部 */

    .header {
        width: 100%;
        height: 45px;
        position: relative;
        top: 0;
        z-index: 100;
        display: block;
        background: rgb(35, 46, 48);
    }

    .header h1 {
        font-weight: 400;
        text-align: center;
    }

    .header h1 a {
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        text-decoration: none;
        color: #FFFFFF;
    }

    .header .radius a {
        font-size: 25px;
        height: 25px;
        font-weight: 900;
        line-height: 23px;
        display: block;
        text-decoration: none;
        color: #FFFFFF;
    }

    .radius {
        width: 25px;
        height: 25px;
        border: 1px solid #ffffff;
        border-radius: 50%;
        color: #FFFFFF;
        text-align: center;
        position: absolute;
        top: 50%;
        margin-top: -12.5px;
        left: 30px
    }

    .top-banner {
        height: 180px;
        width: 100%;
        background: rgb(43, 190, 161);
        position: relative;
    }

    .top-banner img {
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 10px;
        width: 130px;
        height: 100px;
    }

    .top-banner-content {
        text-align: right;
        width: 70%;
        float: right;
        height: 70%;
        margin-top: 40px;
    }


    .top-banner-content ul {
        margin-left: 10px;
    }

    .top-banner-content ul li:nth-child(1) {
        color: white;
        font-size: 1rem;
        text-align: left;
        width: 70%;
        margin-left: 15%;
        letter-spacing: 0.7em;
        margin-bottom: 10px;
        vertical-align: middle;
    }

    .top-banner-content ul li:nth-child(2) {
        color: white;
        width: 70%;
        height: 40px;
        line-height: 40px;
        margin-left: 15%;
        text-align: left;
        padding-left: 10px;
        letter-spacing: 0.5em;
        border-radius: 5px;
        vertical-align: middle;
        color: #84ccc9;
        background: white;
    }

    .top-banner-content ul li:nth-child(3) {
        height: 25px;
        color: white;
        line-height: 25px;
        font-size: 0.8rem;
        width: 80%;
        margin-left: 10%;
        text-align: center;
        padding-left: 10px;
        margin-top: 10px;
        letter-spacing: 0.5em;
        vertical-align: middle;
    }
    /* 媒体查询 */

    @media (max-width: 320px) {
        .top-banner-content {
            text-align: right;
            width: 70%;
            float: right;
            height: 70%;
            margin-top: 40px;
        }


        .top-banner-content ul {
            margin-left: 10px;
        }

        .top-banner-content ul li:nth-child(1) {
            color: white;
            font-size: 0.5rem;
            text-align: left;
            width: 70%;
            margin-left: 15%;
            letter-spacing: 0.7em;
            margin-bottom: 10px;
            vertical-align: middle;
        }

        .top-banner-content ul li:nth-child(2) {
            color: white;
            width: 70%;
            height: 40px;
            line-height: 40px;
            margin-left: 15%;
            text-align: left;
            padding-left: 10px;
            letter-spacing: 0.3em;
            border-radius: 5px;
            vertical-align: middle;
            color: #84ccc9;
            background: white;
        }

        .top-banner-content ul li:nth-child(3) {
            height: 25px;
            color: white;
            line-height: 25px;
            font-size: 0.7rem;
            width: 80%;
            margin-left: 10%;
            text-align: center;
            padding-left: 10px;
            margin-top: 10px;
            letter-spacing: 0.5em;
            vertical-align: middle;
        }
    }

    .title {
        width: 100%;
        height: 25px;
        display: flex;
        background-image: linear-gradient(rgb(246, 246, 255) 0%, rgb(209, 209, 209) 100%);
    }

    .title .title-nav-img {
        line-height: 25px;
        text-align: center;
        background-image: linear-gradient(rgb(63, 165, 156) 0%, rgb(22, 131, 122) 100%);
        height: 100%;
        width: 10%;
    }

    .title .title-nav-img img {
        margin-top: 5px;
    }

    .title ul {
        height: 25px;
        line-height: 25px;
        width: 90%;
        display: flex;
    }

    .title ul li {
        flex: 1;
        color: rgb(43, 190, 161);
        font-size: 0.5rem;
        font-weight: 700;
        text-align: center;
    }
    /* 现状特点 */

    .Characteristic {
        width: 100%;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .Characteristic-title {
        color: rgb(43, 190, 161);
        text-align: center;
        font-size: 1rem;
        letter-spacing: .3em;
    }

    .Characteristic table {
        width: 90%;
        margin-left: 5%;
        margin-top: 20px
    }

    .thefirstlist td {
        text-align: center;
        width: 25%;
        position: relative;
        height: 80px;
    }

    .thefirstlist td p {
        width: 70px;
        height: 70px;
        position: absolute;
        left: 50%;
        top: 0;
        color: white;
        font-size: 3rem;
        line-height: 75px;
        background: rgb(132, 204, 201);
        border-radius: 50%;
        margin-left: -35px;
    }

    .thefirstlist td:nth-child(2) p {
        background: rgb(250, 205, 137);
    }

    .thefirstlist td:nth-child(3) p {
        background: rgb(241, 158, 194);
    }

    .thefirstlist td:nth-child(4) p {
        background: rgb(126, 206, 244);
    }

    .thesecondlist td {
        height: 120px;
        position: relative;
    }

    .thesecondlist .thesecondlist-content {
        position: absolute;
        top: 0;
        width: 90%;
        height: 120px;
        border: 2px solid rgb(43, 190, 161);
    }
    /* 媒体查询 */

    @media (max-width:320px) {
        .thesecondlist td {
            height: 240px;
            position: relative;
        }

        .thesecondlist .thesecondlist-content {
            position: absolute;
            top: 0;
            width: 90%;
            height: 240px;
            border: 2px solid rgb(43, 190, 161);
        }
        .title ul li {
            flex: 1;
            color: rgb(43, 190, 161);
            transform: scale(0.8);
            font-size: 0.5rem;
            font-weight: 700;
            text-align: center;
        }
    }

    .thesecondlist td:nth-child(2) .thesecondlist-content {
        border: 2px solid rgb(255, 247, 153);
    }

    .thesecondlist td:nth-child(3) .thesecondlist-content {
        border: 2px solid rgb(241, 158, 194);
    }

    .thesecondlist td:nth-child(4) .thesecondlist-content {
        border: 2px solid rgb(126, 206, 244);
    }

    .thesecondlist .thesecondlist-content span {
        color: black;
        font-size: 0.8rem;
        height: 15px;
        line-height: 15px;
        display: block;
        text-align: center;
    }

    .thesecondlist .thesecondlist-content p {
        font-weight: 900;
        font-size: .5rem;
        top: 10px;
        position: absolute;
        transform: scale(0.8);
    }
    /* 最合适的选择 */

    .choose {
        background: url(../images/picture_back.png) center no-repeat;
        background-size: 100% 100%;
        height: 150px;
        padding-top: 30px;
    }

    .choose table {
        width: 90%;
        margin-left: 5%;
        text-align: center;
        color: white;
        font-weight: 900;
        font-size: 0.5rem;
    }

    .choose table tr td p {
        background-color: rgb(43, 190, 161);
        border: 1px solid white;
		width: 80%;
		height: 30px;
		line-height: 30px;
		margin-left: 10%;
    }
    /* 独自备考的现状 */

    .content-four {
        width: 100%;
        padding-top: 20px;
    }

    .content-four-title {
        font-size: 1.2rem;
        font-weight: 900;
        text-align: center;
        color: rgb(43, 190, 161);
        width: 100%;
        letter-spacing: 10px;
    }

    .content-four-picture {
        display: flex;
        width: 80%;
        margin-top: 10px;
        height: 50px;
        margin-left: 10%;
    }

    .content-four-picture img {
        width: 23%;
        height: 50px;
        margin-left: 2%;
        display: inline-block;
    }

    .content-four-text {
        display: flex;
        width: 80%;
        margin-left: 10%;
        margin-top: 10px;
    }

    .content-four-text p {
        flex: 1;
        font-size: 0.7rem;
        text-align: center;
        color: rgb(43, 190, 161);
    }
    /* 立即加入 */

    .content-five {
        background: url(../images/picture7.png) center no-repeat;
        background-size: 100% 100%;
        height: 130px;
        margin-top: 10px;
        position: relative;
    }

    .content-five p {
        font-size: 1rem;
        width: 100%;
        position: absolute;
        display: block;
        letter-spacing: 2px;
        text-align: center;
        font-weight: 900;
        color: rgb(43, 190, 161);
    }

    .content-five p:nth-child(1) {
        top: 40px;
    }

    .content-five p:nth-child(2) {
        top: 60px;
    }

    .content-five button {
        height: 27px;
        width: 25%;
        position: absolute;
        margin-left: 37.5%;
        bottom: 10px;
        border: 0;
        font-weight: 800;
        font-size: 1rem;
        color: rgb(255, 255, 255);
        background: rgb(43, 190, 161);
    }
    /* 课程优势 */

    .content-six {
        background: url(../images/content-six-back.png) center no-repeat;
        background-size: 100% 100%;
        height: 200px;
        position: relative;
    }

    .content-six table {
        text-align: center;
        position: absolute;
        width: 80%;
        margin-left: 10%;
        top: 20px;
    }

    .content-six table td img {
        width: 50px;
        height: 50px;
    }

    .content-six table th {
        padding: 2px 0;
    }

    .content-six table th {
        font-size: 1.5rem;
        color: rgb(43, 190, 161);
        font-weight: 800;
    }
	.content-six table td{
		padding-top: 5px;
	}
    .content-six table td p {
        font-size: 0.8rem;
        width: 60%;
        margin-left: 20%;
        color: rgb(43, 190, 161);
        font-weight: 800;
    }
    /* 课程方案 */

    .content-seven .content-seven-title {
        width: 100%;
    }

    .content-seven-title img {
        width: 100%;
    }

    .content-seven-table {
        width: 100%;
    }

    .content-seven-table-one,
    .content-seven-table-two,
    .content-seven-table-three,
    .content-seven-table-four {
        width: 90%;
        margin-top: 20px;
        font-size: 0.5rem;
        margin-left: 5%;
        text-align: center;
    }

    .content-seven-table-two.content-seven-table-three {
        margin-top: 10px;
    }

    .content-seven-table-one td,
    .content-seven-table-two td,
    .content-seven-table-three td,
    .content-seven-table-four td {
        background-color: #e9e7e6;
    }

    .content-seven-table-one tr td {
        padding: 2px 0;
        height: 40px;
    }

    .content-seven-table-one tr:nth-child(1) td {
        font-size: 0.5rem;
        color: #000000;
        font-weight: 900;
        font-family: MFYiHei_Noncommercial-Regular;
        background: rgb(43, 190, 161);
    }

    .content-seven-table-two tr td {
        padding: 2px 0;
        height: 40px;
    }

    .content-seven-table-two tr:nth-child(1) th,
    .content-seven-table-four tr:nth-child(1) td {
        font-size: 0.5rem;
        color: #000000;
        font-weight: 900;
        font-family: MFYiHei_Noncommercial-Regular;
        background: rgb(43, 190, 161);
    }

    .content-seven-table-three tr td {
        padding: 2px 0;
        height: 23px;
    }

    .content-seven-table-three tr:nth-child(1) th {
        font-size: 0.5rem;
        color: #000000;
        font-weight: 900;
        font-family: MFYiHei_Noncommercial-Regular;
        background: rgb(43, 190, 161);
    }

    .content-seven-table-three tr:nth-child(2) td {
        font-family: MicrosoftYaHei-Bold;
        font-size: 0.5rem;
        font-weight: 700;
    }

    .content-seven-table-four tr td {
        padding: 5px 0;
        height: 30px;
    }

    .content-seven-table-four tr:nth-child(1) th {
        font-size: 0.5rem;
        color: #000000;
        font-weight: 900;
        font-family: MFYiHei_Noncommercial-Regular;
        background: rgb(43, 190, 161);
    }

    .content-seven-table-four tr:nth-child(2) td {
        font-family: MicrosoftYaHei-Bold;
        font-size: 0.5rem;
        font-weight: 700;
    }

    .content-seven-table-four tr:nth-child(2) td,
    .content-seven-table-four tr:nth-child(3) td {
        font-family: MicrosoftYaHei-Bold;
        font-size: 0.5rem;
        font-weight: 700;
        background: #ACD6DF;
    }

    .content-seven-table table tr td img {
        height: 15px;
        width: 15px;
    }

    .company-number {
        width: 60%;
        font-size: 1rem;
        margin-left: 20%;
        text-align: center;
        margin-top: 20px;
        padding: 5px;
        background: rgb(43, 190, 161);
        color: rgb(255, 255, 255);
    }

    .teacher-team {
        width: 100%;
        margin-top: 20px;
    }

    .teacher-team-title p {
        width: 100%;
        font-size: 1.5rem;
        color: rgb(43, 190, 161);
        text-align: center;
        font-weight: 900;
    }
    /*课程师资*/

    .teacher-team {
        width: 100%;
        position: relative;
        height: 270px;
    }

    .teacher-team-back {
        position: absolute;
        height: 110px;
        width: 100%;
        top: 82%;
        background: rgb(132, 204, 201);
        margin-top: -150px;
    }
    /*上课实情*/

    .botton-content {
        width: 100%;
    }
    /* 手机端尾部 */

    .botton-content img {
        width: 100%;
    }

    .bottom-mobile {
        background: #333;
        display: block;
        font-size: 12px;
        margin-bottom: 50px;
        color: #fff;
        text-align: center;
        padding: 20px 5px 25px;
    }

    .fd-ma {
        overflow: hidden;
    }

    .fd-ma .txt {
        width: 100%;
        text-align: center;
    }

    .fd-ma .pic {
        float: left;
        width: 50%;
        text-align: center;
    }

    .fd-ma .pic .img {
        width: 61px;
        display: inline-block;
        vertical-align: top;
        margin: 0 2px;
    }

    .fd-ma .pic .img img {
        display: block;
        width: 61px;
        height: 61px;
        margin: 0 auto 5px;
    }

    .fd-logo {
        margin-bottom: 5px;
    }

    .fd-logo img {
        height: 38px;
    }

    .fd-addr {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .f-nav {
        overflow: hidden;
        display: block;
        position: fixed;
        left: 0;
        height: 50px;
        line-height: 50px;
        right: 0;
        bottom: 0;
        z-index: 900;
        background: #fff;
        border-top: 1px #e5e5e5 solid;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .f-nav li {
        float: left;
        height: 100%;
        list-style: none;
        width: 50%;
    }

    .f-nav li a {
        display: block;
        padding: 5px 0 7px;
        height: 100%;
        font-size: 12px;
        text-decoration: none;
        color: #454545;
        line-height: 1;
        text-align: center;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-right: 1px #efefef solid;
    }

    .f-nav li:last-child a {
        border: none;
    }

    .f-nav li.on a {
        color: #df2928;
    }

    .f-nav i {
        display: block;
        height: 30px;
        width: 30px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 auto;
    }

    .f-nav .icon1 {
        background-image: url(http://www.shtqky.com/Templates/cn.utf/wap/images/icon12.png)/*tpa=http://www.shtqky.com/Templates/cn.utf/wap/images/icon12.png*/
        ;
    }

    .f-nav .icon2 {
        background-image: url(http://www.shtqky.com/Templates/cn.utf/wap/images/icon15.png)/*tpa=http://www.shtqky.com/Templates/cn.utf/wap/images/icon15.png*/
        ;
    }

    .f-nav li.on .icon1 {
        background-image: url(../../../images/icon12-1.png)/*tpa=http://www.shtqky.com/Templates/cn.utf/wap/images/icon12-1.png*/
        ;
    }

    .f-nav li.on .icon2 {
        background-image: url(../../../images/icon15-1.png)/*tpa=http://www.shtqky.com/Templates/cn.utf/wap/images/icon15-1.png*/
        ;
    }
    /*******************************
	    -------[=正文]-------
	********************************/

    .f-nav-w {
        overflow: hidden;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 900;
        background: #fff;
        border-top: 1px #e5e5e5 solid;
    }

    .f-nav-w li {
        float: left;
        width: 25%;
    }

    .f-nav-w li a {
        display: block;
        padding: 5px 0 7px;
        font-size: 12px;
        color: #454545;
        line-height: 1;
        text-align: center;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-right: 1px #efefef solid;
    }

    .f-nav-w li:last-child a {
        border: none;
    }
    /* .f-nav-w li.on a{color: #df2928;} */

    .f-nav-w i {
        display: block;
        height: 35px;
        width: 35px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 auto;
    }

    .f-nav-w .icon1 {
        background-image: url(../../../images/tqjy/wap/icon12.png)/*tpa=http://www.shtqky.com/Templates/cn.utf/wap/images/icon12.png*/
        ;
        width: 50px;
        height: 100px;
    }

    .f-nav-w .icon2 {
        background-image: url(../../../images/tqjy/wap/icon13.png)/*tpa=http://www.shtqky.com/Templates/cn.utf/wap/images/icon13.png*/
        ;
        width: 50px;
        height: 100px;
    }

    .f-nav-w .icon3 {
        background-image: url(../../../images/tqjy/wap/icon14.png)/*tpa=http://www.shtqky.com/Templates/cn.utf/wap/images/icon14.png*/
        ;
        width: 50px;
        height: 100px;
    }

    .f-nav-w .icon4 {
        background-image: url(../../../images/tqjy/wap/icon15.png)/*tpa=http://www.shtqky.com/Templates/cn.utf/wap/images/icon15.png*/
        ;
        width: 50px;
        height: 100px;
    }