*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
    font-family: PingFangSC-Regular;
}

a,a:link,a:active,a:hover,a:visited{
    text-decoration: none;
}

em{
    font-style: normal;
}

b{
    font-weight: 700;
    font-size: 16px;
    color: #ff6a00;
}

.yq-link-info {
    margin: 0;
    line-height: 22px;
    text-align: left;
    overflow: hidden;
}

.yq-link-info .title-info {
    float: left;
    color: #9b9ea0;
}

.yq-link-info .item-list {
    padding-left: 70px;
}

.yq-link-info .item-list .item {
    float: left;
    padding-right: 20px;
    color: #333;
    text-decoration: none;
}

.yq-link-info .item-list .item:hover{
    color:#ff6a00;
}


@media screen and (min-width: 768px) {

    .jiantouxia {
        width: 9px;
        height: 5px;
        margin-left: 5px;
        margin-bottom: 2px;
    }

    .top-ads{
        width: 1200px;
        margin: 0 auto;
    }

    .wrap{
        width: 1200px;
        margin: 0 auto;
    }

    .entry-nav {
        margin-bottom: 20px;
        font-size: 12px;
        display: flex;
        padding-top: 15px;
    }

    .entry-nav a.entry-nav-item {
        color: #000;
    }

    .entry-nav .entry-nav-active {
        color: #ff6a00;
    }

    .entry-nav a:hover{
        color: #ff6a00;
    }

    .zt-title{
        font-size: 30px;
        line-height: 40px;
        font-weight: 700;
        color: #000;
        margin: 0;
        margin-bottom: 15px;
    }

    .zt-desc{

        line-height: 26px;
        margin-bottom: 16px;
        background: #f9f9f9;
        font-size: 14px;
        color: #73777a;
        line-height: 24px;
        letter-spacing: 0;
        text-align: left;
        padding: 20px 32px;
        margin-bottom: 32px;
        overflow: hidden;
        word-break: break-all;
    }

    .related-article{

    }

    .related-article-title{
        font-size: 16px;
        color: #181818;
        font-weight: 700;
        margin-bottom: 15px;
        line-height: 45px;
        border-bottom: 1px solid #f3f3f3;
        display: flex;
        justify-content: space-between;
    }

    .related-article-title1{
        font-size: 16px;
        color: #181818;
        font-weight: 700;
        line-height: 45px;
    }

    .related-article-title a{
        color: #ff6a00;
        font-size: 14px;
    }

    .related-article-list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        overflow: hidden;
    }

    .related-article-list1{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            overflow: hidden;
     }

    .related-article-item{
        width: 590px;
        max-height:143px;
        padding: 15px 30px;
        margin-bottom: 20px;
        background: #FFFFFF;
        border: 1px solid rgba(0,0,0,0.14);
        position: relative;
    }

    .related-article-item a.dfa{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .article-left-line {
        width: 4px;
        height: 100%;
        background: #ff6a00;
        position: absolute;
        left: 0;
        top: 0;
        display: none;
    }



    .related-article-item:hover{
        box-shadow: 0 2px 4px 2px rgba(220,220,220,0.50);
    }

    .related-article-item:hover .article-left-line{
        display: block;
    }

    .related-article-item-title{
        text-align: left;
        line-height: 45px;
        font-size: 16px;
        color: #181818;
        height: 45px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
    }

    .related-article-item-title em{
        font-style: normal;
        font-size: 16px;
        color:#ff6a00;
    }

    .related-article-item-desc{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        word-break: break-all;
    }

    .related-article-item-desc-ct em{
        font-style: normal;
        font-size: 14px;
        color:#ff6a00;
    }

    .related-article-item-desc-ct{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 24px;
        font-size: 14px;
        color: #666;
        width: 100%;
    }

    .related-article-item-desc a.see-all{
        color: #ff6a00;
        margin-top: 5px;
    }

    .related-article-item:hover .related-article-item-title{
        color: #ff6a00;
    }

    .recommend-product{
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .swiper-container{
        overflow: hidden;
    }

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

    .swiper-slide{
        position: relative;
        padding-right: 20px;
    }

    .swiper-slide img{
        width: 380px;
        display: block;
        max-height: 150px;
    }

    .swiper-slide a{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top:0;
    }

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

    .question-slide-question {
        display: flex;
        align-items: center;
        width: 48%;
        margin-bottom: 20px;
        position: relative;
    }

    .question-link {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        cursor: pointer;
    }

    .question-slide-question .have-answer {
        background-color: #fff0e5!important;
    }

    .question-slide-question .have-answer p {
        font-size: 12px!important;
        line-height: 36px!important;
        text-align: center;
        color: #ffa600!important;
        margin: 0!important;
    }

    .question-slide-question .answers-num {
        width: 46px;
        height: 46px;
        background-color: hsla(180,3%,92%,.5);
        padding: 7px 0;
        margin-right: 10px;
    }

    .question-slide-question .answers-num p {
        font-size: 12px!important;
        line-height: 36px!important;
        text-align: center;
        color: #73777a;
        margin: 0!important;
    }

    .question-box{
        width: 520px;
    }

    .question-slide-question .question-box .question-title {
        height: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .question-slide-question .question-box .question-title .title {
        font-size: 14px;
        color: #373d41;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden!important;
        font-family: PingFangSC-Medium;
    }

    .question-slide-question:hover .question-title .title{
        color: #ff6a00!important;
    }

    .cards-list-pc{
        display: flex;
        flex-wrap: wrap;
    }

    .cards-list-pc .card-item {
        width: 280px;
        height: 122px;
        background: #fff;
        position: relative;
        margin-right: 20px;
        margin-bottom: 20px;
        border: 1px solid #e6e2e2;
    }

    .card-item .top-border {
        background-image: linear-gradient(-29deg,#ffa133,rgba(254,113,84,.82));
        border-radius: 2px 2px 0 0;
        height: 4px;
    }

    .card-item .card-title {
        display: flex;
        padding: 26px 20px 16px;
    }

    .card-item .card-title .title-text {
        font-size: 16px;
        color: #373d41;
        line-height: 24px;
        max-height: 48px;
        max-width: 200px;
        overflow: hidden;
    }

    .card-item .card-desc {
        font-size: 12px;
        color: #9b9ea0;
        letter-spacing: .31px;
        line-height: 18px;
        padding: 0 20px;
    }

    .card-item .card-link {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .card-item .play-btn {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        overflow: hidden;
        background: url(https://img.alicdn.com/tfs/TB15HpSK5_1gK0jSZFqXXcpaXXa-64-64.png);
        background-size: 100% 100%;
        position: absolute;
        right: 20px;
        bottom: 26px;
    }

    .cards-list-pc .card-item:hover {
        box-shadow: 0 2px 15px 0 rgba(0,0,0,.15);
    }

    .cards-list-pc .card-item:hover .play-btn {
        background: url(https://img.alicdn.com/tfs/TB1K6RQK.H1gK0jSZSyXXXtlpXa-64-64.png);
        background-size: 100% 100%;
    }

    .related-lists {
        overflow: hidden;
        margin-bottom: 20px;
    }

    .related-lists a {
        float: left;
        width: 13%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 30px;
        /* padding-right: 15px; */
        margin-right: 15px;
        color: #7d8387;
        font-size: 14px;
    }

    .related-lists a:hover{
        color: #ff6a00;
    }

    .come-from{
        margin-top:5px;
    }

    .come-from .source{
        font-size:12px;
        color:#666;
    }

    .come-from a{
        color:#666;
        font-size:12px;
    }

    .come-from a:hover{
        color:#ff6a00;
    }

}


@media screen and (max-width: 768px){

    .jiantouxia {
        width: 9px;
        height: 5px;
        margin-left: 5px;
        margin-bottom: 2px;
    }

    .wrap{
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }

    .entry-nav {
        margin-bottom: 20px;
        font-size: 12px;
        display: flex;
        padding-top: 20px;
    }

    .entry-nav a.entry-nav-item {
        color: #000;
    }

    .entry-nav .entry-nav-active {
        color: #ff6a00;
    }

    .entry-nav a:hover{
        color: #ff6a00;
    }

    .zt-title{
        font-size: 30px;
        line-height: 40px;
        font-weight: 700;
        color: #000;
        margin: 0;
        margin-bottom: 15px;
    }

    .zt-desc{
        background: #f9f9f9;
        font-size: 14px;
        color: #73777a;
        line-height: 24px;
        letter-spacing: 0;
        text-align: left;
        padding: 20px 20px;
        overflow: hidden;
        word-break: break-all;
        margin-bottom: 20px;
    }

    .related-article{

    }

    .related-article-title{
        font-size: 16px;
        color: #181818;
        font-weight: 700;
        margin-bottom: 15px;
        line-height: 45px;
        border-bottom: 1px solid #f3f3f3;
        display: flex;
        justify-content: space-between;
    }

    .related-article-title1{
        font-size: 16px;
        color: #181818;
        font-weight: 700;
        line-height: 45px;
    }

    .related-article-title a{
        color: #ff6a00;
        font-size: 14px;
    }

    .related-article-list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        overflow: hidden;
    }

    .related-article-item{
        width: 100%;
        padding: 15px 30px;
        margin-bottom: 20px;
        background: #FFFFFF;
        border: 1px solid rgba(0,0,0,0.14);
        position: relative;
    }

    .related-article-item a.dfa{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .article-left-line {
        width: 4px;
        height: 100%;
        background: #ff6a00;
        position: absolute;
        left: 0;
        top: 0;
        display: none;
    }



    .related-article-item:hover{
        box-shadow: 0 2px 4px 2px rgba(220,220,220,0.50);
    }

    .related-article-item:hover .article-left-line{
        display: block;
    }

    .related-article-item-title{
        text-align: left;
        line-height: 45px;
        font-size: 16px;
        color: #181818;
        height: 45px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
    }

    .related-article-item-title em{
        font-style: normal;
        font-size: 16px;
         color:#ff6a00;
    }

    .related-article-item-desc{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        word-break: break-all;
    }

    .related-article-item-desc-ct em{
        font-style: normal;
        font-size: 14px;
        color:#ff6a00;
    }

    .related-article-item-desc-ct{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 24px;
        font-size: 14px;
        color: #666;
        width: 100%;
        word-break: break-all;
    }

    .related-article-item-desc a.see-all{
        color: #ff6a00;
        margin-top: 5px;
    }

    .related-article-item:hover .related-article-item-title{
        color: #ff6a00;
    }

    .recommend-product{
        margin-bottom: 20px!important;
        margin-top: 20px!important;
        width: 100% !important;
    }

    .swiper-container{
        overflow: hidden;
    }

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

    .swiper-slide{
        position: relative;
        width: 100% !important;
    }

    .swiper-slide img{
        width: 100% !important;
        display: block;
        max-height: 150px;
    }

    .swiper-slide a{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top:0;
    }

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

    .question-slide-question {
        display: flex;
        align-items: center;
        width: 48%;
        margin-bottom: 20px;
        position: relative;
    }

    .question-link {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        cursor: pointer;
    }

    .question-slide-question .have-answer {
        background-color: #fff0e5!important;
    }

    .question-slide-question .have-answer p {
        font-size: 12px!important;
        line-height: 36px!important;
        text-align: center;
        color: #ffa600!important;
        margin: 0!important;
    }

    .question-slide-question .answers-num {
        width: 46px;
        height: 46px;
        background-color: hsla(180,3%,92%,.5);
        padding: 7px 0;
        margin-right: 10px;
    }

    .question-slide-question .answers-num p {
        font-size: 12px!important;
        line-height: 36px!important;
        text-align: center;
        color: #73777a;
        margin: 0!important;
    }

    .question-box{
        width: 75%;
    }

    .question-slide-question .question-box .question-title {
        height: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .question-slide-question .question-box .question-title .title {
        font-size: 14px;
        color: #373d41;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden!important;
        font-family: PingFangSC-Medium;
        word-break: break-word;
    }

    .question-slide-question:hover .question-title .title{
        color: #ff6a00!important;
    }

    .cards-list-pc{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .cards-list-pc .card-item {
        width: 49%;
        background: #fff;
        position: relative;
        margin-bottom: 20px;
        border: 1px solid #e6e2e2;
        padding-bottom: 20px;
    }

    .card-item .top-border {
        background-image: linear-gradient(-29deg,#ffa133,rgba(254,113,84,.82));
        border-radius: 2px 2px 0 0;
        height: 4px;
    }

    .card-item .card-title {
        display: flex;
        padding: 26px 20px 16px;
    }

    .card-item .card-title .title-text {
        font-size: 14px;
        color: #373d41;
        line-height: 24px;
        max-height: 48px;
        max-width: 200px;
        overflow: hidden;
    }

    .card-item .card-desc {
        font-size: 12px;
        color: #9b9ea0;
        letter-spacing: .31px;
        line-height: 18px;
        padding: 0 20px;
    }

    .card-item .card-link {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .card-item .play-btn {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        overflow: hidden;
        background: url(https://img.alicdn.com/tfs/TB15HpSK5_1gK0jSZFqXXcpaXXa-64-64.png);
        background-size: 100% 100%;
        position: absolute;
        right: 20px;
        bottom: 26px;
        display: none;
    }

    .cards-list-pc .card-item:hover {
        box-shadow: 0 2px 15px 0 rgba(0,0,0,.15);
    }

    .cards-list-pc .card-item:hover .play-btn {
        background: url(https://img.alicdn.com/tfs/TB1K6RQK.H1gK0jSZSyXXXtlpXa-64-64.png);
        background-size: 100% 100%;
    }

    .related-lists {
        overflow: hidden;
        margin-bottom: 20px;
    }

    .related-lists a {
        float: left;
        width: 32%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 30px;
         padding-right: 15px;
        /*margin-right: 15px;*/
        color: #7d8387;
        font-size: 14px;
    }

    .related-lists a:hover{
        color: #ff6a00;
    }

    .top-ads{
        width: 100%!important;
    }

    .come-from{
            margin-top:5px;
    }

    .come-from .source{
        font-size:12px;
        color:#666;
    }

    .come-from a{
        color:#666;
        font-size:12px;
    }

    .come-from a:hover{
        color:#ff6a00;
    }

}