@media screen and (max-width: 980px) {
    * {
        margin: 0;
        padding: 0;
    }

    html {
        overflow-y: hidden;
        overflow-x: hidden;
        overflow: auto;

    }

    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    ol,
    li,
    dl,
    dd,
    dt,
    img,
    p,
    form {
        border: 0 none;
        margin: 0;
        padding: 0;
    }

    ul,
    ol,
    li {
        list-style: outside none none;
    }

    table,
    td,
    tr,
    th,
    input,
    select {
        color: #666;
        font-size: 12px;
    }

    body {
        background: #fff;
    }

    input {
        margin: 0;
        padding: 0;
        text-shadow: none;
    }

    table {
        border-collapse: collapse;
    }

    .banner_nei {
        width: 100%;
        margin-top: 98px;
    }

    a {
        outline: medium none;
        text-decoration: none;
    }

    .login_other{
        display: flex;
        justify-content: space-between;
        margin: 25px 0;
    }

    .yk_menu_left img{
        width: 127px;
    }

    .wap_share{
        display: none!important;
    }
    .pc_share{
        margin: 15px 0;
    }
    .bdsharebuttonbox{
        display: none;
    }
    .foot_menu_css{
        width: 100%;
        position: fixed;
        bottom: 15px;
        display: flex;
        justify-content: space-between;
        padding: 0 10px;
    }
    .foot_menu_css a{
        width: 32%;
        line-height: 35px;
        font-size: 15px;
        text-align: center;
        color: #fff;
        background: #3391fe;
        border-radius: 10px;
    }

    .yk_you {
        position: fixed;
        right: 150px;
        top: 20%;
        width: 100px;
        z-index: 999999999999999;
        display: none!important;
    }

    .yk_you_weixin:hover .yk_you_ma {
        display: block;
    }

    .yk_you_ma {
        margin-top: 15px;
        display: none;
    }

    .img_width {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        box-shadow: 0px 0px 10px #ccc;
        margin-top: 15px;
        padding: 10px;
    }

    .yk_you_ma img {
        width: 150px;
        display: block;
    }

    /* nav */
    .yk_nav_bg {
        width: 100%;
        background: #3391fe;
        position: fixed;
        top: 0;
        height: 20px;
        z-index: 999999999;
    }

    .yk_nav {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .yk_nav_left {
        line-height: 28px;
        width: 100%;
        text-align: center;
    }

    .yk_nav_left p {
        color: #fff;
        font-size: 10px;
        line-height: 20px;
    }
    .yk_menu_center{
        position:fixed;
        top:98px;
        display: none;
        width: 100%;
        height: 1080px;
        background: #fff;
        left: 0;
        z-index: 9999999999;
    }
    .yk_menu_right{
        display: none;
    }

    .yk_nav_right {
        display: none;
    }

    .yk_nav_right a {
        color: #fff;
        font-size: 10px;
    }

    .yk_menu {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 10px;
        position: fixed;
        background: #fff;
        top: 20px;
        z-index: 99999999999;
    }

    .yk_menu_center_ul {
        width: 100%;
        padding: 0 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .yk_menu_center_li {
        z-index: 999;
        width: 33%;
        margin-top: 10px;
        text-align: center;
        position: relative;
    }

    .yk_menu_center_li:hover .yk_menu_center_lia {
        display: block;
    }

    @font-face {
        font-family: myfont;
        src: ,
    }

    .yk_menu_center_li a {
        display: block;
        width: 100%;
        color: #3391fe;
        font-size: 16px;
        line-height: 28px;
        font-family: myfont;
        border-radius: 15px;
        transition: all 0.3s;
    }

    .yk_menu_center_lia a {
        font-size: 14px;
    }

    .yk_menu_center_li a:hover {
        background: #3391fe;
        color: #fff;
    }

    .yk_menu_center_lia {
        z-index: 9;
        width: 100px;
        /*position: absolute;*/
        /*display: none;*/
        /* margin-top: 10px; */
        background: #fff;
        border-radius: 15px;
        box-shadow: 0px 0px 10px #ccc;
        padding: 5px 0;
    }

    .pc_banner{
        display: none;
    }
    /* banner */
    .benn_css{
        display: none;
    }
    .i_banner {
        width: 100%;
        position: relative;
        /*display: none;*/
    }

    .banner_a {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .banner_a .hd {
        width: 100%;
        height: 20px;
        text-align: center;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 20px;
        z-index: 300;
    }

    .banner_a .hd ul {
        display: inline-block;
    }

    .banner_a .hd ul li {
        width: 16px;
        height: 16px;
        float: left;
        margin-left: 4px;
        margin-right: 4px;
        background: #ccc;
        cursor: pointer;
        border-radius: 8px;
        transition: 0.3s;
        -moz-transition: 0.3s;
        /* firefox 4 */
        -webkit-transition: 0.3s;
        /* safari 和 chrome */
        -o-transition: 0.3s;
        /* opera */
    }

    .banner_a .hd ul li.on {
        background: #3391fe;
        width: 30px;
    }

    .banner_a .banner_img {
        position: relative;
        width: 100%;
        z-index: 0;
    }

    .banner_a .banner_img li {
        width: 100%;
    }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .banner_a .prev {
        width: 68px;
        height: 68px;
        background: url(/uploads/image/shimg/prev_3.png) center no-repeat, #fff;
        position: absolute;
        left: 20px;
        top: 50%;
        border-radius: 50%;
        margin-top: -34px;
        transition: 0.3s;
        -moz-transition: 0.3s;
        /* firefox 4 */
        -webkit-transition: 0.3s;
        /* safari 和 chrome */
        -o-transition: 0.3s;
        /* opera */
    }

    .banner_a .next {
        width: 68px;
        height: 68px;
        background: url(/uploads/image/shimg/next_3.png) center no-repeat, #fff;
        position: absolute;
        right: 20px;
        top: 50%;
        border-radius: 50%;
        margin-top: -34px;
        transition: 0.3s;
        -moz-transition: 0.3s;
        /* firefox 4 */
        -webkit-transition: 0.3s;
        /* safari 和 chrome */
        -o-transition: 0.3s;
        /* opera */
    }

    .banner_a .prev:hover {
        background: url(/uploads/image/shimg/prev_h3.png) center no-repeat, #3391fe;
    }

    .banner_a .next:hover {
        background: url(/uploads/image/shimg/next_h3.png) center no-repeat, #3391fe;
    }

    /*wap_banner*/

    .wap_menu_css{
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .wap_menu_title{
        padding: 5px;
        width: 23%;
    }
    .wap_menu_title img{
        width: 30px;
        height: 30px;
        border-radius: 11px;
        display: block;
        margin: 0 auto;
    }
    .wap_menu_title h6{
        text-align: center;
        line-height: 30px;
        font-size: 15px;
    }
    .wap_banner {
        margin-top: 116px;
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .wap_banner .hd {
        width: 100%;
        height: 20px;
        text-align: center;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 20px;
        z-index: 300;
    }

    .wap_banner .hd ul {
        display: inline-block;
    }

    .wap_banner .hd ul li {
        width: 16px;
        height: 16px;
        float: left;
        margin-left: 4px;
        margin-right: 4px;
        background: #ccc;
        cursor: pointer;
        border-radius: 8px;
        transition: 0.3s;
        -moz-transition: 0.3s;
        /* firefox 4 */
        -webkit-transition: 0.3s;
        /* safari 和 chrome */
        -o-transition: 0.3s;
        /* opera */
    }

    .wap_banner .hd ul li.on {
        background: #3391fe;
        width: 30px;
    }

    .wap_banner .wap_banner {
        position: relative;
        width: 100%;
        z-index: 0;
    }

    .wap_banner .wap_banner li {
        width: 100%;
    }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .wap_banner .prev {
        width: 68px;
        height: 68px;
        background: url(/uploads/image/shimg/prev_3.png) center no-repeat, #fff;
        position: absolute;
        left: 20px;
        top: 50%;
        border-radius: 50%;
        margin-top: -34px;
        transition: 0.3s;
        -moz-transition: 0.3s;
        /* firefox 4 */
        -webkit-transition: 0.3s;
        /* safari 和 chrome */
        -o-transition: 0.3s;
        /* opera */
    }

    .wap_banner .next {
        width: 68px;
        height: 68px;
        background: url(/uploads/image/shimg/next_3.png) center no-repeat, #fff;
        position: absolute;
        right: 20px;
        top: 50%;
        border-radius: 50%;
        margin-top: -34px;
        transition: 0.3s;
        -moz-transition: 0.3s;
        /* firefox 4 */
        -webkit-transition: 0.3s;
        /* safari 和 chrome */
        -o-transition: 0.3s;
        /* opera */
    }

    .wap_banner .prev:hover {
        background: url(/uploads/image/shimg/prev_h3.png) center no-repeat, #3391fe;
    }

    .wap_banner .next:hover {
        background: url(/uploads/image/shimg/next_h3.png) center no-repeat, #3391fe;
    }

    /*wap_banner end*/
    .yk_from_search {
        position: absolute;
        top: 120px;
        left: 20%;
        background: rgba(255, 255, 255, .7);
        width: 550px;
        padding: 10px;
        border-radius: 15px;
    }

    .yk_form_css {
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }

    .cate_from_input {
        border: none;
        border-left: 2px solid #ccc;
        text-indent: 0.5em;
        font-size: 16px;
        line-height: 25px;
        outline: none;
        height: 25px;
        width: 77%;
        margin-top: 19px;
    }

    .fabu_css_index {
        display: flex;
    }

    .fabuxuqiu {
        margin-left: 25px;
        width: 24%;
        border: 1px solid #3391fe;
        background: #fff;
        color: #3391fe;
        line-height: 60px;
        text-align: center;
        border-radius: 15px;
        font-size: 18px;
    }

    .fabuxuqiu:hover {
        cursor: pointer;
    }

    .form_css {
        width: 70%;
        background: #fff;
        border-radius: 15px;
        display: flex;
        justify-content: space-between;
    }

    .form_select {
        border: none;
        color: #000;
        font-size: 16px;
        margin-left: 15px;
        height: 30px;
        outline: none;
        margin-top: 15px;
    }

    .form_li {
        display: flex;
        flex-wrap: wrap;
        margin-top: 15px;
    }

    .form_lia {
        font-size: 14px;
        background: #fff;
        padding: 2px 15px;
        border-radius: 15px;
        margin: 5px 8px;
        color: #666;
        line-height: 25px;
    }

    .form_lia:hover {
        cursor: pointer;
    }

    .form_input {
        border: none;
        border-left: 2px solid #ccc;
        text-indent: 0.5em;
        font-size: 16px;
        line-height: 25px;
        outline: none;
        height: 25px;
        margin-top: 19px;
    }

    .form_search {
        border: none;
        background: #3391fe;
        border-radius: 0 15px 15px 0;
        font-size: 16px;
        color: #fff;
        line-height: 50px;
        padding: 5px 14px;
    }

    .join_margin{
        margin-top: 20px!important;
    }
    .yk_join_css{
        background: #fff;
        border-radius: 11px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        box-shadow: 0px 0px 10px #ccc;
        margin-top: 15px;
        padding: 10px;
    }
    .join_list{
        width: 100%;
        display: flex;
        margin: 5px 0;
        justify-content: space-between;
    }
    .join_list_css{
        display: flex;
    }
    .join_list h6{
        color: #3391fe;
        border-radius: 11px;
        border:1px solid #3391fe;
        line-height: 20px;
        padding: 5px 10px;
        text-align: center;
        min-width: 80px;
    }
    .join_list b{
        line-height: 20px;
        padding: 5px 10px;
        color: #3391fe;
    }
    .join_list p{
        width: 200px;
        line-height: 20px;
        padding: 5px 10px;
    }
    .join_list h5{
        line-height: 20px;
        padding: 5px 10px;
        color: #999;
    }
    /* 题材分类 */
    .ticai {
        width: 100%;
        margin: auto;
        /*margin-top:40px;*/
        padding: 0 10px;
    }

    .ticai_main {
        margin-top: 20px;
    }

    .ticai_left {
        width: 100%;
        background: #fff;
        border-radius: 15px;
        box-shadow: 0px 0px 10px #ccc;

    }
    .ticai_left ul{
        display: flex;
        flex-wrap: wrap;
        margin: 10px 0;
    }

    .ticai_left li {
        font-size: 16px;
        width: 33%;
        line-height: 35px;
        padding: 5px 0;
    }

    .ticai_left li a {
        color: #3391fe;
        width: 100%;
        line-height: 35px;
        text-align: center;
        display: block;
    }

    .ticai_left li.current a {
        background: #3391fe;
        color: #ffffff;
        border-radius: 15px;
        transition: all 0.3s;
    }

    .ticai_right {
        width: 100%;
        border-radius: 15px;
        box-shadow: 0px 0px 10px #ccc;
        margin-bottom: 15px;
    }

    .i_fenzhong {
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    .i_fenzhong ul {
        display: flex;
    }

    .i_fenzhong li {
        width: 140px;
        line-height:30px;
        font-size: 16px;
        margin-right: 20px;
        text-align: center;

    }

    .i_fenzhonga {
        border-bottom: 1px solid #3391fe;
    }

    .i_fenzhong li a {
        color: #3391fe;
    }

    .ticai_list {
        margin-top: 20px;
    }

    .ticai_list ul {
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*justify-content: space-between;*/
        padding: 0 10px;
    }
    .teacher_css{
        font-size: 12px;
        line-height: 20px;
    }
    .ticai_css_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ticai_list li {
        display: inline-block;
        width: 100%;
        height: 115px;
        background: #f6f6f6;
        padding: 10px 10px 30px 10px;
        border-radius: 15px;
        margin: 0 0 20px 0;
        margin-right: 3%;
    }

    .ticai_list li:nth-child(3), .ticai_list li:nth-child(6), .ticai_list li:nth-child(9) {
        margin-right: 0;
    }

    .ticai_audio_img {
        width: 65px;
    }

    .ticai_audio {
        width: 98%;
        margin: 0 auto;
        height: 78px;

    }

    .ticai_audio .title {
        display: flex;
        height: 65px;
        overflow: hidden;
    }

    .ticai_audio_p {
        width: 190px;
        font-size: 14px;
        display: block;
        margin-top: 10px;
        margin-left: 5px;
        line-height: 25px;
        height: 50px;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .floor_top {
        display: flex;
        justify-content: space-between;
    }

    .floor_left p {
        font-size: 16px;
        font-weight: bold;
    }

    .floor_left span {
        display: block;
        font-size: 14px;
    }

    .floor_right a {
        display: block;
        margin-top: 12px;
        color: #000;
    }

    /*首页音频*/
    .audiojs {
        height: 20px;
        background: #ddd;
        overflow: hidden;
        width: 100%;
        margin: auto;
        border-radius: 15px;
        margin-top: 10px;

    }

    .audiojs audio {
        background-color: #f00;
        left: -1px;
        position: absolute;
    }

    .playing .pause {
        border-radius: 50%;
        display: block;
        height: 20px;
        margin: 0 auto;
        overflow: hidden;
        width: 20px;
    }

    .audiojs .play-pause {
        border: medium none;
        float: left;
        height: 20px;
        overflow: hidden;
        padding: 0 6px;
        width: 25px;
    }

    .audiojs .play {
        background-image: ;
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .audiojs .play {
        border-radius: 50%;
        height: 20px;
        margin: 0 auto;
        overflow: hidden;
        width: 20px;
        webkit-box-sizing: content-box !important;
    }

    .audiojs .pause {
        background-image: ;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .audiojs .loading {
        background:  no-repeat scroll -2px -31px;
    }


    .audiojs .error {
        background: rgba(0, 0, 0, 0)  no-repeat scroll -2px -61px;
    }

    .audiojs .scrubber {
        background: #efefef none repeat scroll 0 0;
        border-bottom: 0 none;
        border-left: 0 none;
        border-radius: 7px;
        border-top: 0 solid #3f3f3f;
        height: 4px;
        float: none;
        overflow: hidden;
        width: 80%;
        margin-top: 8px;
    }

    .audiojs .progress {
        cursor: pointer;
        background: #154ddd none repeat scroll 0 0;
        height: 14px;
        left: 0;
        position: relative;
        top: 0;
        width: 0;
        z-index: 1;
    }

    .audiojs .loaded {
        cursor: pointer;
        background: #d2d2d2 none repeat scroll 0 0;
        height: 14px;
        left: 0;
        position: relative;
        top: 0;
        width: 0;

    }
    .block-content{
        padding: 10px;
    }

    .yk_peiyin {
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
        display: none;
    }

    .yk_peiyin_css {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .peiyin_list {
        width: 48%;
        border-radius: 15px;
        box-shadow: 0px 0px 10px #ccc;
        margin-bottom: 25px;
    }

    .peiyin_list img {
        display: block;
        width: 100%;
    }

    .peiyin_list h2 {
        font-size: 16px;
        text-align: center;
        line-height: 35px;
    }

    .yk_teacher {
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }

    .yk_teacher_css {
        margin-top: 20px;
    }

    .yk_teacher_css ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .yk_teacher_css li {
        width: 48%;
        height: 115px;
        background: #fff;
        padding: 10px 10px 30px 10px;
        border-radius: 15px;
        margin: 0 0 20px 0;
        box-shadow: 0px 0px 10px #ccc;
    }

    .peiyin_list h3 {
        font-size: 16px;
        line-height: 25px;
        width: 90%;
        margin: 0 auto;
    }

    .peiyin_list p {
        font-size: 14px;
        line-height: 22px;
        width: 90%;
        margin: 0 auto;
        text-indent: 2em;
        padding-bottom: 15px;
        text-align: justify;
    }

    .yk_hezuo {
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }

    .yk_hezuo_css {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
    }

    .hezuo_css_left {
        width: 100px;
        margin-right: 10px;
    }
    .hezuo_css_right{
        display: none;
    }

    .hezuo_01 {
        background: #3390ff;
        color: #fff;
        text-align: center;
        font-size: 32px;
        line-height: 78px;
        border-radius: 15px 15px 0 0;
        width: 78px;
    }

    .hezuo_02 {
        background: #303030;
        color: #fff;
        text-align: center;
        font-size: 32px;
        line-height: 78px;
        width: 78px;
    }

    .hezuo_03 {
        background: #484848;
        color: #fff;
        text-align: center;
        font-size: 32px;
        line-height: 78px;
        width: 78px;
    }

    .hezuo_04 {
        background: #5e5e5e;
        color: #fff;
        text-align: center;
        font-size: 32px;
        line-height: 78px;
        width: 78px;
    }

    .hezuo_05 {
        background: #767676;
        color: #fff;
        text-align: center;
        font-size: 32px;
        line-height: 78px;
        width: 78px;
    }

    .hezuo_06 {
        background: #8c8c8c;
        color: #fff;
        text-align: center;
        font-size: 32px;
        line-height: 78px;
        width: 78px;
        border-radius: 0 0 15px 15px;
    }

    .center_cent {
        border-bottom: 1px solid #ebebeb;
        height: 78px;
    }

    .center_cent h3 {
        font-size: 16px;
        line-height: 25px;
    }

    .center_cent p {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 12px;
    }

    .yk_fuwu {
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 30px;
        padding: 0 10px;
    }

    .fuwu_css {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .fuwu_css_list {
        width: 48%;
        border-radius: 15px;
        margin-top: 20px;
        box-shadow: 0px 0px 10px #ccc;
        overflow: hidden;
    }

    .fuwu_css_list img {
        width: 100%;
    }

    .footer {
        width: 100%;
        background: #2f2f2f;
    }

    .footer_css {
        width: 100%;
        margin: 0 auto;
        justify-content: space-between;
        padding: 30px 15px;
    }

    .footer_css_left {
        width: 100%;
    }

    .footer_css_right {
        width: 100%;
        margin-top: 30px;
    }

    .footer_about {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px dashed #fff;
    }

    .footer_about h6 {
        color: #fff;
        font-size: 20px;
        line-height: 50px;
        font-weight: normal;
    }

    .footer_about_css {
        color: #fff;
        font-size: 14px;
        line-height: 25px;
        margin: 15px 0 25px 0;
    }

    .foot_more {
        color: #fff;
        font-size: 14px;
        border: 1px solid #fff;
        padding: 8px 20px;
    }

    .footer_cat {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px dashed #fff;
    }

    .footer_cat h6 {
        color: #fff;
        font-size: 20px;
        line-height: 50px;
        font-weight: normal;
    }

    .contact_css {
        margin-top: 15px;
        display: flex;
        justify-content: space-between;
    }

    .contact_css_dizhi {
        width: 70%;
    }

    .dizhi_css p {
        color: #fff;
        margin-left: 15px;
        font-size: 14px;
    }

    .dibu {
        background: #3391fe;
    }

    .dizhi_css {
        display: flex;
        margin-bottom: 20px;
    }
    .dizhi_css img{
        width: 24px;
        height: 24px;
    }

    .dibu_css {
        width: 100%;
        margin: 0 auto;
        line-height: 35px;
        color: #fff;
        font-size: 14px;
        padding: 0 10px;
    }

    .dibu_css a {
        color: #fff;
    }

    /*detail*/
    .help_list_css {
        line-height: 28px;
    }

    /*关于大音配音*/
    .main_a {
        width: 100%;
        overflow: auto;
    }

    .main {
        width: 100%;
    }

    .main_aa {
        padding-top: 30px;
    }

    .main_aa .img {
        text-align: center;
    }

    .main_aa .text {
        text-align: center;
        padding: 5px 0;
    }

    .main_aa .text.a {
        color: #8c8c8c;
        font-size: 20px;
        font-weight: bold;
    }

    .main_aa .text.a p {
        color: #1f2228;
    }

    .main_aa .text p {
        font-size: 40px;
        font-weight: bold;
        text-align: center;
        line-height: 50px;
    }

    .main_ab {
        padding: 60px 0 100px 0;
        overflow: hidden;
    }

    .main_ab_ul {
        width: 100%;
    }

    .main_ab_li {
        width: 164px;
        height: 188px;
        margin: 0 auto;
        background:  no-repeat;
        text-align: center;

    }

    .main_ab_li:hover {
        background:  no-repeat;
    }

    .main_ab_li.a img {
        margin-top: 45px;
    }

    .main_ab_li.b img {
        margin-top: 55px;
    }

    .main_ab_ul .text {
        color: #8c8c8c;
        font-size: 12px;
        text-align: center;
        line-height: 26px;
    }

    .main_ab_ul .text p {
        font-size: 17px;
        color: #1f2228;
        text-align: center;
        padding: 18px 0 5px 0;
    }
    .cate_css_wap{
        position: relative;
        width: 95%;
        margin: 15px auto;
        box-shadow: 0px 0px 10px #ccc;
        background: #fff;
        padding: 0 10px;
        border-radius: 15px;
    }
    .cate_css_menu_wap{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .cate_wap_title_menu{
        width: 33%;

    }
    .cate_wap_title{

        color: #3391fe;
        text-align: center;
        line-height: 35px;
        font-size: 16px;
    }
    .ticai_menu_list_right{
        position: absolute;
        display: none;
        top: 120px;
        left: 0;
        width: 100%;
        box-shadow: 0px 0px 10px #ccc;
        background: #fff;
        padding: 0 10px;
        border-radius: 15px;
        /*height: 365px;*/

    }
    .cate_title_css_menu{
        display: inline-block;
        font-size: 15px;
        line-height: 30px;
        padding: 5px;
    }
    /*客户见证*/
    .main_b {
        background: #008eff;
    }

    .main_aa .text.b p {
        color: #fff;
    }

    .main_aa .text.b {
        color: #fae7e9;
    }

    .main_b_c {
        width: 100%;
        overflow: auto;
        margin: 0 auto;
    }

    .case_a_cont {
        width: 98%;
        margin: 0 auto;
        margin-bottom: 16px;
    }

    .case_a_cont_li {
        height: 230px;
        width: 100%;
        margin-top: 20px;
        background-color: #fff;
        border-radius: 10px;

    }

    .case_a_cont_li_title {
        color: #008eff;
        font-weight: bold;
        font-size: 14px;
        margin-left: 15px;
        line-height: 100px;
    }

    .yk_youshi_list {
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .case_a_cont_li_logo {
        margin-top: 20px;
        width: 80px;
        text-align: center;
    }

    .case_a_cont_li_logo h3 {
        font-size: 14px;
    }

    .case_a_cont_li_p {

        margin-top: 20px;
        width: 220px;
        height: 110px;
        line-height: 20px;
        text-align: justify;
    }

    .case_a_cont_li_img {
        height: 60px;
        margin-top: 20px;
        float: right;
        margin-right: 10px;
    }

    .main_d_c {
        text-align: center;
        padding-top: 30px;
    }

    .main_b_c .more {
        padding: 20px 0 40px 0;
        text-align: center;
    }

    .main_d_c .png {
        display: inline-block;
        width: 50px;
        height: 50px;
        background:  no-repeat center center;
        color: #000;
        text-align: center;
        line-height: 50px;
        font-size: 10px;
        font-family: "黑体";
        font-weight: bold;
        border: 0;
        cursor: pointer;
    }

    .main_d_c.cz a:hover {
        background:  no-repeat center center;
        color: #fff;
    }

    .youshi_img_css img {
        width: 100%;
        display: block;
        margin: 20px auto;
    }
    .ticai_menu_list{display: none}

    /*央视大咖*/
    .teacher_list {
        width: 100%;
        margin: 20px auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .teacher_list_css {
        background-color: #f2f2f2;
        border: 1px solid #f2f2f2;
        padding: 10px;
        width: 48%;
        margin: 0.5%;
        overflow: hidden;
    }

    .teacher_list_css:hover {
        border: 1px solid #3391fe;
    }

    .yk_teacher_img {
        display: block;
        width: 158px;
        height: 158px;
        overflow: hidden;
        transition: all 1.5s;
    }

    .yk_teacher_img:hover {
        transform: scale(1.2);
    }

    .yk_teacher_imgsed {
        display: block;
        border-radius: 50%;
        width: 50%;
        margin: 15px auto;
        overflow: hidden;
        transition: all 1.5s;
    }

    .yk_teacher_imgsed:hover {
        transform: scale(1.2);
    }

    .teacher_list_css h2 {
        color: #333;
        font-size: 20px;
        line-height: 32px;
        text-align: center;
    }

    .teacher_list_css h3 {
        color: #333;
        font-size: 13px;
        line-height: 26px;
        text-align: center;
    }

    .teacher_list_css i {
        color: #7d7d7d;
        display: block;
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    .yk_card_a {
        background-color: #da251c;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        line-height: 20px;
        margin: 0 2px;
        min-width: 20px;
        padding: 2px 5px;
    }

    .yk_bdb {
        border-bottom: 1px dashed #ccc;
        height: 1px;
        margin: 5px 0;
        width: 100%;
    }

    .yk_btnbox {
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    .btnclick{
        position: absolute;
        padding: 15px;
        width: 150px;
        background: #fff;
        border: 1px solid #5c90d2;
        top: -288px;
        display: none;
        left: 0;
    }
    .btnclick img{
        display: block;
        width: 100%;
    }
    .btn_ps{
        line-height: 25px;
        text-align: center;
    }

    .card {
        text-align: center;
        height: 24px;
        overflow: hidden;
    }

    .yk_cha_a {
        width: 48%;
        background-color: #d4d4d4;
        border-radius: 5px;
        color: #735742;
        display: block;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
    }

    .daka_css {
        margin-top: 0;
    }

    .desc_flex {
        /*display: flex;*/
    }

    .teacher_img_cssimg {
        width: 40%;
        margin: 15px auto;
    }

    .teacher_img_css {
        display: block;
        width: 100%;
        margin: 15px auto;
    }

    .one_desc {
        width: 100%;
    }

    .two_desc {
        width: 100%;
    }

    .pretty_money {
        /*margin-top: 15px;*/
    }

    .pretty_money p {
        margin: 5px 0;
    }

    .lingqu_css {
        width: 120px;
        border-radius: 15px;
        color: #fff;
        background: #3391fe;
        font-size: 16px;
        line-height: 40px;
        margin: 15px auto;
        text-align: center;
    }

    .lingqu_css:hover {
        cursor: pointer;
    }

    .desc_right {
        width:100%;
        margin-top: 30px;
    }

    .one_desc p {
        display: block;
        line-height: 25px;
        text-align: justify;
    }

    .desc_right_css {
        display: block;
        line-height: 45px;
        text-align: center;
        color: #fff;
        margin-top: 15px;
    }

    .bg01 {
        background: #ff6521;
    }

    .bg02 {
        background: #0193e8;
    }

    .bg03 {
        background: #34bf3a;
    }

    .desc_right_css img {
        margin: 0 5px;
    }

    .desc_right_css:hover .wx_img {
        display: block;
    }

    .wx_img {
        position: absolute;
        right: 105px;
        display: none;
        margin-top: -300px;
        z-index: 2;
    }

    .wx_img img {
        display: block;
        height: 180px;
        width: 180px;
    }

    .tea_voice {
        margin: 15px 0;
    }

    .tea_voice_list {
        display: flex;
        border-bottom: 1px solid #3391fe;
    }

    .tea_voice_list h5 {
        text-align: center;
        width: 150px;
        line-height: 35px;
    }
    .tea_voice_list h5:hover{
        cursor: pointer;
    }
    .menused{
        text-align: center;
        width: 150px;
        line-height: 35px;
        color: #fff;
        background: #3391fe;
    }

    .tea_voice_listsed {
        /*display: flex;*/
        justify-content: space-between;
    }

    .link-download .icon {
        color: #00a0ea;
    }

    .link-add .icon {
        color: #00a0ea;
    }

    .link-fav .icon {
        color: #ff8a00;
    }

    .tea_icon_css {
        display: flex;
        line-height: 40px;
    }

    .voice_listsed_title {
        line-height: 40px;
        width: 100%;
        overflow:hidden;
    }

    .voice_listsed_video_css {
        width: 80%;
    }

    .icon_cssed {
        margin: 0 5px;
        position: relative;
    }

    .icon_cssed:hover {
        cursor: pointer;
    }

    .icon_cssed:hover .shiyin_img {
        display: block;
    }

    .icon_cssed i {
        margin: 0 2px;
        color: #3391fe;
    }

    .voice_imgsed {
        display: none;
        height: 15px;
        width: 19px;
        margin-top: 12px;
        margin-left: 5px;
    }

    .login_from {
        width: 100%;

        position: absolute;
        top: 98px;
        left: 0;
    }

    .login_from_css {
        width: 95%;
        margin: 0 auto;
        margin-top: 78px;
        background: #fff;
        box-shadow: 0px 0px 10px #ccc;
        border-radius: 15px;
        padding: 80px 0;
    }

    .from_css {
        width: 75%;
        margin: 0 auto;
    }

    .login_from_input {
        width: 100%;
        margin: 25px 0;
        line-height: 35px;
        border: 1px solid #ddd;
        border-radius: 10px;
        box-shadow: 0px 0px 10px #ccc;
        padding: 0 10px;
        display: flex;
    }
    .logout_css{
        border: 1px solid #3391fe;
        width: 150px;
        line-height: 30px;
        text-align: center;
        border-radius: 11px;
        color: #ccc;
        margin: 30px auto 0;
    }

    .login_from_input input {
        width: 65%;
        border: none;
        text-decoration: none;
    }

    .login_from_button {
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .login_from_button button {
        background: #3391fe;
        width: 45%;
        line-height: 30px;
        font-size: 16px;
        border: none;
        color: #fff;
        border-radius: 10px;
    }

    .login_from_reset {
        background: #c1c1c1 !important;
    }

    .login_logo_css {
        display: block;
        margin: 0 auto;
        margin-top: -120px;
        box-shadow: 0px 0px 10px #ccc;
        border-radius: 50%;
        transition: all 1.3s;
    }

    .login_logo_css:hover {
        transform: scale(1.2);
    }

    .qu_register {
        width: 100%;
        text-align: center;
        line-height: 35px;
    }

    /*user*/
    .member_user {
        width: 100%;
        margin: 118px auto 0;
    }
    .wap_user{
        width: 100%;
        margin: 98px auto 0;
    }
    .member_money_css{
        font-weight: bold;
        font-size: 18px;
    }
    .member_yue_css{
        margin: 10px 0;
    }
    .member_yue_css b{
        color: #3391fe;
    }
    .member_money{
        background: #fff;
        padding: 10px;
    }
    .member_menu {
        display: none;
    }
    .fabu_voice{
        margin-top: 20px;
    }
    .type_video{
        display: flex;
    }
    .type_css{
        width: 20px!important;
        height: 20px!important;
        margin-top: 13px!important;
    }
    .video_url{
        width: 100%;
        background: #000;
    }
    .video_url img{
        margin: 0 auto;
        display: block;
        padding: 30px 0;
    }
    .video_play{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        z-index: 99999999999999999;
    }
    .video_play video{
        width: 95%;
        display: block;
        margin: 35% auto;
    }
    .show_colse{
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        font-size: 14px;
        line-height: 30px;
        color: #fff;
        border: 2px solid #fff;
        position: fixed;
        top: 12%;
        right: 3%;
    }
    .show_colse:hover{
        cursor: pointer;
    }
    .type_p{
        text-align: center!important;
    }
    .voice_list{
        display: flex;
    }
    .voice_list_right{
        line-height: 26px;
        margin-left:20px;
        font-size: 16px;
    }
    .voice_active{
        background: #3391fe;
        padding: 0 15px;
        color: #fff;
    }
    .user_from_sed{
        background: #fff;
        padding: 15px;
        margin-top: 10px;
    }
    .wap_user_list{
        width: 100%;
        background: #fff;
        padding: 15px 0;
        margin-top: 10px;
    }
    .wap_user_list_css{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .wap_user_list_css a{
        width: 25%;
        display: block;
        padding: 10px;
        text-align: center;
    }
    .wap_user_list_css img{
        display: block;
        margin:10px auto;
    }
    .member_right{
        display: block;
    }

    .member_menu a {
        line-height: 30px;
        width: 100px;
        text-align: center;
        color: #3391fe;
        margin-right: 15px;
        display: block;
    }

    .member_menu a.lass {
        background: #3391fe;
        color: #fff;
    }

    .user_from_css {
        width: 98%;
        margin: 20px auto;
    }

    .user_from_input {
        display: flex;
    }

    .user_from {
        margin:15px 0;
    }

    .user_from_input {
        width: 100%;
        line-height: 35px;
        border: 1px solid #ddd;
        border-radius: 10px;
        box-shadow: 0px 0px 10px #ccc;
        padding: 0 10px;
        margin: 15px 0;
    }

    .user_from_input input {
        width: 90%;
        border: none;
        text-decoration: none;
        background: #fff;
    }

    .user_from_button {
        width: 50%;
        margin-left: 10px;
    }

    .user_from_button button {
        background: #3391fe;
        width: 45%;
        line-height: 30px;
        font-size: 16px;
        border: none;
        color: #fff;
        border-radius: 10px;
    }

    /*申请需求发布*/
    .fabu {
        width: 100%;
        margin-top:98px;
    }

    .fabu_nav{
        display: flex;
        justify-content: space-between;
        padding: 0 10px;
    }
    .fabu_nav a {
        width: 48%;
        line-height: 35px;
        padding: 0px 25px;
        font-size: 16px;
        color: #000;
        border-radius: 15px;
        text-align: center;
    }

    .fabu_nav a.current {
        background: #3391fe;
        color: #fff;
    }
    .current {
        background: #3391fe;
        color: #fff;
    }
    .current .cate_wap_title{
        color: #fff;
    }

    .fabu_nav a:hover {
        background: #3391fe;
        color: #fff;
    }

    .fabu_main {
        background: #fff;
        width: 100%;
        padding: 0 10px;
    }

    .voice_send {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .4);
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        z-index: 9999999999;
    }

    .voice_no_css {
        font-weight: bold;
        color: #3c7ac9;
        font-size: 20px;
        margin-left: 15px;
    }

    .voice_send_css {
        width: 95%;
        background: #fff;
        margin: 0px auto;
        margin-top: 100px;
        padding: 20px 10px 5px 10px;
        position: relative;
        overflow-y: auto;
        height: 500px;
    }

    .voice_close {
        position: absolute;
        right: 15px;
        top: 15px;
        border: 1px solid #000;
        border-radius: 50%;
        text-align: center;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .voice_close:hover {
        cursor: pointer;
    }

    .p_message_main {
        padding:20px 0;
        width: 100%;
    }

    .xuqiu_css {
        line-height: 35px;
    }

    .xuqiu_css span {
        display: block;
        width: 100px;
        text-align: left;
        font-size: 16px;
    }

    .xuqiu_css span.span_2 {
        text-align: left;
        width: auto;
        font-size: 14px;
    }

    .xuqiu_css input {
        display: block;
        width: 95%;
        height: 35px;
        border: 1px solid #ccc;
        padding: 0px 5px;
        border-radius: 5px;
        font-size: 16px;
        margin: 0 auto;
    }

    .xuqiu_css {
        width: 100%;
    }

    .xuqiu_css textarea {
        width: 100%;
        display: block;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px;
        line-height: 24px;
        height: 130px;
    }

    .p_message_main .button {
        width: 217px;
        height: 40px;
        display: block;
        border: none;
        background: #3391fe;
        border-radius: 5px;
        color: #fff;
        text-align: center;
        line-height: 40px;
        margin: auto;
        margin-top: 50px;
        font-size: 18px;
        cursor: pointer;
        margin-bottom: 50px;
    }

    .fabu_right {
        width: 240px;
        margin-top: 30px;
        margin-left: 35px;
        display: none;
    }

    .fabu_right_title {
        width: 240px;
        height: 55px;
        line-height: 55px;
        color: #fff;
        background: url(/uploads/image/shimg/fabu_right_title_bg.png);
        font-size: 16px;
        text-align: center;
    }

    .fabu_right_main {
        border: 1px solid #e5e5e5;
        padding: 0px 20px;
    }

    .fabu_right_main li {
        padding: 30px 0px;
        border-bottom: 1px solid #e5e5e5;
    }

    .fabu_right_main li .p1 {
        font-size: 18px;
    }

    .fabu_right_main li .p2 {
        font-size: 14px;
        line-height: 24px;
        margin-top: 5px;
    }

    .fabu_right_main li.last {
        text-align: center;
        border-bottom: none;
    }

    .xuqiu_fixed {
        width: 151px;
        height: 272px;
        background: url(/uploads/image/shimg/xuqiu_fixed_bg.jpg) center no-repeat;
        position: fixed;
        right: 10px;
        top: 100px;
        z-index: 9999999999;
        display: none;
    }

    .xuqiu_fixed_list {
        padding-top: 105px;
    }

    .xuqiu_fixed_list a {
        display: block;
        height: 28px;
        width: 114px;
        background: #fff;
        color: #d61a1a;
        margin: 0px auto 12px auto;
        line-height: 28px;
        text-align: center;
    }

    .xuqiu_fixed_list a:hover {
        background: #3391fe;
        color: #fff;
    }

    .xuqiu_fixed p {
        color: #fff;
        text-align: center;
        margin-top: 6px;
    }

    .xuqiu_fixed p.p2 {
        font-size: 16px;

    }

    .xuqiu_close {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 10px;
        height: 10px;
        display: block;
        color: #fff;
    }

    .xuqiu_css {
        /*display: flex;*/
    }

    .active {
        display: none;
    }

    .video_list {
        width: 100%;
    }

    .video_list_css {
        background: #fff;
        padding: 20px;
        border-bottom: 1px dashed #c0c0c0;
    }

    .video_list_css h2 {
        line-height: 34px;
        height: 34px;
        font-size: 16px;
        color: #333;
        font-weight: bold;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: all 0.5s;
    }

    .video_list_css h2:hover {
        color: #3391fe;
    }

    .video_list_css p {
        margin-bottom: 0;
    }

    .video_detail_css {
        background: #fff;
        padding: 20px;
        border-bottom: 1px dashed #c0c0c0;
    }

    .video_detail_css video {
        display: block;
        width: 80%;
        margin: 15px auto;
        height: 300px;
    }
    .video_detail_css img{
        width: 100%;
    }

    .case_list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .case_list_css {
        width: 48%;
        margin: 10px 0;
    }

    .case_list_css h2 {
        line-height: 34px;
        height: 34px;
        font-size: 16px;
        color: #333;
        font-weight: bold;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: all 0.5s;
    }

    .case_list_css img {
        width: 100%;
        height: 145px;
    }

    .case_video_css {
        background: #fff;
        /*padding: 30px 0;*/
    }

    .case_video iframe {
        display: block;
        width: 100%;
        height: 400px;
        margin: 10px auto;
    }
    .hidden_web{
        height: 300px
    }
    .case_video_content {
        width: 85%;
        margin: 15px auto;
    }
    .case_video_content img{
        width: 100%;
    }
    .pretty_css {
        width: 100%;
        margin: 0 auto;
    }

    .margin_share{
        margin: 25px 0;
    }
    .recod_voice_listsed {
        display: inline-block;
        width: 47%;
        margin: 10px 5px;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0px 0px 10px #ccc;
        padding: 10px;
        transition: all 0.5s;
    }

    .recod_voice_listsed:hover {
        box-shadow: 0px 0px 10px #3391fe;
    }

    .recod_imgsed {
        border-radius: 50%;
        width: 70%;
        display: block;
        margin: 0 auto;
    }

    .bofang_css_div{
        height: 20px;
        background: #ddd;
        width: 100%;
        border-radius: 15px;
        position:relative;
    }

    .bofang_css{
        height: 25px;
        background-image: url(/uploads/image/shimg/bo_03.png);
    }

    .barbox{

        position:absolute;

        left:0.57rem;

        right:0.24rem;

        height:0.15rem;

    }

    .progressall{
        width: 85%;
        height:4px;
        display: inline-block;
        margin-top:0.03rem;
        border-radius: 7px;
        background: #efefef none repeat scroll 0 0;

    }

    .progresscurrent{

        height:4px;

        margin-top:0.03rem;

        background:#232323;

        width:1%;

    }

    .pretty_voice {
        /*display: flex;*/
        /*justify-content: space-between;*/
        /*flex-wrap: wrap;*/
    }

    .pretty_listsed_title {
        line-height: 30px;
        width: 100%;
        overflow: hidden;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow:ellipsis;
    }

    .pretty_listsed_title:hover {
        cursor: pointer;
    }

    .cate_from_search {
        width: 800px;
        margin: 30px auto;
    }

    .search_css {
        width: 100%;
        margin: 98px auto 10px;
        background: #fff;
        /*border-radius: 10px;*/
        box-shadow: 0px 0px 10px #ccc;
        /*padding: 20px 0;*/
    }

    .search_menu_list {
        display: flex;
        flex-wrap: wrap;
    }

    .search_menu_title {
        font-weight: bold;
        margin: 10px 0;
        width: 100%;
    }

    .search_menu {
        width: 95%;
        margin: 0 auto;
    }

    .search_class {
        padding: 0px 10px;
        margin: 2px;
        transition: all 0.5s;
        border-radius: 5px;
    }

    .search_menu_title_css {
        width: 90%;
        display: flex;
        flex-wrap: wrap;
    }

    .search_class:hover {
        cursor: pointer;
        background: #3391fe;
        color: #fff;
    }

    .classactive {
        background: #3391fe;
        color: #fff;
        border-radius: 5px;
    }

    .send_fabu {
        width: 100px;
        line-height: 35px;
        text-align: center;
        color: #3391fe;
        transition: all .8s;
    }

    .send_fabu:hover {
        cursor: pointer;
        background: #3391fe;
        color: #fff;
    }

    .dubbing_content {
        line-height: 25px;
        text-align: justify;
        height: 50px;
        overflow: hidden;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .jiang_css {
        width: 30px;
        height: 20px;
        margin: 0 15px;
        margin-top: 10px;
    }

    .fa_green {
        padding: 0 5px;
        background: #3391fe;
        color: #fff;
        height: 25px;
        line-height: 25px;
        margin-top: 5px;
    }

    .fa_green:hover {
        cursor: pointer;
    }

    .shiyin_img {
        position: absolute;
        left: 100px;
        top: -30px;
        display: none;
        z-index: 999;
        width: 100px;
        height: 100px;
    }

    .shiyin_img img {
        display: block;
        width: 150px;
        height: 150px;
    }

    .right_member{
        position: fixed;
        right: 15px;
        bottom: 80px;
        z-index: 99;
    }
    .right_company{
        display: none;
        width: 70px;
        height: 70px;
    }
    .right_css_img{
        display: block;
        width: 40px;
        margin: 10px 0;
    }
    .class_fixed_qq{
        display: none;
    }
    .class_fixed_weixin{
        display: none;
    }
}