/*公共样式*/


/*公共样式--开始*/

html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
    margin: 0;
    padding: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    font-family: "Microsoft YaHei";
    color: #333;
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
}


/*h1, h2, h3, h4, h5, h6{font-weight:normal;}*/

ul,
ol {
    list-style: none;
}

img {
    border: none;
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: #232323;
}

table {
    border-collapse: collapse;
    table-layout: fixed;
}

input,
textarea,
button {
    outline: none;
    border: none;
}

textarea {
    resize: none;
    overflow: auto;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: ".";
    width: 0;
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    overflow: hidden;
}

.fl {
    float: left
}

.fr {
    float: right
}

.tl {
    text-align: left;
}

.tc {
    text-align: center
}

.tr {
    text-align: right;
}

.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/*公共样式and*/

@media screen and (min-width: 750px) {
    html,
    body {
        font-size: 14px;
    }
    /*分页*/
    .page_div {
        text-align: center;
        margin: 90px auto;
        font-size: 15px;
        color: #666666;
        box-sizing: border-box;
    }
    /*分页上一页下一页*/
    .page-item {
        display: inline-block;
    }
    /*
     * 页数按钮样式
     */
    .page_div a {
        min-width: 30px;
        height: 28px;
        border: 1px solid #dce0e0 !important;
        text-align: center;
        margin: 0 4px;
        cursor: pointer;
        line-height: 28px;
        color: #666666;
        font-size: 13px;
        display: inline-block;
    }
    #firstPage,
    #lastPage {
        width: 50px;
        color: #0073A9;
        border: 1px solid #0073A9 !important;
    }
    #prePage,
    #nextPage {
        width: 70px;
        color: #0073A9;
        border: 1px solid #0073A9 !important;
    }
    .page_div .current {
        background-color: #0073A9;
        border-color: #0073A9;
        color: #FFFFFF;
    }
    .totalPages {
        margin: 0 10px;
    }
    .totalPages span,
    .totalSize span {
        color: #0073A9;
        margin: 0 5px;
    }
    /*分页and*/
    /*首页*/
    .Home {
        width: 100%;
        min-width: 1200px;
        padding-top: 80px;
        overflow: hidden;
    }
    .Home li {
        list-style-type: none;
    }
    /*home-banner*/
    #focus-banner {
        position: relative;
        width: 100%;
        min-width: 1200px;
        overflow: hidden;
    }
    #focus-banner-list {
        position: relative;
    }
    #focus-banner-list li {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    .focus-banner-img {
        display: block;
        width: 100%;
        min-width: 1200px;
        height: 377px;
    }
    #focus-banner .focus-handle {
        position: absolute;
        display: none;
        top: 50%;
        margin-top: -40px;
        z-index: 100;
        width: 80px;
        height: 80px;
        background-image: url("./../img/focus_handle.png");
    }
    #focus-banner:hover .focus-handle {
        display: block;
    }
    #next-img {
        left: 0;
    }
    #next-img {
        left: 50px;
        background-position: 0 0;
    }
    #next-img:hover {
        background-position: 0 -80px;
    }
    #prev-img {
        right: 0;
    }
    #prev-img {
        right: 50px;
        background-position: -80px 0;
    }
    #prev-img:hover {
        background-position: -80px -80px;
    }
    #focus-bubble {
        position: absolute;
        left: 50%;
        bottom: 10px;
        z-index: 999;
    }
    #focus-bubble li {
        float: left;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border: 1px #fff solid;
        cursor: pointer;
    }
    #focus-bubble li a {
        display: block;
        width: 100%;
        height: 100%;
        filter: alpha(opacity=0);
        opacity: 0;
    }
    #focus-bubble li.current {
        background-color: #fff;
    }
    /*home-banner and*/
    .home-advert {
        width: 100%;
        min-width: 1200px;
        height: 130px;
        margin-top: 110px;
        background: url("./../img/advert.png") no-repeat;
        background-size: 1940px 100%;
        background-position: center center;
    }
    .home-advert>div {
        width: 1200px;
        padding-top: 20px;
        margin: 0 auto;
    }
    .home-advert-erwm {
        display: inline-block;
        width: 80px;
        height: 80px;
        float: right;
        margin: 0 32px;
        border-radius: 3px;
        vertical-align: center;
        background: #ffffff;
    }
    .home-advert span {
        display: inline-block;
        float: right;
        color: #ffffff;
        line-height: 24px;
        margin-top: 15px;
        text-shadow: 3px 2px 5px #888888;
    }
    /*.carousel{*/
    /*margin: 0 auto;*/
    /*width:1940px;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    /*overflow: hidden;*/
    /*}*/
    /*.carousel img{*/
    /*width: 100%;*/
    /*}*/
    .Qualified {
        width: 1200px;
        margin: 0 auto;
    }
    .Qualified-title {
        font-size: 24px;
        line-height: 44px;
        margin: 30px 0 0;
        text-align: center;
        font-weight: normal;
    }
    .Qualified-title span {
        display: inline-block;
        letter-spacing: 3px;
        border-bottom: 4px solid #f5b00b;
    }
    .Qualified-title a {
        font-size: 18px;
        color: #f5b00b;
    }
    .Qualified-content {
        width: 1200px;
        margin: 0 auto;
        padding-bottom: 30px;
        border-radius: 3px;
    }
    .Qualified-content>a {
        margin-top: 30px;
        position: relative;
        display: inline-block;
        float: left;
        margin-right: 15px;
        padding: 20px 24px;
        width: 288px;
        top: 0;
        /*height: 280px;*/
        -webkit-box-shadow: 1px 1px 22px 0 #ccc;
        -moz-box-shadow: 1px 1px 22px 0 #ccc;
        box-shadow: 1px 1px 22px 0 #ccc;
        transition: top .3s;
        -moz-transition: top .3s;
        /* Firefox 4 */
        -webkit-transition: top .3s;
        /* Safari and Chrome */
        -o-transition: top .3s;
        /* Opera */
    }
    .Qualified-content>a .img {
        width: 288px;
        position: absolute;
        bottom: -24px;
        left: 0;
    }
    .Qualified-content>a:hover {
        top: -10px;
    }
    .Qualified-content>a:nth-child(4n+0) {
        margin-right: 0;
    }
    .Qualified-content b {
        display: inline-block;
        font-style: normal;
        line-height: 18px;
        font-size: 12px;
        color: #ffffff;
        padding: 0 12px;
        margin-left: -14px;
        margin-bottom: 14px;
        border-radius: 50px;
        background: #f5b00b;
    }
    .Qualified-content h5 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 18px;
        height: 48px;
        line-height: 24px;
    }
    .Qualified-period {
        display: inline-block;
        height: 38px;
        color: #666;
        margin-top: 18px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .Qualified-period i {
        margin-right: 10px;
    }
    .Qualified-teacher {
        display: inline-block;
        position: relative;
        width: 100%;
        padding: 10px 0 0;
        border-bottom: 1px solid #ccc;
    }
    .Qualified-teacher li {
        display: inline-block;
        height: 64px;
        float: left;
        margin-left: 17px;
        font-size: 12px;
        text-align: center;
    }
    .Qualified-teacher li:nth-child(1) {
        margin-left: 0;
    }
    .Qualified-teacher img {
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        margin-bottom: 12px;
    }
    .Qualified-teacher li span {
        font-size: 12px;
        margin-left: 10px;
    }
    .Qualified-price {
        margin-top: 16px;
        line-height: 26px;
        color: #666;
    }
    .Qualified-price h2 {
        display: inline-block;
        font-size: 16px;
        float: right;
        color: #f5740b;
    }
    .Qualified-price h2 span {
        font-size: 22px;
    }
    /*继续*/
    /*头部*/
    .header {
        position: absolute;
        top: 0;
        width: 100%;
        min-width: 1200px;
        height: 80px;
        background: #fff;
        -webkit-box-shadow: 1px 1px 20px #ccc;
        -moz-box-shadow: 1px 1px 20px #ccc;
        box-shadow: 1px 1px 20px #ccc;
    }
    .header-content {
        width: 1200px;
        margin: 0 auto;
    }
    .header-logo {
        display: inline-block;
    }
    .header ul {
        display: inline-block;
        margin-left: 60px;
    }
    .header ul li {
        display: inline-block;
        line-height: 80px;
        padding: 0 25px;
    }
    .header ul .active {
        color: #f5b00b;
    }
    .header-login {
        display: inline-block;
        line-height: 80px;
        float: right;
        margin-right: 60px;
    }
    .header-login a {
        margin: 0 22px;
    }
    .header-login .active {
        color: #f5b00b;
    }
    .header-login1 {
        display: none;
        line-height: 80px;
        float: right;
        margin-right: 60px;
    }
    .header-login1 a {
        margin-left: 20px;
    }
    .header-login1 img {
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    /*头部and*/
    /*底部*/
    .Bottom {
        width: 100%;
        min-width: 1200px;
        font-size: 12px;
        color: #c3c2c2;
        background: #454545;
    }
    .service {
        width: 1200px;
        height: 224px;
        padding-top: 50px;
        margin: 0 auto;
    }
    .service>div {
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
    }
    .service-title {
        color: #f0f0f0;
        padding-bottom: 15px;
    }
    .service>div a {
        display: block;
        line-height: 35px;
        color: #c3c2c2;
    }
    .about {
        width: 230px;
    }
    .contact {
        width: 360px;
    }
    .contact .consult {
        color: #dba256;
        width: 95px;
        margin-top: 10px;
        line-height: 22px;
        text-align: center;
        border: 1px solid #dba256;
        border-radius: 5px;
    }
    .follow-gz {
        display: inline-block;
        margin: -5px 65px 0;
        text-align: center;
    }
    .follow-gz .follow-gz-img {
        position: relative;
        width: 110px;
        height: 110px;
        background: #ffffff;
    }
    .follow-gz:nth-child(2) .follow-gz-img img {
        width: 100px;
        height: 100px;
    }
    .follow-gz .follow-gz-img img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .follow-gz a {
        color: #dba256 !important;
    }
    .copyright {
        line-height: 45px;
        text-align: center;
        background: #323232;
    }
    .float-top {
        position: fixed;
        right: 0;
        bottom: 30%;
    }
    .float-top a {
        display: block;
        width: 80px;
        height: 80px;
        cursor: pointer;
        margin-bottom: 25px;
        border-radius: 10px;
        overflow: hidden;
    }
    .float-top .rt-top {
        background: url("./../img/top_03.png");
    }
    .float-top .rt-top:active {
        background: url("./../img/top_05.png");
    }
    /*底部and*/
    /*登录*/
    .Login {
        height: 770px;
        padding-top: 80px;
        background: url("./../img/login-gj.png") no-repeat;
    }
    .Login-box {
        width: 1200px;
        margin: 0 auto;
    }
    .logins {
        width: 440px;
        float: right;
        margin-top: 130px;
        margin-right: 95px;
        background: #ffffff;
        -webkit-box-shadow: 1px 1px 20px 0 #999;
        -moz-box-shadow: 1px 1px 20px 0 #999;
        box-shadow: 1px 1px 20px 0 #999;
    }
    .logins-title {
        width: 100%;
    }
    .logins-title>span {
        display: inline-block;
        width: 50%;
        float: left;
        text-align: center;
    }
    .logins a {
        display: inline-block;
        width: 100%;
        line-height: 80px;
        background: #e6e6e6;
    }
    .logins .active {
        background: #fff;
    }
    .Sign {
        position: relative;
        width: 440px;
        height: 340px;
        padding: 60px 70px 0;
        text-align: right;
        box-sizing: border-box;
        background: #ffffff;
    }
    .Sign>input {
        width: 100%;
        height: 40px;
        padding-left: 45px;
        border: 1px solid #ccc;
    }
    .Sign .sjtb {
        position: absolute;
        top: 69px;
        left: 85px;
    }
    .Sign .gban {
        position: absolute;
        top: 69px;
        right: 80px;
    }
    .Sign .cwicon {
        position: absolute;
        top: 69px;
        right: 40px;
    }
    .Sign .mmtb {
        position: absolute;
        top: 140px;
        left: 85px;
    }
    .forgetmm {
        display: inline-block;
        line-height: 70px;
    }
    .forgetmm a {
        color: #f49110;
        background: #fff;
    }
    .Sign>a {
        display: inline-block;
        width: 100%;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
        background: url("./../img/dlan.png") no-repeat;
    }
    /*登录and*/
    /*注册*/
    .Register {
        position: relative;
        width: 440px;
        padding: 60px 70px 0;
        text-align: right;
        background: #ffffff;
    }
    .Register input {
        width: 100%;
        height: 40px;
        padding-left: 15px;
        border: 1px solid #ccc;
    }
    .Register .gban {
        position: absolute;
        top: 69px;
        right: 80px;
    }
    .Register .cwicon {
        position: absolute;
        top: 69px;
        right: 40px;
    }
    .zh-prompt,
    .zh-prompt2 {
        display: block;
        width: 100%;
        height: 32px;
        padding-top: 5px;
        color: #ec0a0a;
    }
    .getveri,
    .getveri2 {
        width: 150px;
        line-height: 39px;
        position: absolute;
        top: 132px;
        right: 71px;
        color: #ffffff;
        font-size: 16px;
        cursor: pointer;
        text-align: center;
        background: #f49110;
    }
    .getveri2 {
        background: #ccc;
        cursor: not-allowed;
    }
    .forgetmm {
        display: inline-block;
        line-height: 70px;
    }
    .forgetmm a {
        color: #f49110
    }
    .Register>a {
        display: inline-block;
        width: 100%;
        color: #fff;
        margin-top: 30px;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
        background: url("./../img/dlan.png") no-repeat;
    }
    /*注册and*/
    /*教师资格证*/
    .Certificate {
        width: 100%;
        min-width: 1200px;
        padding-top: 80px;
        margin: 0 auto;
    }
    .Certificate-title {
        height: 140px;
        line-height: 140px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        padding: 0 30px;
        background: -webkit-linear-gradient(top, #ffdd7b, #ffaf36);
        /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(top, #ffdd7b, #ffaf36);
        /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(top, #ffdd7b, #ffaf36);
        /* Firefox 3.6 - 15 */
        background: linear-gradient(top, #ffdd7b, #ffaf36);
        /* 标准的语法 */
    }
    .Certificate-box {
        width: 1200px;
        padding: 20px 0;
        margin: 30px auto 20px;
    }
    .Certificate-type {
        width: 100%;
        padding-left: 60px;
    }
    .Certificate-choice {
        display: inline-block;
        padding: 25px 0;
        vertical-align: top;
        margin-right: 14px;
        color: #666;
    }
    .Certificate-link {
        display: inline-block;
        padding: 25px 0;
    }
    .Certificate-ul {
        display: inline-block;
        padding: 25px 0;
        max-width: 1060px;
        height: 67px;
    }
    .Certificate-ul li a {
        display: inline-block;
        line-height: 20px;
        padding: 0 10px;
    }
    .Certificate-ul li .active {
        background: url("./img/login-gj.png") no-repeat;
    }
    .Certificatetype {
        display: inline-block;
        padding: 25px 0;
    }
    .Certificate-ul li {
        display: inline-block;
        line-height: 20px;
        padding: 0 14px;
        margin-bottom: 15px;
        cursor: pointer;
        border-radius: 50px;
    }
    .Certificate-ul .active {
        color: #ffffff;
        background: -webkit-linear-gradient(top left, #fea60d, #fece0a);
        background: -o-linear-gradient(top left, #fea60d, #fece0a);
        /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(top left, #fea60d, #fece0a);
        /* Firefox 3.6 - 15 */
        background: linear-gradient(top left, #fea60d, #fece0a);
        /* 标准的语法 */
    }
    /*人气价格排序*/
    .sort-content {
        width: 100%;
        min-width: 1200px;
        background: #f5f3f4;
    }
    .sort-text {
        width: 1200px;
        margin: 0 auto;
        padding: 0 60px;
        line-height: 40px;
    }
    .sort-text span {
        margin-right: 14px;
    }
    .sort-text ul {
        display: inline-block;
    }
    .sort-text li {
        display: inline-block;
        padding: 0 10px;
    }
    .sort-text .active {
        color: #f67307;
    }
    .Certificate .Qualified-content a {
        /*margin-top: 60px;*/
    }
    /*课程介绍*/
    .viewdetails {
        width: 100%;
        min-width: 1200px;
        padding-top: 80px;
        background: #f7f7f7;
    }
    .viewdetails-header {
        width: 1200px;
        margin: 0 auto 20px;
        background: #FFFFFF;
    }
    .details-img {
        display: inline-block;
        padding: 40px;
        vertical-align: top;
    }
    .details-img img {
        width: 420px;
        height: 240px;
    }
    .details-img video {
        width: 420px;
        height: 240px;
        background: #000;
    }
    .details-brief {
        display: inline-block;
        padding-top: 40px;
        padding-right: 40px;
    }
    .details-brief h2 {
        width: 620px;
        margin-top: 5px;
        margin-bottom: 20px;
        font-size: 22px;
    }
    .details-brief p {
        width: 620px;
        line-height: 32px;
        /*溢出隐藏*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .details-brief p span {
        margin-left: 15px;
    }
    .Course-time i {
        cursor: pointer;
    }
    .Course-time q {
        position: relative;
        display: none;
        line-height: 30px;
        padding: 0 14px;
        border: 1px solid #ccc;
        font-size: 12px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .Course-time q:after {
        content: '';
        display: inline-block;
        position: absolute;
        width: 10px;
        height: 10px;
        left: -7px;
        top: 9px;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        transform: rotate(-45deg);
        background: #fff;
        -webkit-transform: rotate(-45deg);
    }
    .price-brief span {
        color: #fea70d;
        line-height: 40px;
    }
    .price-brief span b {
        font-size: 24px;
    }
    .price-purchase {
        margin-top: 10px;
    }
    .price-purchase span {
        color: #666;
        font-size: 12px;
    }
    .price-purchase a {
        display: inline-block;
        margin-right: 14px;
        color: #fea70d;
        padding: 0 30px;
        line-height: 40px;
        border: 1px solid #fea70d;
        border-radius: 50px;
    }
    .price-purchase .active {
        color: #ffffff;
        background: #fea70d;
    }
    .viewdetails-content {
        width: 1200px;
        margin: 0 auto;
    }
    .v-content-left {
        display: inline-block;
        width: 858px;
        padding: 0 28px;
        margin-bottom: 30px;
        background: #fff;
    }
    .v-top-box {
        display: none;
        position: fixed;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 99;
        height: 82px;
        -webkit-box-shadow: 1px 1px 20px #ccc;
        -moz-box-shadow: 1px 1px 20px #ccc;
        box-shadow: 1px 1px 20px #ccc;
    }
    .v-top {
        width: 1200px;
        margin: 0 auto;
    }
    .v-top-ul {
        width: 858px;
        display: inline-block;
        vertical-align: middle;
    }
    .v-top-ul li {
        display: inline-block;
        width: 33.33%;
        line-height: 80px;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        cursor: pointer;
        float: left;
    }
    .v-top-ul li:hover {
        color: #ffa80d;
        border-bottom: 2px solid #ffa80d;
    }
    .v-top-ul .active {
        color: #ffa80d;
        border-bottom: 2px solid #ffa80d;
    }
    .v-top-buy {
        display: inline-block;
        width: 300px;
        margin-left: 12px;
        line-height: 40px;
    }
    .v-top-buy span {
        display: inline-block;
        vertical-align: middle;
        margin-left: 35px;
        font-size: 24px;
        color: #ffa80d;
    }
    .v-top-buy a {
        display: inline-block;
        color: #FFFFFF;
        padding: 0 35px;
        float: right;
        border-radius: 50px;
        background: #ffa80d;
    }
    .v-content-left-ul {
        width: 100%;
        display: inline-block;
    }
    .v-content-left-ul li {
        display: inline-block;
        width: 33.33%;
        line-height: 80px;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        cursor: pointer;
        border-bottom: 2px solid #f7f7f7;
        float: left;
        background: #FFFFFF;
    }
    .v-content-left-ul li:hover {
        color: #ffa80d;
        border-bottom: 2px solid #ffa80d;
    }
    .v-content-left-ul .active {
        color: #ffa80d;
        border-bottom: 2px solid #ffa80d;
    }
    .v-content-left-list {
        display: none;
        padding: 30px 0;
        min-height: 1155px;
    }
    .v-content-left-list>p>img {
        width: 100%;
    }
    .v-content-left-list h3 {
        padding: 0 30px;
        font-size: 18px;
    }
    .v-content-left-list ul li {
        line-height: 45px;
        margin-top: 20px;
        background: #f7f7f7;
    }
    .v-content-left-list ul li .lint-title {
        display: block;
    }
    .v-content-left-list-ul {
        margin-bottom: 30px;
    }
    .v-content-left-list-ul li a {
        display: inline-block;
        position: relative;
        width: 100%;
        padding: 0 20px;
    }
    .v-content-left-list-ul li a img {
        display: block;
        float: left;
        margin-top: 14px;
        vertical-align: middle;
    }
    .v-content-left-list-ul span {
        display: inline-block;
    }
    .v-content-left-list-ul .lint-title {
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .v-content-left-list-ul .btn {
        position: absolute;
        right: 20px;
        bottom: 14px;
        line-height: 20px;
        background: #e2e2e2;
    }
    .btn i {
        color: #f5b00b;
    }
    .v-content-left-list-ul .list-time {}
    .v-content-left-list-ul .list-name {
        float: right;
        margin-top: -45px;
    }
    .v-introduce {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #eee;
        padding: 32px 0;
    }
    .v-introduce-tx {
        position: relative;
        display: inline-block;
        width: 90px;
        height: 90px;
        overflow: hidden;
        margin: 0 30px 0 45px;
        border: 3px solid #ffa80d;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        vertical-align: center;
    }
    .v-introduce img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .v-introduce-content {
        display: inline-block;
        width: 610px;
    }
    .v-introduce-title {
        line-height: 50px;
    }
    .v-introduce-title h4 {
        display: inline-block;
        font-size: 20px;
    }
    .v-introduce-title span {
        margin-left: 35px;
    }
    .v-introduce-content p {
        line-height: 26px;
    }
    .off {
        display: block !important;
    }
    .v-content-right {
        display: inline-block;
        float: right;
        width: 330px;
    }
    .v-right {
        padding: 5px 10px;
        background: #fff;
    }
    .v-right .v-right-title {
        display: inline-block;
        width: 100%;
        line-height: 40px;
        border-bottom: 1px solid #eee;
    }
    .v-right .v-right-title img {
        margin: 15px;
    }
    .v-right ul {
        padding: 10px 0;
    }
    .v-right ul li {
        position: relative;
        line-height: 34px;
        padding: 0 25px;
    }
    .v-right .v-right-title-ts {
        display: none;
        position: absolute;
        width: 230px;
        padding: 12px 12px;
        top: -5px;
        left: -230px;
        font-size: 12px;
        line-height: 22px;
        background: #FFFFFF;
        border: 2px solid #eee;
    }
    .v-right-title-ts:after {
        content: '';
        display: inline-block;
        position: absolute;
        width: 10px;
        height: 10px;
        right: -7px;
        top: 14px;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        transform: rotate(-45deg);
        background: #fff;
        -webkit-transform: rotate(-45deg);
    }
    .v-right ul li:hover {
        background: #f7f7f7;
    }
    .v-right-a {
        display: inline-block;
        position: relative;
        padding: 35px 30px;
        width: 330px;
        margin-top: 20px;
        background: #fff;
        top: 0;
        overflow: hidden;
        -webkit-box-shadow: 1px 1px 22px 0 #ccc;
        -moz-box-shadow: 1px 1px 22px 0 #ccc;
        box-shadow: 1px 1px 22px 0 #ccc;
        transition: top .3s;
        -moz-transition: top .3s;
        /* Firefox 4 */
        -webkit-transition: top .3s;
        /* Safari and Chrome */
        -o-transition: top .3s;
        /* Opera */
    }
    .v-right-a:hover {
        top: -10px;
    }
    .v-right-a b {
        position: absolute;
        display: inline-block;
        top: 13px;
        left: -27px;
        width: 100px;
        line-height: 20px;
        color: #FFFFFF;
        text-align: center;
        background: #ffa80d;
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        /* IE 9 */
        -moz-transform: rotate(-45deg);
        /* Firefox */
        -webkit-transform: rotate(-45deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(-45deg);
        /* Opera */
    }
    .v-right-a h5 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 18px;
        line-height: 24px;
    }
    /*立即购买*/
    .commodity {
        padding-top: 80px;
        background: #f7f7f7;
        padding-bottom: 30px;
    }
    .commodity-header {
        width: 1200px;
        margin: 25px auto;
        padding: 25px 50px;
        background: #FFFFFF;
    }
    .commodity-header>h2 {
        font-size: 18px;
    }
    .commodity-img {
        display: inline-block;
        / / position: relative;
        width: 370px;
        height: 260px;
        padding: 30px 15px;
        vertical-align: top;
    }
    .commodity-img img {
        / / position: absolute;
        width: 100%;
        height: 100%;
    }
    .commodity-brief {
        display: inline-block;
        padding-top: 40px;
        padding-right: 40px;
        margin-left: 25px;
    }
    .commodity-brief h2 {
        margin-top: 5px;
        margin-bottom: 20px;
        font-size: 22px;
    }
    .commodity-brief p {
        line-height: 32px;
    }
    .commodity-brief p span {
        margin-left: 15px;
    }
    .Course-time i {
        cursor: pointer;
    }
    .commodity-brief-number {
        color: #666;
        margin-top: 10px;
        font-size: 12px;
    }
    .commodity-content {
        width: 1200px;
        margin: 0 auto;
        padding: 25px 40px;
        background: #FFFFFF;
    }
    .commodity-content h3 {
        font-size: 18px;
        line-height: 60px;
    }
    .commodity-content h3 span {
        display: inline-block;
        width: 140px;
        line-height: 40px;
        color: #fff;
        margin-left: 20px;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        border: 5px solid;
        border-color: #ffa80d;
        background: #ffa80d;
    }
    .commodity-coupon {
        margin: 25px 10px;
        padding: 35px 30px;
        background: #fdf7ec;
    }
    .commodity-coupon li {
        line-height: 40px;
        font-size: 16px;
    }
    .commodity-coupon h4 {
        display: inline-block;
    }
    .commodity-coupon li input {
        width: 20px;
        height: 20px;
        margin-right: 20px;
        vertical-align: middle;
    }
    .commodity-coupon li b {
        font-size: 22px;
        color: #ffa80d;
    }
    .commodity-text {
        display: inline-block;
        float: right;
        text-align: right;
        margin-top: 70px;
    }
    .commodity-text span {
        font-size: 16px;
        line-height: 40px;
        padding-right: 10px;
    }
    .commodity-text b {
        color: #ffa80d;
    }
    .commodity-text .commodity-text-cope {
        font-size: 20px;
        padding-right: 0;
        line-height: 45px;
    }
    .commodity-text-cope b {
        font-size: 26px;
    }
    .commodity-button {
        line-height: 40px;
        font-size: 16px;
        margin-top: 20px;
    }
    .commodity-button form {
        display: none;
    }
    .commodity-button .addform {
        display: block;
    }
    .commodity-button a,
    .commodity-button input {
        display: inline-block;
        width: 140px;
        line-height: 40px;
        color: #fff;
        margin-left: 20px;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        background: #cdcdcd;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }
    .commodity-button .active {
        background: #ffa80d;
    }
    .commodity-text p {
        display: inline-block;
        font-size: 16px;
        margin-top: 40px;
        padding-bottom: 20px;
    }
    .commodity-text p i {
        cursor: pointer;
    }
    .yyd-i1 {
        display: none;
    }
    .commodity-text p a {
        color: #ffa80d;
    }
    /*商品详情收货地址*/
    .newaddress {
        padding: 20px 20px;
        margin-bottom: 20px;
        background: #f7f7f7;
    }
    .newaddress .personal-content-text-title {
        padding-left: 44px;
    }
    .newaddress p {
        margin-bottom: 40px;
        font-size: 16px;
        font-weight: bold;
    }
    .newaddress form {
        padding: 0 44px;
    }
    .newaddress span {
        display: inline-block;
        width: 70px;
    }
    .newaddress input {
        line-height: 40px;
        height: 40px;
        width: 300px;
        padding-left: 15px;
        margin-right: 65px;
        margin-bottom: 30px;
        border: 1px solid #eee;
    }
    .newaddress select {
        width: 180px;
        height: 40px;
        margin-left: 5px;
        margin-bottom: 30px;
        padding-left: 10px;
        border-color: #eee;
    }
    .newaddress .details {
        width: 575px;
    }
    .newaddress-button {
        margin-bottom: 30px;
        text-align: center;
    }
    .newaddress-button a {
        display: inline-block;
        width: 100px;
        line-height: 40px;
        color: #FFFFFF;
        margin: 0 30px;
        font-size: 16px;
        border-radius: 50px;
        background: #ccc;
    }
    .newaddress-button a:nth-child(1) {
        background: #ffa80d;
    }
    .address-list {
        padding: 25px 25px;
        margin-bottom: 20px;
        border: 1px solid #ccc;
    }
    .address-list .address-dg {
        display: inline-block;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        vertical-align: sub;
        background: #dddddd;
    }
    .address-list.active .address-dg {
        background: #ffa80d;
    }
    .address-list-text {
        display: inline-block;
        margin-left: 35px;
        vertical-align: middle;
    }
    .address-list-text span {
        display: inline-block;
        min-width: 200px;
        font-size: 16px;
        line-height: 45px;
    }
    .address-list a {
        display: inline-block;
        float: right;
        margin-top: 25px;
        width: 100px;
        line-height: 40px;
        color: #FFFFFF;
        text-align: center;
        border-radius: 50px;
        font-size: 16px;
        background: #ccc;
    }
    .commodity-content .address-list:hover {
        border-color: #ffa80d;
    }
    .commodity-content .active {
        border-color: #ffa80d;
    }
    /*支付中心*/
    .commodity-header .address-list {
        border: none;
        margin-top: 30px;
        background: #fdf7ec;
    }
    .cfmode {
        margin-top: 10px;
        margin-bottom: 50px;
    }
    .cfmode span {
        display: inline-block;
        position: relative;
        border: 2px solid transparent;
        border-radius: 3px;
        margin-right: 20px;
    }
    .cfmode img {}
    .cfmode .confirm {
        position: absolute;
        opacity: 0;
        bottom: -8px;
        right: -8px;
    }
    .cfmode .active {
        border-color: #ffa80d;
    }
    .dy {
        animation: myfirst .3s;
        -moz-animation: myfirst .3s;
        /* Firefox */
        -webkit-animation: myfirst .3s;
        /* Safari and Chrome */
        -o-animation: myfirst .3s;
        /* Opera */
    }
    @keyframes myfirst {
        20% {
            border-color: #ff490d;
        }
        40% {
            border-color: #ffa80d;
        }
        60% {
            border-color: #ff490d;
        }
        80% {
            border-color: #ffa80d;
        }
        100% {
            border-color: #ff490d;
        }
    }
    @-moz-keyframes myfirst
    /* Firefox */
    {
        20% {
            border-color: #ff490d;
        }
        40% {
            border-color: #ffa80d;
        }
        60% {
            border-color: #ff490d;
        }
        80% {
            border-color: #ffa80d;
        }
        100% {
            border-color: #ff490d;
        }
    }
    @-webkit-keyframes myfirst
    /* Safari and Chrome */
    {
        20% {
            border-color: #ff490d;
        }
        40% {
            border-color: #ffa80d;
        }
        60% {
            border-color: #ff490d;
        }
        80% {
            border-color: #ffa80d;
        }
        100% {
            border-color: #ff490d;
        }
    }
    @-o-keyframes myfirst
    /* Opera */
    {
        20% {
            border-color: #ff490d;
        }
        40% {
            border-color: #ffa80d;
        }
        60% {
            border-color: #ff490d;
        }
        80% {
            border-color: #ffa80d;
        }
        100% {
            border-color: #ff490d;
        }
    }
    /*支付成功*/
    .paySuccess {
        width: 100%;
        min-width: 1200px;
        padding-top: 80px;
        padding-bottom: 30px;
        background: #f7f7f7;
    }
    .paySuccess-content {
        width: 1200px;
        margin: 0 auto;
    }
    .paySuccess-title {
        width: 1200px;
        height: 120px;
        margin-top: 25px;
        padding: 34px 75px;
        line-height: 52px;
        font-size: 24px;
        color: #fff;
        background: -webkit-linear-gradient(left, #fea60d, #fece0a);
        background: -o-linear-gradient(left, #fea60d, #fece0a);
        /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(left, #fea60d, #fece0a);
        /* Firefox 3.6 - 15 */
        background: linear-gradient(left, #fea60d, #fece0a);
        /* 标准的语法 */
    }
    .paySuccess-title span {
        margin-left: 40px;
    }
    .paySuccess-text {
        width: 1200px;
        font-size: 18px;
        padding: 25px 35px;
        line-height: 46px;
        background: #fff;
    }
    .paySuccess-text>p {
        padding: 0 60px;
    }
    .paySuccess-text-button {
        padding: 35px 60px;
        line-height: 40px;
        border-bottom: 1px dashed #ffa80d;
    }
    .paySuccess-text-button a {
        display: inline-block;
        width: 160px;
        color: #ffa80d;
        margin-right: 25px;
        text-align: center;
        border-radius: 50px;
    }
    .paySuccess-text-button .active {
        color: #FFFFFF;
        background: #ffa80d;
    }
    .paySuccess-footer {
        padding: 30px 35px;
        line-height: 40px;
    }
    .paySuccess-follow-content {
        display: inline-block;
        line-height: 40px;
    }
    .paySuccess-follow-title {
        color: #ffa80d;
    }
    .paySuccess-follow-title img {
        margin-right: 15px;
    }
    .paySuccess-steps {
        margin-left: 36px;
    }
    .paySuccess-footer a {
        display: inline-block;
        color: #ffa80d;
        width: 160px;
        text-align: center;
        float: right;
        margin-top: 20px;
        border: 1px solid #ffa80d;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }
    /*招聘公告*/
    .notice {
        padding: 80px 0 30px;
        width: 100%;
        background: #f7f7f7;
    }
    .notice-title {
        width: 1200px;
        padding: 30px 15px;
        margin: 0 auto;
    }
    .notice-title span {
        margin: 0 10px;
    }
    .notice-title span:nth-child(2) {
        font-size: 16px;
    }
    .notice-content {
        width: 1200px;
        margin: 0 auto;
        padding: 80px 40px;
        background: #FFFFFF;
    }
    .notice-content h2 {
        font-size: 26px;
        text-align: center;
    }
    .notice-source {
        font-size: 20px;
        margin-top: 25px;
        color: #666;
        text-align: center;
        line-height: 60px;
    }
    .notice-text-main {
        line-height: 28px;
        font-size: 16px;
        padding: 10px 45px;
        border-top: 1px solid #eee;
    }
    .notice-main-title {
        margin: 40px 0;
    }
    .notice-main-title b {
        color: #ffa80d;
    }
    .enclosure {
        font-size: 16px;
        padding: 10px 45px;
    }
    .enclosure-title {
        color: #ffa80d;
        padding: 0 20px;
        line-height: 45px;
    }
    .enclosure-list {
        padding: 10px 60px;
        font-weight: bold;
        background: #f6f6f6;
    }
    .enclosure-list a {
        display: inline-block;
        width: 100%;
        line-height: 35px;
        color: #fb9323;
    }
    .enclosure-addr {
        font-size: 18px;
        margin-top: 40px;
        text-align: right;
        line-height: 38px;
        font-weight: bold;
    }
    .enclosure-Share {
        margin-top: 70px;
        line-height: 32px;
    }
    /*招聘公告列表*/
    .notice .Certificate-type {
        width: 1200px;
        padding: 30px 0 30px 60px;
        margin: 35px auto;
        background: #fff;
    }
    .notice-listbox {
        width: 1200px;
        margin: 0 auto;
        padding: 34px 40px;
        background: #FFFFFF;
    }
    .notice-listbox-title {
        line-height: 50px;
        font-size: 16px;
        border-bottom: 1px dashed #ccc;
    }
    .notice-listbox-title span {
        margin-left: 15px;
    }
    .notice-listbox-title b {
        font-size: 18px;
        margin-left: 5px;
        color: #ffa80d;
    }
    .notice-datelist {
        padding: 0 40px;
    }
    .notice-date {
        display: inline-block;
        width: 58px;
        margin-top: 24px;
        color: #fff;
        text-align: center;
        overflow: hidden;
        vertical-align: top;
        background: #bfbfbf;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }
    .notice-date span {
        display: inline-block;
        width: 100%;
        line-height: 33px;
    }
    .notice-date span:nth-child(1) {
        color: #333;
        background: #f3f3f3;
    }
    .notice-datelist-ul {
        display: inline-block;
        width: 945px;
        margin-left: 30px;
    }
    .notice-datelist-ul li {
        line-height: 38px;
        padding: 20px 5px;
        color: #666;
        border-bottom: 1px solid #ccc;
    }
    .notice-datelist-ul li a {
        display: inline-block;
        width: 100%;
        font-size: 16px;
    }
    /*课程详情*/
    .coursedetails {
        width: 1200px;
        margin: 0 auto 15px;
        padding: 60px 90px;
        background: #FFFFFF;
    }
    .coursedetails .details-brief {
        padding: 0 0;
    }
    .coursedetails .details-brief h2 {
        font-size: 24px;
    }
    .coursedetails .Course-time {
        font-size: 18px;
        font-weight: bold;
    }
    /*常见问题*/
    .v-problem {
        padding: 25px 15px;
        border-bottom: 1px dashed #ccc;
    }
    .v-problem-title {
        line-height: 40px;
        color: #ffa80d;
        font-size: 20px;
        font-weight: bold;
    }
    .v-problem-title span {
        display: inline-block;
        width: 40px;
        height: 40px;
        color: #ffffff;
        font-size: 18px;
        margin-right: 15px;
        text-align: center;
        border-radius: 50%;
        background: #ffa80d;
    }
    .v-problem-content {
        margin-top: 15px;
    }
    .v-problem-content span {
        display: inline-block;
        width: 40px;
        height: 40px;
        color: #ffffff;
        font-size: 18px;
        line-height: 40px;
        margin-right: 15px;
        text-align: center;
        border-radius: 50%;
        background: #ccc;
        vertical-align: top;
    }
    .v-problem-text {
        display: inline-block;
        width: 695px;
        line-height: 30px;
        font-size: 16px;
        margin-left: 15px;
    }
    .v-problem-text i {
        font-style: normal;
        color: #ffa80d;
    }
    /*个人中心*/
    .personal {
        width: 100%;
        padding-top: 80px;
        background: #f7f7f7;
    }
    .personal-main {
        width: 1200px;
        min-height: 600px;
        margin: 20px auto 0;
    }
    .personal-nav {
        display: inline-block;
        position: fixed;
        top: 100px;
        width: 180px;
        height: 330px;
        background: #ffffff;
    }
    .personal-nav .active {
        background: #f5ca11;
    }
    .personal-nav li:hover {
        background: #f5ca11;
    }
    .personal-nav li {
        display: inline-block;
        width: 180px;
        font-size: 16px;
        line-height: 60px;
    }
    .personal-nav a {
        display: inline-block;
        width: 180px;
        text-align: center;
    }
    .personal-content {
        width: 1000px;
        /* min-height: 600px; */
        padding: 12px 35px;
        margin-left: 200px;
        background: #ffffff;
    }
    /*个人中心-我的课程*/
    .personal-content-title {
        height: 48px;
        border-bottom: 1px solid #ccc;
    }
    .personal-content-title .personal-content-type {
        position: relative;
        display: inline-block;
        width: 95px;
        padding-left: 10px;
        margin-right: 40px;
        cursor: pointer;
    }
    .personal-content-type>span {
        position: relative;
        display: inline-block;
        line-height: 45px;
    }
    .personal-content-type>span:after {
        content: '';
        display: inline-block;
        position: absolute;
        width: 7px;
        height: 7px;
        right: -15px;
        top: 16px;
        border-bottom: 1px solid #333;
        border-left: 1px solid #333;
        transform: rotate(-45deg);
        background: #fff;
        -webkit-transform: rotate(-45deg);
    }
    .personal-content-title .personal-content-drop {
        position: absolute;
        display: none;
        right: 0;
        width: 80px;
        text-align: center;
        box-shadow: 1px 1px 5px #ccc;
    }
    .personal-content-drop span {
        display: inline-block;
        width: 100%;
        font-size: 12px;
        line-height: 30px;
        background: #FFFFFF;
    }
    .personal-content-drop span:hover {
        background: #f7f7f7;
    }
    .personal-content-type .active .personal-content-drop {
        display: block;
    }
    .personal-content-type .no .personal-content-drop {
        display: none;
    }
    .personal-list {
        width: 930px;
        padding: 20px 0;
    }
    .personal-detail-content {
        width: 100%;
        padding: 14px 8px;
        margin-top: 23px;
        background: #f7f7f7;
    }
    .personal-detail-img {
        display: inline-block;
        width: 180px;
        height: 120px;
        vertical-align: top;
    }
    .personal-detail-img img {
        width: 100%;
        height: 100%;
    }
    .personal-detail-text {
        display: inline-block;
        width: 720px;
        height: 120px;
        padding: 5px 25px;
        font-size: 16px;
        line-height: 36px;
    }
    .personal-detail-text h3 span {
        display: inline-block;
        font-size: 12px;
        line-height: 28px;
        color: #FFFFFF;
        padding: 0 20px;
        border-radius: 50px;
        background: #ccc;
    }
    .personal-detail-text h3 .active {
        background: #ffa80d;
    }
    .personal-detail-text h3 i {
        color: #ffa80d;
        margin-left: 10px;
        font-size: 12px;
        font-style: normal;
    }
    .personal-detail-date {
        color: #666;
    }
    .personal-detail-qqq {
        color: #666;
        font-size: 12px;
    }
    .personal-detail-qqq span {
        margin-left: 5px;
    }
    .personal-detail-qqq a {
        color: #666;
        float: right;
    }
    .personal-prompt-bj {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(51, 51, 51, 0.5);
        z-index: 9;
    }
    .personal-prompt {
        position: absolute;
        width: 720px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        /* 50%为自身尺寸的一半 */
        -webkit-transform: translate(-50%, -50%);
        background: #FFFFFF;
    }
    .personal-prompt .personal-prompt-title {
        height: 50px;
        line-height: 50px;
        padding: 0 35px;
        background: -webkit-linear-gradient(left, #fea60d, #fece0a);
        background: -o-linear-gradient(left, #fea60d, #fece0a);
        /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(left, #fea60d, #fece0a);
        /* Firefox 3.6 - 15 */
        background: linear-gradient(left, #fea60d, #fece0a);
        /* 标准的语法 */
    }
    .personal-prompt-title a {
        display: inline-block;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 22px;
        margin-top: 10px;
        color: #FFFFFF;
        font-size: 30px;
        border: 2px solid #FFFFFF;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        float: right;
    }
    .personal-prompt-content {
        width: 100%;
        height: 280px;
        padding: 40px 90px;
    }
    .personal-prompt-img {
        display: inline-block;
        vertical-align: top;
    }
    .personal-prompt-text {
        display: inline-block;
        width: 450px;
        color: #666;
        font-weight: bold;
    }
    .personal-prompt-text p {
        padding: 0 20px;
        font-size: 20px;
        line-height: 40px;
    }
    .personal-prompt-an {
        margin-top: 50px;
        font-size: 16px;
    }
    .personal-prompt-an a {
        display: inline-block;
        line-height: 50px;
        width: 160px;
        color: #666;
        border-radius: 50px;
        text-align: center;
        background: -webkit-linear-gradient(left, #fea60d, #fece0a);
        background: -o-linear-gradient(left, #fea60d, #fece0a);
        /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(left, #fea60d, #fece0a);
        /* Firefox 3.6 - 15 */
        background: linear-gradient(left, #fea60d, #fece0a);
        /* 标准的语法 */
    }
    .personal-prompt-an .active {
        margin-left: 70px;
        background: #ccc;
    }
    /*个人中心修改密码*/
    .personal-content-seat {
        height: 48px;
        line-height: 48px;
        color: #666;
        cursor: pointer;
        border-bottom: 1px solid #ccc;
    }
    .personal-content-seat span {
        padding: 0 10px;
    }
    .personal-content-seat .xgmm {
        color: #ffa80d;
    }
    .personal-list-form {
        margin-top: 50px;
        margin-left: -100px;
        text-align: center;
    }
    .personal-list-form span {
        display: inline-block;
        line-height: 40px;
        min-width: 70px;
        margin-top: 30px;
        text-align: right;
    }
    .personal-list-form input {
        display: inline-block;
        width: 300px;
        margin-left: 20px;
        margin-top: 30px;
        padding-left: 14px;
        line-height: 40px;
        border: 1px solid #ccc;
    }
    .personal-list-form .personal-list-form-an {
        margin-top: 50px;
    }
    .personal-list-form a {
        display: inline-block;
        line-height: 40px;
        width: 100px;
        color: #FFFFFF;
        margin: 0 25px;
        border-radius: 50px;
        background: #ffa80d;
    }
    .personal-list-form a:nth-child(2) {
        background: #ccc;
    }
    /*个人资料*/
    .personal-content-grzl {
        display: inline-block;
        padding: 0 10px;
        line-height: 46px;
        margin-left: 0 !important;
        color: #666;
    }
    .personal-content-seat .active {
        color: #ffa80d;
        border-bottom: 2px solid #ffa80d;
    }
    .personal-form-img {
        display: inline-block;
        margin-bottom: 30px;
    }
    .personal-form-img .personal-form-tx {
        position: relative;
        width: 160px;
        height: 160px;
        border-radius: 50%;
    }
    .personal-form-img .personal-form-tx img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .personal-form-img img {
        position: absolute;
        border-radius: 50%;
    }
    .personal-form-upload {
        position: relative;
        height: 30px;
    }
    .personal-form-upload input {
        position: absolute;
        left: -30px;
        width: 100px;
        height: 30px;
        margin-top: 20px;
        margin-left: 0;
        opacity: 0;
        cursor: pointer;
    }
    .inpsubmit {
        opacity: 1 !important;
        left: 100px !important;
        color: #ffa80d;
        background: #FFFFFF !important;
        border: none !important;
        line-height: 30px !important;
    }
    .personal-form-upload span {
        display: inline-block;
        position: absolute;
        left: -30px;
        width: 100px;
        margin-top: 20px;
        text-align: center;
        line-height: 30px;
        color: #ffa80d;
        background: #FFFFFF !important;
    }
    .personal-list-form .active {
        display: inline-block;
        width: 300px;
        margin-left: 20px;
        padding-left: 20px;
        text-align: left;
    }
    .personal-list-form .active a {
        text-align: center;
        line-height: 30px;
        margin-left: 0;
    }
    /*个人中心我的优惠券*/
    .personal-coupon {
        padding: 20px 10px;
    }
    .personal-coupon-list {
        float: left;
        margin-top: 20px;
        margin-right: 35px;
        overflow: hidden;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .personal-coupon-list:nth-child(3n+0) {
        margin-right: 0;
    }
    .personal-coupon-list:nth-child(odd) {
        background: url("./img/coupon_01.png") no-repeat;
    }
    .personal-coupon-list:nth-child(even) {
        background: url("./img/coupon_02.png") no-repeat;
    }
    .personal-coupon-list:nth-child(4n+0) {
        background: url("./img/coupon_03.png") no-repeat;
    }
    .personal-coupon-sum {
        width: 280px;
        height: 185px;
        padding: 20px 0;
    }
    .personal-coupon-sum p {
        padding: 10px 0;
        color: #FFFFFF;
        font-size: 60px;
        text-align: center;
    }
    .personal-coupon-sum span {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 20px;
    }
    .personal-coupon-text {
        height: 115px;
        line-height: 40px;
        padding: 12px 30px;
        text-align: center;
        border-top: none;
    }
    .personal-coupon-text span {
        color: #666;
    }
    .personal-coupon-text a {
        display: inline-block;
        width: 140px;
        margin-top: 8px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        border: 1px solid #666;
    }
    /*个人中心我的订单*/
    .personal-list table {
        display: none;
        margin-top: 20px;
        width: 100%;
        text-align: center;
    }
    .personal-list table tr {
        border-bottom: 1px dashed #ccc;
    }
    .personal-list table th {
        background: #fff8df;
        line-height: 60px;
    }
    .personal-list table td {
        height: 120px;
        line-height: 34px;
    }
    .personal-list table tr:nth-child(1),
    .personal-list table tr:last-child {
        border: none;
    }
    .personal-list table h3 {
        overflow: hidden;
        padding: 0 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 16px;
        line-height: 36px;
    }
    .personal-list table .td-date {}
    .personal-list table a {
        margin: 0 5px;
    }
    .personal-list table a:hover {
        color: #ffa80d;
    }
    .personal-list .add .Refund {
        color: #fe8209;
    }
    .add {
        display: block !important;
    }
    /* 退费申请 */
    .personal-content-Apply {
        color: #ffa80d;
    }
    .personal-content-seat img {
        width: 9px;
        height: 13px;
    }
    .personal-content-form {
        width: 1000px;
        /* min-height: 600px; */
        padding: 12px 35px;
        margin-top: 10px;
        margin-left: 200px;
        background: #ffffff;
    }
    .personal-content-biao {
        padding-top: 10px;
        padding-left: 46px;
    }
    .personal-content-biao .personal-content-text-title {
        padding: 20px 0 0;
    }
    .personal-content-biao>span {
        display: inline-block;
        width: 80px;
        font-size: 16px;
        vertical-align: middle;
    }
    .personal-content-biao input {
        padding-left: 10px;
        margin-top: 30px;
        width: 300px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #d4d4d4;
    }
    .personal-content-biao p {
        padding-left: 80px;
        padding-top: 18px;
    }
    .personal-content-pay {
        display: inline-block;
        margin-top: 30px;
        width: 300px;
        /* height: 40px; */
    }
    .personal-content-pay div {
        display: inline-block;
        cursor: pointer;
    }
    .personal-content-pay i {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid #666666;
        border-radius: 50%;
        vertical-align: middle;
    }
    .personal-content-pay .active i {
        border: 4px solid #fe8209;
    }
    .personal-content-pay span {
        margin-right: 50px;
    }
    .personal-content-btn {
        display: inline-block;
        padding: 10px 64px;
        margin: 100px 120px 70px;
        font-size: 16px;
        color: #ffffff;
        border-radius: 50px;
        background: #fea70d;
    }
    .personal-content-popupbox {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .3);
        z-index: 99;
    }
    .personal-content-popup {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 860px;
        height: 321px;
        border-radius: 5px;
        overflow: hidden;
        background: #ffffff;
    }
    .personal-content-popup-title {
        padding-left: 50px;
        padding-right: 10px;
        line-height: 60px;
        background: rgb(253, 209, 51);
    }
    .personal-content-popup-title span {
        float: right;
        font-size: 36px;
        cursor: pointer;
    }
    .personal-content-text {
        padding: 40px 0;
        text-align: center;
    }
    .personal-content-text-title {
        padding: 0 80px 22px;
        font-size: 16px;
        text-align: left;
        color: rgb(251, 127, 8);
    }
    .personal-content-text-title i {
        display: inline-block;
        padding: 3px 0;
        margin-right: 10px;
        width: 26px;
        /* height: 26px; */
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        border-radius: 50%;
        background: rgb(251, 127, 8);
        font-style: normal;
    }
    .personal-content-text-btn {
        text-align: center;
    }
    .personal-content-text-button a {
        display: inline-block;
        padding: 14px 0;
        margin-left: 58px;
        width: 230px;
        height: 68px;
        font-size: 16px;
        text-align: center;
        border-radius: 5px;
        background: #e8e8e8;
        vertical-align: middle;
    }
    .personal-content-text-button a:nth-child(2) {
        padding: 22px 0;
        color: #ffffff;
        background: #feaa0d;
    }
    .personal-content-text-btn a {
        display: inline-block;
        padding-top: 54px;
        padding-bottom: 54px;
        margin: 0 9px;
        width: 340px;
        font-weight: bold;
        box-shadow: 2px 3px 5px 1px #cccccc;
        font-size: 20px;
        vertical-align: middle;
    }
    .personal-content-text-btn a:nth-child(2) {
        padding-top: 41px;
        padding-bottom: 41px;
        background: rgb(255, 213, 63)
    }
    .personal-content-examine {
        width: 1000px;
        /* min-height: 600px; */
        padding: 12px 35px;
        margin-left: 200px;
        margin-bottom: 18px;
        background: #ffffff;
    }
    .personal-content-schedule {
        margin-top: 55px;
        text-align: center;
    }
    .personal-content-schedule p {
        display: inline-block;
        margin-top: 42px;
        margin-bottom: 20px;
        padding: 30px 100px;
        line-height: 30px;
        width: 847px;
        font-size: 16px;
        text-align: left;
        background: rgba(254, 199, 9, .1);
    }
    /*物流信息*/
    .personal-topic,
    .personal-Addr {
        width: 100%;
        height: 110px;
        font-size: 16px;
        line-height: 38px;
        padding: 20px 50px;
        font-weight: bold;
    }
    .personal-topic {
        margin-top: 20px;
        background: #fec709;
    }
    .personal-Addr span {
        margin-right: 20px;
    }
    .personal-topic-content {
        margin-top: 50px;
        padding: 0 80px;
    }
    /*收货地址*/
    /*关于我们*/
    .abouts {
        width: 100%;
        min-width: 1200px;
        padding-top: 80px;
        overflow: hidden;
    }
    .abouts-logo {
        width: 100%;
        min-width: 1200px;
        height: 360px;
        background: url("./../img/about.png") no-repeat;
        background-position: center;
    }
    .abouts-list {
        width: 100%;
        min-width: 1200px;
        height: 100px;
        background: #f7f7f7;
    }
    .abouts-list p {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        line-height: 96px;
    }
    .abouts-list ul {
        width: 1200px;
        margin: 0 auto;
    }
    .abouts-list ul li {
        width: 33%;
        float: left;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        line-height: 96px;
        cursor: pointer;
        border-bottom: 4px solid #f7f7f7;
    }
    .abouts-list ul .active {
        border-color: #ffa80d;
    }
    .abouts-content {
        width: 1200px;
        margin: 0 auto;
        padding: 50px 0;
    }
    .abouts-content>p {
        font-size: 14px;
        font-family: 宋体;
        line-height: 30px;
    }
    .abouts-content>h3 {
        margin-top: 10px;
        line-height: 30px;
    }
    .abouts-content li {
        display: none;
    }
    .abouts-content li .us-p {
        font-size: 14px;
        font-family: 宋体;
        text-indent: 50px;
        line-height: 30px;
    }
    .abouts-content .active {
        display: block;
    }
    .abouts-content .abouts-recruit-title {
        line-height: 50px;
        font-size: 20px;
        color: #ffa80d;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
    }
    .abouts-recruit-text {
        margin-top: 20px;
        margin-bottom: 30px;
        padding: 0 20px;
        line-height: 32px;
        font-size: 16px;
        font-weight: bold;
    }
    .abouts-map {
        width: 1080px;
        margin: 0 auto;
        padding: 15px 15px;
        background: #fdedbe;
    }
    .abouts-map-text {
        width: 1080px;
        font-size: 18px;
        font-weight: bold;
        line-height: 34px;
        margin: 50px auto;
    }
    .abouts-map-text span {
        display: inline-block;
        width: 430px;
    }
    .retrieve {
        padding-top: 100px;
        padding-bottom: 20px;
        width: 100%;
        background: #f7f7f7;
    }
    .retrieve-content {
        width: 1200px;
        margin: 0 auto;
        padding: 0 30px;
        background: #FFFFFF;
    }
    .retrieve-title {
        color: #ffa80d;
        line-height: 50px;
        border-bottom: 1px solid #cccccc;
    }
    .retrieve-text {
        width: 100%;
        padding-bottom: 30px;
    }
    .retrieve-text .Register {
        margin: 0 auto;
    }
    .retrieve-text .Register a {
        width: 30%;
        margin: 30px 27px;
        border-radius: 50px;
        background: #ffa80d;
    }
    /*微信支付*/
    .header-logo span {
        display: inline-block;
        margin-left: 15px;
        padding-left: 15px;
        line-height: 26px;
        vertical-align: -webkit-baseline-middle;
        border-left: 1px solid #666;
    }
    .wxpay {
        padding-top: 110px;
        padding-bottom: 30px;
        background: #f7f7f7;
    }
    .wxpay-content {
        width: 1200px;
        margin: 0 auto;
        padding: 70px 0;
        background: #FFFFFF;
    }
    .wxpay-left {
        float: left;
        width: 710px;
        border-right: 1px dashed #ffa80d;
        text-align: center;
    }
    .wxpay-left .wxpay-title {
        display: inline-block;
        font-size: 24px;
        line-height: 24px;
    }
    .wxpay-ewm {
        position: relative;
        width: 200px;
        height: 200px;
        margin: 40px auto;
        overflow: hidden;
        border: 7px solid #c3c2c2;
    }
    .wxpay-ewm img {
        position: absolute;
        max-width: 180px;
        max-height: 180px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .wxpay-sys span {
        display: inline-block;
        vertical-align: middle;
    }
    .wxpay-right {
        display: inline-block;
        margin-left: 124px;
    }
    /* APP下载页 */
    .App-top {
        min-width: 1200px;
        height: 742px;
        background: url('./../img/app_01.jpg')no-repeat;
        background-position: center;
    }
    .App-box {
        padding-top: 373px;
        margin: 0 auto;
        width: 1200px;
        height: 200px;
    }
    .App-ewm {
        position: relative;
        display: inline-block;
        width: 237px;
        height: 237px;
        background: #ffffff;
        vertical-align: bottom;
    }
    .App-ewm img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 95%;
        height: 95%;
        margin: auto;
    }
    .App-btn {
        display: inline-block;
        margin-left: 96px;
    }
    .App-btn .xz-Connect {
        display: inline-block;
        margin-left: 24px;
        margin-bottom: 40px;
        width: 280px;
        height: 72px;
        line-height: 72px;
        font-size: 28px;
        box-shadow: 2px 3px 4px 2px rgba(160, 104, 2, 0.26);
        text-align: center;
        border-radius: 50px;
        background: #ffffff;
    }
    .App-btn .xz-Connect:hover {
        background: #fbd03f;
    }
    .App-btn .xz-Connect img {
        margin-right: 24px;
    }
    .App-img1 {
        min-width: 1200px;
        height: 720px;
        background: url('./../img/app_02.jpg')no-repeat;
        background-position: center;
    }
    .App-img2 {
        min-width: 1200px;
        height: 720px;
        background: url('./../img/app_03.jpg')no-repeat;
        background-position: center;
    }
    .App-img {
        display: block;
        margin: 0 auto;
    }
    .App-bottom {
        min-width: 1200px;
        height: 324px;
        background: #fbd03f
    }
    .App-bottom .App-box {
        padding-top: 45px;
        text-align: center;
    }
    .App-bottom .App-ewm {
        vertical-align: top;
    }
    .App-bm-btn {
        display: inline-block;
        margin-left: 50px;
        padding-top: 38px;
    }
    .App-bm-btn p {
        margin-bottom: 54px;
        font-size: 43px;
        text-align: left;
    }
    .App-bm-btn .xz-Connect {
        display: inline-block;
        margin-right: 40px;
        width: 280px;
        height: 72px;
        line-height: 72px;
        font-size: 28px;
        box-shadow: 2px 3px 4px 2px rgba(160, 104, 2, 0.26);
        text-align: center;
        border-radius: 50px;
        background: #ffffff;
    }
    .App-bm-btn .xz-Connect:hover {
        background: #fbd03f;
    }
    .App-bm-btn .xz-Connect img {
        margin-right: 24px;
    }
    /* IOS安装说明 */
    .APP_Explain {
        display: none;
        position: absolute;
        padding: 30px 0 50px;
        width: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .2);
        z-index: 99;
    }
    .APP_Explain_title {
        position: relative;
        top: 38px;
        left: 30px;
        display: block;
        width: 863px;
        margin: 0 auto;
        text-align: right;
    }
    .APP_Explain_title span {
        display: inline-block;
        /* width: 50px; */
        /* line-height: 50px; */
        padding: 0px 14px;
        color: #333;
        font-weight: bold;
        font-size: 50px;
        text-align: center;
        border-radius: 50%;
        background: #ffffff;
    }
    .APP_Explain img {
        display: block;
        margin: 0 auto;
    }
    .APP_Explain_bottom {
        width: 863px;
        margin: 0 auto;
        text-align: center;
        background: #ffffff;
    }
    .APP_Explain_bottom a {
        display: inline-block;
        padding: 10px 30px;
        background: #fdc321;
    }
    /*404*/
    .cuowu {
        position: relative;
        width: 1200px;
        height: 640px;
        margin: 100px auto;
        box-shadow: 0 0 5px #ccc;
    }
    .cuowu img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        padding-bottom: 40px;
    }
    .wxpay-p {
        width: 1200px;
        margin: 0 auto;
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 20px;
        background: #f7f7f7;
    }
    .wxpay-Price {
        float: right;
        font-size: 30px;
        color: #ffa80d;
        font-weight: bold;
    }
    /*移动样式*/
    .m-header,
    .m-Interview,
    .m-nav,
    .swiper-container,
    .m-sort-content,
    .m-qt-btn,
    .m-commodity,
    .m-price-purchase,
    .m-Bottom,
    #out {
        display: none;
    }
}

@media screen and (max-width: 750px) {
    /*html{*/
    /*padding: 0 .48rem;*/
    /*}*/
    body {
        font-size: .24rem;
        background: #f7f7f7;
    }
    /*头部*/
    .m-header-gg {
        /* height: 2rem; */
    }
    .m-header-ggText {
        position: fixed;
        top: 0;
        padding: 0 .24rem;
        width: 100%;
        height: 1rem;
        color: #ffffff;
        background: #000;
    }
    .m-header-ggText>span {
        display: inline-block;
        padding-right: .1rem;
        line-height: 1rem;
        vertical-align: top;
    }
    .m-header-ggText>span img {
        width: .45rem;
        height: .45rem;
    }
    .m-header-ggTitle {
        display: inline-block;
        padding-top: .05rem;
        margin-left: .2rem;
        height: 1rem;
    }
    .m-header-ggTitle p:nth-child(1) {
        font-size: .3rem;
    }
    .m-header-ggTitle p {
        line-height: .46rem;
        font-size: .24rem;
    }
    .m-header-ggBtn {
        float: right;
        padding: .05rem .3rem;
        margin-top: .3rem;
        color: #000;
        border-radius: 50px;
        background: #ffa80d
    }
    .m-header-gg .m-header-content {
        top: 1rem;
    }
    .m-header {
        height: 1rem;
    }
    .m-header-content {
        display: flex;
        display: -webkit-flex;
        position: fixed;
        width: 100%;
        top: 0;
        padding: 0 .24rem;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        line-height: 1rem;
        font-size: .32rem;
        border-bottom: 1px solid #eee;
        z-index: 99;
        background: #FFFFFF;
    }
    .m-header-content div {
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        min-width: .5rem;
    }
    .m-header-content img {
        width: .2rem;
        height: .32rem;
    }
    .m-consultation {
        display: -webkit-flex;
        display: flex;
        line-height: .2rem;
        color: #ff7e00;
        font-size: .3rem;
        justify-content: center;
        -webkit-justify-content: center;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .m-consultation .icon-zixun {
        font-size: .5rem;
    }
    /*头部and*/
    /*Nav*/
    .m-Bottom {
        width: 100%;
        height: 50px;
    }
    .iconfont {
        font-size: 20px;
    }
    .m-Nav {
        position: fixed;
        display: flex;
        display: -webkit-flex;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        width: 100%;
        height: 50px;
        bottom: 0;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        font-size: .28rem;
        background: #FFFFFF;
        border-top: 1px solid #ccc;
    }
    .m-Nav a {
        display: -webkit-flex;
        display: flex;
        width: 25%;
        text-align: center;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .m-Nav .active {
        color: #ffa80d;
    }
    /*Nav and*/
    /*首页*/
    .Home {
        background: #f7f7f7;
    }
    .Home li {
        list-style-type: none;
    }
    .m-Interview {
        display: block;
        padding: .2rem .24rem 0;
        height: 1.2rem;
    }
    .m-Interview img {
        width: 100%;
        height: 100%;
    }
    .Qualified {
        width: 100%;
        margin: 0 auto;
    }
    .Qualified-title {
        font-size: .32rem;
        line-height: .88rem;
        margin-top: .2rem;
        border-bottom: 1px solid #ccc;
        text-align: center;
        font-weight: normal;
        background: #FFFFFF;
    }
    .Qualified-title span {
        display: inline-block;
        width: 100%;
        text-align: left;
        padding: 0 .3rem;
    }
    .Qualified-title a {
        font-size: .26rem;
        color: #f5b00b;
        float: right;
    }
    .Qualified-content {
        width: 100%;
        margin: 0 auto;
        border-radius: 3px;
    }
    .Qualified-content>a {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 20px 10px 15px;
        border-bottom: .02rem solid #ccc;
        background: #FFFFFF;
    }
    .m-Qualified-title {
        display: flex;
        width: 100%;
        margin-bottom: .2rem;
    }
    .Qualified-content b {
        display: flex;
        flex-wrap: nowrap;
        font-style: normal;
        width: 1.2rem;
        line-height: .36rem;
        height: .4rem;
        font-size: .24rem;
        color: #ffffff;
        padding: 0 .1rem;
        vertical-align: top;
        border-radius: .1rem;
        background: #f5b00b;
    }
    .Qualified-content h5 {
        display: flex;
        flex: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-left: .2rem;
        font-size: .32rem;
        line-height: .36rem;
    }
    .Qualified-period {
        display: inline-block;
        color: #666;
    }
    .Qualified-period i {
        margin-right: 10px;
    }
    .Qualified-teacher {
        display: flex;
        position: relative;
        width: 100%;
        padding-top: .2rem;
    }
    .Qualified-teacher li {
        display: inline-flex;
        flex-direction: column;
        margin-left: .1rem;
        justify-content: center;
        text-align: center;
    }
    .Qualified-teacher img {
        display: inline-flex;
        width: 26px;
        height: 26px;
        border-radius: .1rem;
        margin: 0 auto .1rem;
    }
    .Qualified-price {
        position: absolute;
        right: .3rem;
        bottom: 10px;
        text-align: right;
        line-height: .42rem;
        color: #666;
    }
    .Qualified-price h2 {
        font-size: .32rem;
        color: #f5740b;
    }
    /*教师资格证*/
    .Certificate {
        padding-top: 10px;
        background: #f7f7f7;
    }
    .Certificate-title {
        height: 90px;
        line-height: 90px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        margin-top: 2px;
        padding: 0 30px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        background: -webkit-linear-gradient(top, #ffdd7b, #ffaf36);
        background: -o-linear-gradient(top, #ffdd7b, #ffaf36);
        background: -moz-linear-gradient(top, #ffdd7b, #ffaf36);
        background: linear-gradient(top, #ffdd7b, #ffaf36);
    }
    .Certificate .Qualified-content a {
        margin-bottom: 10px;
    }
    .m-sort-content {
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
        background: #FFFFFF;
    }
    .m-sort-ul {
        display: flex;
        width: 100%;
    }
    .m-sort-ul>.active {
        color: #ffa80d;
    }
    .m-sort-ul li {
        position: relative;
        width: 25%;
        line-height: .8rem;
        text-align: center;
        font-size: .28rem;
    }
    .m-sort-ul li i {
        position: absolute;
        font-size: .28rem;
        color: #c3c2c2;
    }
    .m-sort-ul .active .active {
        color: #ffa80d;
    }
    .m-screenbox {
        position: absolute;
        display: none;
        top: 2rem;
        width: 100%;
        height: 100%;
        background: rgba(153, 153, 153, 0.5);
        z-index: 2;
    }
    .m-screenbox dl {
        padding: 0 .24rem;
        border-top: 1px solid #ccc;
        background: #FFFFFF;
    }
    .m-screenbox dt {
        line-height: 1rem;
    }
    .m-screenbox dd {
        display: none;
    }
    .m-screenbox dd button {
        line-height: .6rem;
        padding: 0 .28rem;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-right: .28rem;
        margin-bottom: .3rem;
        color: #666;
        background: #fff;
    }
    .m-screenbox dd .active {
        color: #ffa80d;
        border-color: #ffa80d;
    }
    .m-screenbox>.active dd {
        display: block;
    }
    .m-screenbox a {
        display: inline-block;
        width: 50%;
        border-top: 1px solid #ccc;
        font-size: .3rem;
        line-height: .8rem;
        text-align: center;
        background: #FFFFFF;
    }
    .m-screenbox a:last-child {
        float: right;
        color: #FFFFFF;
        border-color: #ffa80d;
        background: #ffa80d;
    }
    /*教师资格证详情*/
    .viewdetails {
        width: 100%;
        background: #f7f7f7;
    }
    .viewdetails-header {
        background: #FFFFFF;
    }
    .details-brief {
        padding: .3rem .24rem;
    }
    .details-brief h2 {
        font-size: .3rem;
    }
    .details-brief p {
        color: #999;
        line-height: .4rem;
    }
    .details-brief p span {
        color: #333;
        margin-right: .3rem;
    }
    .viewdetails-content {
        width: 100%;
        margin-top: .2rem;
        background: #FFFFFF;
    }
    .v-content-left {}
    .v-content-left-ul {
        display: inline-block;
        width: 100%;
    }
    .v-content-left-ul li {
        display: inline-block;
        width: 33.33%;
        line-height: .8rem;
        text-align: center;
        font-weight: bold;
        font-size: .28rem;
        cursor: pointer;
        border-bottom: .06rem solid #FFFFFF;
        float: left;
        background: #FFFFFF;
    }
    .v-content-left-ul .active {
        color: #ffa80d;
        border-color: #ffa80d;
    }
    .v-content-left-list {
        display: none;
        width: 100%;
        padding: .24rem .24rem;
    }
    .off {
        display: block;
    }
    .v-content-left-list>p>img {
        width: 100%;
    }
    .v-content-left-list h3 {
        font-size: .3rem;
        line-height: .8rem;
        border-bottom: 1px solid #f7f7f7;
    }
    .v-content-left-list ul li {
        line-height: .4rem;
        padding: .2rem 0;
        border-bottom: 1px solid #f7f7f7;
    }
    .v-content-left-list-ul {
        margin-bottom: .4rem;
    }
    .v-content-left-list-ul li a {
        position: relative;
        display: block;
        width: 100%;
    }
    .v-content-left-list-ul li a img {
        display: block;
        float: left;
    }
    .v-content-left-list-ul li .lint-title {
        width: 4.5rem;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .btn {
        position: absolute;
        right: .2rem;
        top: 0;
    }
    .btn i {
        color: #f5b00b;
    }
    .v-content-left-list-ul li a span:nth-child(2) {
        display: block;
    }
    .v-content-left-list-ul span {
        display: inline-block;
        margin-right: .2rem;
    }
    span.list-name {
        float: right;
    }
    .v-introduce {
        display: flex;
        align-items: center;
        width: 100%;
        padding: .24rem 0;
        border-bottom: 1px solid #eee;
    }
    .v-introduce-tx {
        display: flex;
        width: 1.2rem;
        height: 1.2rem;
        align-items: center;
        justify-content: center;
        margin-right: .28rem;
    }
    .v-introduce-tx img {
        width: 100%;
        height: 100%;
    }
    .v-introduce-content {
        flex: 1;
        padding-right: .2rem;
    }
    .v-introduce-title {
        line-height: .5rem;
    }
    .v-introduce-title h4 {
        display: inline-block;
        font-size: .32rem;
    }
    .v-introduce-title span {
        margin-left: .3rem;
    }
    .v-introduce-content p {
        color: #666;
        line-height: .32rem;
    }
    .m-price-purchase {
        position: fixed;
        display: flex;
        width: 100%;
        height: 50px;
        padding: 0 .24rem;
        bottom: 0;
        align-items: center;
        border-top: 1px solid #f7f7f7;
        justify-content: space-between;
        background: #fff;
        z-index: 99;
    }
    .m-price-money {
        display: flex;
        color: #999;
        font-size: .24rem;
        flex-direction: column;
    }
    .m-price-money h4 {
        font-size: .36rem;
        color: #ffa80d;
    }
    .m-price-purchase button {
        color: #FFFFFF;
        padding: 0 .4rem;
        line-height: .6rem;
        border-radius: 3px;
        background: #ffa80d;
    }
    /*个人中心列表*/
    .m-userlist {
        height: 100%;
        background: #f7f7f7;
    }
    .m-user {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 2.2rem;
        background: #ffa80d;
    }
    .user-tx {
        display: flex;
        width: 1.2rem;
        height: 1.2rem;
        align-items: center;
        justify-content: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: .06rem solid #febd41;
    }
    .user-tx img {
        width: 100%;
        height: 100%;
    }
    .m-user span {
        color: #FFFFFF;
        font-size: .28rem;
        line-height: .6rem;
    }
    .m-user-content {
        background: #FFFFFF;
    }
    .m-user-content li {
        height: 1rem;
        font-size: .3rem;
        line-height: 1rem;
        padding: 0 .24rem;
        border-bottom: 1px solid #e6e6e6;
        background: url("./img/88_04.png") no-repeat 97% center;
        background-size: .12rem .2rem;
    }
    .m-user-content li a {
        display: block;
        color: #666666;
    }
    .m-user-content li i {
        display: inline-flex;
        width: .5rem;
        align-items: center;
        justify-content: center;
        margin-right: 5px;
        height: .5rem;
        color: #FFFFFF;
        font-size: .36rem;
        border-radius: 50%;
    }
    .m-user-content li:nth-child(1) i {
        background: #00aaef;
    }
    .m-user-content li:nth-child(2) i {
        background: #eb3c34;
    }
    .m-user-content li:nth-child(3) i {
        background: #ffa80d;
    }
    .m-user-content li:nth-child(4) i {
        background: #2974ef;
    }
    .m-user-content li:nth-child(5) i {
        background: #4cefe7;
    }
    .Sign-out {
        display: block;
        margin-top: .6rem;
        font-size: .28rem;
        color: #666666;
        text-align: center;
    }
    /*登录*/
    .Sign {
        width: 100%;
        margin-top: .2rem;
    }
    .Sign input {
        width: 100%;
        height: 1rem;
        line-height: 1rem;
        margin-top: -1px;
        font-size: .32rem;
        padding-left: .4rem;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }
    .btnlogin {
        display: block;
        margin: .4rem .3rem;
        color: #FFFFFF;
        font-size: .3rem;
        border-radius: 3px;
        line-height: 1rem;
        text-align: center;
        background: #ffa80d;
    }
    .m-qt-btn {
        width: 100%;
        text-align: center;
    }
    .m-qt-btn a {
        color: #666;
        margin: 0 .2rem;
    }
    /*注册*/
    .Register {
        width: 100%;
    }
    .Register input {
        width: 100%;
        height: 1rem;
        line-height: 1rem;
        margin-top: -1px;
        font-size: .32rem;
        padding-left: .4rem;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }
    .Register-zym {
        position: relative;
    }
    .getveri,
    .getveri2 {
        position: absolute;
        top: 0;
        right: .25rem;
        width: 2.5rem;
        margin-top: .2rem;
        color: #ffa80d;
        border: 1px solid #ffa80d;
        text-align: center;
        line-height: .55rem;
        font-size: .28rem;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #FFFFFF;
    }
    /*m-我的课程*/
    .personal-list {
        width: 100%;
    }
    .personal-detail-content {
        background: #FFFFFF;
        padding: .2rem .24rem;
        margin-bottom: 10px;
    }
    .personal-detail-text {
        font-size: .25rem;
        line-height: .6rem;
    }
    .personal-detail-text h3 span {
        font-size: .2rem;
        color: #FFFFFF;
        padding: 0 .2rem;
        margin-top: .1rem;
        float: right;
        line-height: .4rem;
        border-radius: 50px;
        background: #ccc;
    }
    .personal-detail-text h3 i {
        display: block;
        color: #ffa80d;
        line-height: normal;
        font-size: .2rem;
        font-style: normal;
    }
    .personal-detail-qqq {
        font-size: .2rem;
        border-top: 1px solid #cccccc;
    }
    .personal-detail-qqq img {
        height: .26rem;
        vertical-align: sub;
    }
    .personal-detail-qqq a {
        color: #ffa80d;
        float: right;
    }
    .personal-prompt-bj {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(51, 51, 51, 0.5);
        z-index: 9;
    }
    .personal-prompt {
        position: relative;
        top: 3rem;
        left: 50%;
        transform: translateX(-50%);
        /* 50%为自身尺寸的一半 */
        -webkit-transform: translateX(-50%);
        width: 80%;
        background: #FFFFFF;
    }
    .personal-prompt .personal-prompt-title {
        height: .8rem;
        line-height: .8rem;
        text-align: center;
        color: #ffa80d;
        font-size: .3rem;
    }
    .personal-prompt-text {
        padding: 0 .3rem;
        color: #999;
        line-height: .4rem;
        font-size: .26rem;
        text-align: center;
    }
    .personal-prompt-an {
        margin-top: .2rem;
        padding: .2rem 0;
        border-top: 1px solid #e6e6e6;
    }
    .personal-prompt-an a {
        display: inline-block;
        color: #FFFFFF;
        padding: 0 .6rem;
        margin: 0 .2rem;
        line-height: .6rem;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #ffa80d;
    }
    .personal-prompt-an .active {
        background: #c3c2c2;
    }
    /*我的优惠券*/
    .personal-coupon {
        padding: 0 .24rem;
    }
    .personal-coupon-list {
        position: relative;
        width: 100%;
        height: 2.8rem;
        margin-top: .2rem;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .personal-coupon-list:nth-child(odd) {
        background: url("./img/coupon_11.png") no-repeat;
        background-size: contain;
    }
    .personal-coupon-list:nth-child(even) {
        background: url("./img/coupon_12.png") no-repeat;
        background-size: contain;
    }
    .personal-coupon-sum {
        width: 100%;
        height: 2rem;
        color: #FFFFFF;
        padding: .3rem .24rem;
    }
    .personal-coupon-sum p {
        font-size: .6rem;
    }
    .personal-coupon-sum span {
        display: inline-block;
        line-height: .6rem;
        font-size: .3rem;
    }
    .personal-coupon-text {
        height: .8rem;
        padding: 0 .24rem;
    }
    .personal-coupon-text span {
        display: inline-block;
        line-height: .8rem;
        color: #999999;
    }
    .personal-coupon-text a {
        position: absolute;
        top: .5rem;
        right: .24rem;
        display: inline-block;
        width: 1.5rem;
        line-height: .5rem;
        text-align: center;
        color: #FFFFFF;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        border: 1px solid #FFFFFF;
    }
    /*物流信息*/
    .logins-list {
        width: 100%;
    }
    .logins-lists {
        margin-top: .2rem;
        padding: .2rem .24rem 0;
        border-top: 1px solid #c3c2c2;
        border-bottom: 1px solid #c3c2c2;
        background: #FFFFFF;
    }
    .logins-list-img {
        display: inline-block;
        width: 2rem;
        vertical-align: top;
    }
    .logins-list-img img {
        width: 100%;
    }
    .logins-list-content {
        display: inline-block;
        margin-left: .2rem;
        line-height: .36rem;
    }
    .logins-list-content span {
        color: #3eccb3;
    }
    .logins-list-content .logins-list-money {
        color: #999999;
    }
    .logins-list-order {
        margin-top: .2rem;
        padding: .2rem 0;
        color: #999999;
        line-height: .5rem;
        border-top: 1px solid #c3c2c2;
    }
    .logins-list-text {
        margin-top: .2rem;
        line-height: 1rem;
        color: #999999;
        border-top: 1px solid #c3c2c2;
    }
    .logins-list-text .logins-text-an {
        background: url("./img/88_04.png") no-repeat 97% center;
        background-size: .12rem .2rem;
    }
    .logins-text-box {
        display: none;
        padding: .4rem 0;
        width: 100%;
        min-height: 3rem;
    }
    /*移动端收货地址*/
    .m-addres {
        background: #f7f7f7;
    }
    .m-addres-list {
        padding: .2rem .24rem;
        margin-bottom: .2rem;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        background: #FFFFFF;
    }
    .m-addres-title {
        width: 100%;
        line-height: .6rem;
        padding-bottom: .1rem;
        border-bottom: 1px solid #e6e6e6;
        color: #999999;
    }
    .m-addres-i {
        display: inline-block;
    }
    .m-addres-i i {
        display: inline-block;
        width: .26rem;
        height: .26rem;
        margin-right: .1rem;
        vertical-align: middle;
        border-radius: 50%;
        background: url("./img/xdg01.png")no-repeat center;
        background-size: .26rem .26rem;
    }
    .m-addres-i .active {
        background: url("./../img/xdg02.png")no-repeat center;
    }
    .m-addres-an {
        float: right;
    }
    .m-addres-an a {
        color: #999999;
        margin: 0 .2rem;
    }
    .m-addres-content {
        display: block;
        color: #666666;
        line-height: .6rem;
    }
    .m-addres-content p {
        font-size: .28rem;
    }
    .m-addres-phone {
        font-size: .2rem;
        float: right;
    }
    .m-addres-text {
        font-size: .2rem;
        color: #999999;
    }
    .m-addres>a {
        position: fixed;
        bottom: 0;
        display: block;
        width: 100%;
        font-size: .3rem;
        color: #FFFFFF;
        line-height: 1rem;
        text-align: center;
        background: #ffa80d;
    }
    /*添加收货地址*/
    .m-address {}
    .m-address .m-address-list {
        line-height: .7rem;
    }
    .m-address-list p {
        padding: 0 .24rem;
        border-bottom: 1px solid #e6e6e6;
    }
    .m-address-inp {
        padding: 0 .24rem;
        line-height: .8rem;
        font-size: .28rem;
        background: #FFFFFF;
    }
    .m-address-inp select {
        border: none;
        height: .8rem;
        color: #666;
        font-style: normal;
        padding-right: .4rem;
    }
    .m-address-an {
        margin-top: .3rem;
        padding: .24rem .24rem;
        background: #FFFFFF;
    }
    .m-address-an a {
        display: block;
        width: 100%;
        color: #FFFFFF;
        font-size: .3rem;
        line-height: .7rem;
        text-align: center;
        background: #ffa80d;
    }
    /*确认订单*/
    .m-commodity {}
    .m-commodity-addres {
        padding: 0 .24rem;
        margin-bottom: .2rem;
        background: #FFFFFF;
    }
    .m-add-addres {
        font-size: .2rem;
        line-height: 1rem;
        border-bottom: 1px solid #cccccc;
    }
    .m-add-addres span {
        display: inline-block;
    }
    .m-add-addres .m-addresm i {
        vertical-align: middle;
        margin-right: 5px;
    }
    .m-add-addres .m-addresxg {
        font-size: .2rem;
        float: right;
        margin-right: 5px;
    }
    .m-commodity-top {
        padding: 0 .24rem;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: .2rem;
        background: #FFFFFF;
    }
    .m-commodity-img {
        display: inline-block;
        width: 2.4rem;
        padding: .24rem 0;
        vertical-align: top;
    }
    .m-commodity-img img {
        width: 100%;
    }
    .m-commodity-title {
        display: inline-block;
        margin-left: .2rem;
        padding: .24rem 0;
    }
    .m-commodity-tp {
        font-size: .28rem;
    }
    .m-commodity-tm {
        color: #999999;
        margin-top: .5rem;
    }
    .m-commodity-tg {
        color: #ffa80d;
        margin-top: .1rem;
    }
    .m-commodity-yhj {
        display: block;
        line-height: .8rem;
        border-top: 1px solid #e6e6e6;
        background: url(./img/88_04.png) no-repeat 97% center;
        background-size: .12rem .2rem;
    }
    .m-commodity-yhj i {
        display: inline-block;
        padding: 0 .1rem;
        margin-left: .1rem;
        color: #FFFFFF;
        font-style: normal;
        line-height: .4rem;
        background: #fc645f;
    }
    .m-commodity-yhj span:last-child {
        float: right;
        color: #666666;
        margin-right: .4rem;
    }
    .m-commodity-pay {
        padding: 0 .24rem;
        background: #FFFFFF;
    }
    .m-commodity-pay p {
        line-height: 1rem;
        border-bottom: 1px solid #e6e6e6;
    }
    .m-commodity-payan {
        padding: .4rem 0;
    }
    .m-commodity-payan a {
        display: inline-block;
        width: 3rem;
        margin-right: .4rem;
        border: 1px solid #e6e6e6;
    }
    .m-commodity-payan .active {
        border-color: #ffa80d;
    }
    .m-commodity-payan img {
        width: 100%;
    }
    .m-commodity-confirm {
        position: fixed;
        width: 100%;
        bottom: 0;
        padding-left: .24rem;
        line-height: 50px;
        font-size: .3rem;
        background: #FFFFFF;
        z-index: 2;
    }
    .m-commodity-confirm span {
        color: #fc645f;
    }
    .m-commodity-confirm a {
        display: inline-block;
        float: right;
        width: 2.5rem;
        color: #FFFFFF;
        font-size: .4rem;
        text-align: center;
        background: #fc645f;
    }
    .m-commodity-IOS {
        position: fixed;
        min-height: 50px;
        bottom: 0;
        padding: .2rem .3rem;
        background: #ffffff;
        z-index: 99;
    }
    .m-commodity-IOS p {
        line-height: .35rem;
        font-size: .2rem;
        color: #fd8524;
    }
    .m-commodity-IOS p i {
        display: inline-block;
        margin-right: .1rem;
        width: .24rem;
        height: .24rem;
        color: #fff;
        text-align: center;
        font-style: normal;
        border-radius: 50%;
        vertical-align: sub;
        background: #ccc;
    }
    /*找回密码*/
    .btnlogin:last-child {
        background: #999999;
    }
    /*微信支付*/
    .m-pay {
        width: 100%;
        overflow: hidden;
        margin-top: .2rem;
    }
    .m-pay p {
        line-height: 1rem;
        font-size: .3rem;
        padding: 0 .2rem;
        color: #999;
        border-bottom: 1px solid #eee;
        background: #fff;
    }
    .m-pay .m-pay-content {
        padding: .2rem .2rem;
        background: #fff;
    }
    .m-pay-img {
        display: inline-block;
        width: 2rem;
        vertical-align: top;
    }
    .m-pay-img img {
        /*position: absolute;*/
        width: 100%;
        /*height: 100%;*/
        /*top: 0;*/
        /*bottom: 0;*/
        /*left: 0;*/
        /*right: 0;*/
        /*margin: auto;*/
    }
    .m-pay-title {
        position: relative;
        display: inline-block;
        width: 4.6rem;
        height: 1.14rem;
        margin-left: .2rem;
    }
    .m-pay-title h2 {
        color: #999;
        font-size: .24rem;
        vertical-align: top;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .m-pay-title span {
        position: absolute;
        display: inline-block;
        color: #f5b00b;
        bottom: 0;
        font-size: .4rem;
        vertical-align: bottom;
    }
    .m-pay-btn {
        display: block;
        width: 90%;
        font-size: .3rem;
        color: #FFFFFF;
        text-align: center;
        line-height: 1rem;
        border-radius: 5px;
        margin: .5rem auto;
        background: #f5b00b;
    }
    .m-pay-btn span {
        font-size: .4rem;
    }
    /*关于我们*/
    .abouts {
        width: 100%;
        overflow: hidden;
    }
    .abouts-logo {
        width: 100%;
        height: 1.4rem;
        /*background: url("./img/about.png") no-repeat;*/
        background: url("./../img/about.png") no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .abouts-list {
        width: 100%;
        height: 1rem;
        background: #f7f7f7;
    }
    .abouts-list p {
        font-size: .2rem;
        font-weight: bold;
        text-align: center;
        line-height: 1rem;
    }
    .abouts-list ul {
        width: 100%;
        margin: 0 auto;
    }
    .abouts-list ul li {
        width: 33%;
        float: left;
        font-size: .34rem;
        font-weight: bold;
        text-align: center;
        line-height: 1rem;
        cursor: pointer;
        border-bottom: 4px solid #f7f7f7;
    }
    .abouts-list ul .active {
        border-color: #ffa80d;
    }
    .abouts-content {
        width: 100%;
        margin: 0 auto;
        padding: .5rem .2rem;
    }
    .abouts-content>p {
        font-size: 14px;
        font-family: 宋体;
        line-height: .6rem;
    }
    .abouts-content>h3 {
        margin-top: .2rem;
        line-height: .6rem;
    }
    .abouts-content li {
        display: none;
    }
    .abouts-content li .us-p {
        font-size: 14px;
        font-family: 宋体;
        text-indent: 50px;
        line-height: .6rem;
    }
    .abouts-content .active {
        display: block;
    }
    .abouts-content .abouts-recruit-title {
        line-height: 50px;
        font-size: .35rem;
        color: #ffa80d;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
    }
    .abouts-recruit-text {
        margin-top: .2rem;
        margin-bottom: .3rem;
        padding: 0 .2rem;
        line-height: .6rem;
        font-size: 16px;
        font-weight: bold;
    }
    .abouts-map {
        width: 100%;
        margin: 0 auto;
        padding: .25rem .25rem;
        background: #fdedbe;
    }
    .abouts-map img {
        width: 100%;
    }
    .abouts-map-text {
        width: 100%;
        font-size: .3rem;
        font-weight: bold;
        line-height: .6rem;
        margin: .5rem auto;
    }
    .abouts-map-text span {
        display: inline-block;
        width: 8rem;
    }
    /*招聘公告*/
    .notice {
        width: 100%;
        background: #f7f7f7;
    }
    .notice-title {
        width: 100%;
        padding: .3rem .1rem;
        margin: 0 auto;
    }
    .notice-title span {
        margin: 0 10px;
    }
    .notice-title span:nth-child(2) {
        font-size: 16px;
    }
    .notice .Certificate-type {
        display: none;
        width: 100%;
        padding: .3rem .3rem 0;
    }
    .notice .Certificate-choice {
        display: inline-block;
        vertical-align: top;
        margin-right: 14px;
        color: #666;
    }
    .Certificate-ul {
        display: inline-block;
        padding: .2rem 0;
        width: 100%;
    }
    .Certificate-ul li {
        display: inline-block;
        width: 1.2rem;
        line-height: .35rem;
        padding: 0 .2rem;
        margin-bottom: .3rem;
        text-align: center;
        cursor: pointer;
        border-radius: 50px;
    }
    .Certificate-ul .active {
        color: #ffffff;
        background: -webkit-linear-gradient(top left, #fea60d, #fece0a);
        background: -o-linear-gradient(top left, #fea60d, #fece0a);
        background: -moz-linear-gradient(top left, #fea60d, #fece0a);
        background: linear-gradient(top left, #fea60d, #fece0a);
    }
    .notice-listbox {
        width: 100%;
        margin: .2rem auto;
    }
    .notice-listbox-title {
        line-height: .5rem;
        font-size: 16px;
        padding: 0 .3rem;
        margin-bottom: .3rem;
    }
    .notice-listbox-title span {
        margin-left: .1rem;
    }
    .notice-listbox-title b {
        font-size: 18px;
        color: #ffa80d;
    }
    .notice-datelist {
        padding: 0 .4rem;
        margin-bottom: .3rem;
        background: #fff;
    }
    .notice-date {
        display: inline-block;
        width: .8rem;
        margin-top: 24px;
        color: #fff;
        text-align: center;
        overflow: hidden;
        vertical-align: top;
        background: #bfbfbf;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }
    .notice-date span {
        display: inline-block;
        width: 100%;
        line-height: .35rem;
    }
    .notice-date span:nth-child(1) {
        color: #333;
        background: #f3f3f3;
    }
    .notice-datelist-ul {
        display: inline-block;
        width: 5.5rem;
        margin-left: .2rem;
    }
    .notice-datelist-ul li {
        line-height: .4rem;
        padding: 20px 5px;
        color: #666;
    }
    .notice-datelist-ul li a {
        display: inline-block;
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    /*招考公告详情*/
    .notice-content {
        width: 100%;
        margin: 0 auto;
        line-height: .4rem;
        padding: .3rem .3rem;
        background: #FFFFFF;
    }
    .notice-content h2 {
        font-size: .3rem;
        margin-bottom: .2rem;
        text-align: center;
    }
    /* 小程序禁止访问 */
    .tipsbox {
        background: #999;
    }
    .tips {
        position: absolute;
        top: 20%;
        left: 0;
        right: 0;
        margin: .4rem .6rem;
        padding: .5rem .8rem;
        border: 1px solid #ccc;
        border-radius: .1rem;
        background: #fff;
    }
    .tips_p {
        display: block;
        line-height: .5rem;
        text-align: center;
        font-size: .3rem;
    }
    .tips_btn {
        display: block;
        width: 3rem;
        margin: .3rem auto;
        line-height: .7rem;
        text-align: center;
        border-radius: 5px;
        background: #ccc;
    }
    #out {
        position: absolute;
        top: .1rem;
        right: .3rem;
        font-size: .8rem;
        z-index: 99;
        color: #fff;
    }
    /*PC样式*/
    .header,
    .home-advert,
    .Bottom,
    .Certificate-box,
    .sort-content,
    .page_div,
    .focus-banner,
    .v-top-box,
    .v-content-right,
    .details-img,
    .Course-time i,
    .Course-time q,
    .price-brief,
    .price-purchase,
    .Course-gk,
    .logins-title,
    .Sign i,
    .Sign span,
    .Register .forgetmm,
    .personal-nav,
    .personal-content-title,
    .personal-detail-img,
    .personal-prompt-img,
    .personal-prompt-title a,
    .personal-content-seat,
    .retrieve-title,
    .commodity,
    .float-top,
    .Qualified-content>a .img,
    .notice-title {
        display: none;
        z-index: -1;
    }
    /*banner*/
    @media only screen and (max-width: 375px) {
        .swiper-slide img {
            display: block;
            width: 100%;
            height: 117px;
        }
    }
    @media only screen and (max-width: 414px) {
        .swiper-slide img {
            display: block;
            width: 100%;
            height: 130px;
        }
    }
    @media only screen and (max-width: 480px) {
        .swiper-slide img {
            display: block;
            width: 100%;
            height: 151px;
        }
    }
    /*bannerand*/
    /*sweiper*/
    .swiper-pagination-bullet {
        width: .2rem;
        height: .2rem;
    }
    .swiper-pagination-bullet-active {
        background: #FFFFFF;
    }
}


/*矢量图*/

@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1535956690683');
    /* IE9*/
    src: url('iconfont.eot?t=1535956690683#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url('iconfont.ttf?t=1535956690683') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('iconfont.svg?t=1535956690683#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-shouye:before {
    content: "\e61e";
}

.icon-dizhi01:before {
    content: "\e62c";
}

.icon-youhuiquan01:before {
    content: "\e637";
}

.icon-wuliu:before {
    content: "\e6db";
}

.icon-paixujiantouxia:before {
    content: "\e74d";
}

.icon-paixujiantoushang:before {
    content: "\e7fe";
}

.icon-kefu:before {
    content: "\e65a";
}

.icon-zhengshu-copy:before {
    content: "\e640";
}

.icon-you:before {
    content: "\e639";
}

.icon-zixun:before {
    content: "\e661";
}

.icon-mima:before {
    content: "\e603";
}

.icon-dingdan:before {
    content: "\e64e";
}

.icon-xiazai:before {
    content: "\e683";
}

.icon-shaixuan:before {
    content: "\e621";
}

.icon-course:before {
    content: "\e60e";
}

.icon-wode:before {
    content: "\e602";
}

.icon-noun__cc:before {
    content: "\e610";
}