.z-nm-content,
.z-nma-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.z-nm-content .z-left,
.z-nma-content .z-left {
    width: 885px;
}
.c-net-tab{
    width: 100%;
    padding: 13px 20px 17px;
    box-sizing: border-box;
    border-bottom: 1px solid #f2f2f2;
}
.c-net-tab ul{
    display: flex;
    align-items: center;
    width: 100%;
}

.c-net-tab ul>li{
   display: inline-block;
   font-size: 15px;
}
.c-net-tab ul>li a{
    position: relative;
}

.c-recomend-icon{
    position: absolute;
    width: 33px;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    height: 16px;
    right: -40px;
    top: 0;
    color: #ffffff;
    background-color: #E3423B;
    border-radius: 3px;
    -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-up 1.5s linear infinite;
}

.c-recomend-icon::before{
    position: absolute;
    top: 0px;
    left: -14px;
    content: '';
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #E3423B transparent transparent;
    transform: rotate(0deg);
}


@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(3px);
    }

    50%,
    100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(-3px);
    }
}


.c-net-tab .c_active{
    font-weight: 600;
}

.c-net-tab ul>li:not(:last-child){
    margin-right: 5%;
}



.z-nm-content .z-right,
.z-nma-content .z-right {
    width: 294px;
}

.z-nm-content .z-left .neirong li {
    width: 885px;
    height: 175px;
    display: flex;
    justify-content: space-between;
    align-items: normal;
    border-bottom: 1px solid #f2f2f2;
}

.net-mking-img {
    position: relative;
    min-width: 180px;
    width: 180px;
    height: 135px;
    display: block;
    margin-right: 20px;
    overflow: hidden;
}

.net-mking-recomend-btn{
    position: absolute;
    left: -22px;
    top: 3px;
    display: inline-block;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #fd6260;
    color: #ffffff;
    transform:rotate(-45deg);
    font-size: 14px!important;
    font-weight: 400;
    transition: all 0.6s;
}

.c-scale-img-wrap{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.c-scale-img-wrap img {
    width: 100%;
    height: 100%;
    transition: all 0.6s;
}
.c-scale-img-wrap:hover .c-scale-img {
    transform: scale(1.05);
}

.z-nm-content li .wenzi {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #4D4D4D;
}

.z-nm-content li .wenzi .title {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 15px;
}

.z-nm-content li .wenzi a {
    color: #4D4D4D;
}

.z-nm-content li .wenzi a:hover {
    color: #999999;
}

.z-nm-content .wenzi .summary p {
    max-width: 100%;
    line-height: 30px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.z-nm-content li .wenzi .z-top {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.z-nm-content li .wenzi .z-bottom {
    margin-top: 0px;
    margin-bottom:20px;
    color: #999999;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.z-nm-content li .wenzi .z-bottom span {
    margin-right: 15px;
}

.net-mking-news {
    width: 294px;
    /*height: 323px;*/
    background: rgba(255, 255, 255, 1);
    padding: 12px;
}

.z-nm-common-title h1 {
    position: relative;
    margin-left: 20px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.z-nm-common-title h1::before {
    position: absolute;
    content: "";
    top: 6px;
    left: -25px;
    transform: rotate(-90deg);
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #E3423B transparent transparent;
}

.z-nmn-img {
    width: 100%;
    height: 211px;
}

.z-nmn-img img {
    width: 100%;
    height: 143px;
    margin-top: 10px;
}

.net-mking-news .tips {
    color: #999999;
    margin-top: 10px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    display: -webkit-box;
    /*-webkit-line-clamp: 2;*/
    /*line-clamp: 2;*/
    -webkit-box-orient: vertical;
    font-size: 15px;
    line-height: 25px;
}
.z-atricle-content-right{
    position: relative;
}
.z-acr-fixed{
    position: fixed;
    top: 0px;
    right: 0px;
}
.net-mking-type {
    padding: 12px;
}

.net-mking-type ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 18px;
}

.net-mking-type li:not(:nth-child(2n)) {
    margin-right: 18px;
}

.net-mking-type li a {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 118px;
    height: 30px;
    color: #4d4d4d;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    margin-bottom: 10px;
}
.net-mking-type li a:hover{
    opacity: 0.8;
}
.net-mking-type li .active {
    color: #E3423B;
    opacity: .8;
}

.net-mking-ad {
    width: 100%;
    height: 207px;
}

.net-mking-ad img {
    width: 100%;
    height: 207px;
}

.net-mking-article li{
    height: 38px;
}
.net-mking-article {
    padding: 12px;
}
.net-mking-article li{
    display: flex;
    align-items: center;
}
.net-mking-article li .li-content{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.net-mking-article li .num{
    margin-right: 10px;
}

.net-mking-article li .num span{
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-color: #cccccc;
}

.net-mking-article li a {
    display: flex;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    margin: 15px 0px;
    color: #4D4D4D;
    text-overflow: ellipsis;
}

.net-mking-article li a font{
    display: block;
    width: 89%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.net-mking-article li a:hover{
    color: #f6643a;
}
.net-mking-article li a .num {
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.net-mking-article li a .li-content {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.net-mking-recomend{
    padding: 12px;
    box-sizing: border-box;
}

.net-mking-recomend ul{
    width: 100%;
}

.net-mking-recomend ul>li{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    text-align: left;
}

.net-mking-recomend ul>li img{
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.c-net-mking-recomend-title{
    position: relative;
   display: block;
   width: 100%;
   height: 100%;
}

.net-mking-recomend ul>li h2{
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 10px;
    font-size: 16px;
}

/* 3D标签显示S */
#tagsList {
    position: relative;
    width: 100%;
    height: 260px;
    margin-top: 10px;
}

#tagsList a {
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: Microsoft YaHei;
    color: #fff;
    background-color: #E3423B;
    font-weight: bold;
    text-decoration: none;
    padding: 3px 6px;
    border-radius: 3px;

}

#tagsList a:hover {

    color: #ffffff;

    letter-spacing: 2px;

}

/* 3D标签显示E */

/* 标签页S */
.net-mking-tabs-title {
    width: 885px;
    height: 92px;
    background: rgba(255, 255, 255, 1);

}

.net-mking-tabs-title h1 {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(77, 77, 77, 1);
    line-height: 28px;
    margin-bottom: 10px;
}

.net-mking-tabs-title .cell {
    margin-right: 25px;
    color: #4d4d4d;
}

.net-mking-hot-tabs {
	padding: 12px 12px 0;
}

.net-mking-hot-tabs li {
    padding: 16px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
}

.net-mking-hot-tabs li:last-child{
	border: none;
}

.net-mking-hot-tabs li h1 {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.net-mking-hot-tabs li p {
    margin-top: 10px;
    overflow: hidden;
}

.net-mking-hot-tabs li p span {
    color: #999999;
    display: block;
    float: left;
    font-size: 12px;
}
.net-mking-hot-tabs li p .num{
    margin-right: 30px;
}

.net-mking-hot-tabs li .left img{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
/* 标签页E */


/* 文章详情页S */
.z-article-content .z-title {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}

.z-article-content .z-title h1 {
    width: 88%;
    font-size: 21px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(77, 77, 77, 1);
    line-height: 28px;
    margin-right: 10px;
}

.z-article-content .z-title-other {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999999;
    padding: 10px;
    /*border-top: 1px solid #f2f2f2;*/
    border-bottom: 1px solid #f2f2f2;
}

.z-article-content .z-title-other span:not(.tab) {
    margin-right: 25px;
}

.z-article-content .z-article-neirong {
    color: #282828;
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 0;
}

.z-article-content .z-article-download {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.z-article-content .z-article-download button {
    border-radius: 6px;
    width: 130px;
    margin-right: 30px;
}


.c-collect-btn{
    background-color: #f17067;
    width: 120px;
}
.c-share-btn{
    background-color: #5fcec0;
    margin-left: 5px;
    width: 120px;
}
.c-share-content{
    position: relative;
}
.c-share-content i{
    margin-right: 8px;
}
.c-or{
    position: absolute;
    display: block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-color: #FFFFFF;
    top: 3px;
    left: 410px;
    text-align: center;
    line-height:30px ;
    z-index: 999;
}




/* .z-atricle-bottom {
    padding-top: 19px;

} */

   

.z-atricle-bottom .page {
    border-bottom: 1px solid #f2f2f2;
}

.z-atricle-bottom .pre {
    margin-bottom: 18px;
}

.z-atricle-bottom p span {
    padding: 1px 10px;
    /* border-radius: 6px;
    border: 1px solid rgba(153, 153, 153, 1); */
    font-size: 13px;
}

.simple-and-guest {
    display: flex;
    justify-content: space-between;

}

.simple-and-guest .cell {
    width: 400px;
}

.simple-and-guest .cell .z-title {
    border-left: 3px solid #E3423B;
    padding-left: 10px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(77, 77, 77, 1);
    line-height: 24px;
    margin-bottom: 19px;
}

.simple-and-guest .cell li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
}

.simple-and-guest .cell li:not(:last-child) {
    margin-bottom: 20px;
}

.simple-and-guest .cell li a {
    display: block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.simple-and-guest .cell li .time {
    color: #999999;
}


.z-article-neirong p,
.z-article-neirong span {
    font-size: 16px;
    line-height: 35px;
}



/* 文章详情页E */


/* 全部tags页 */
.z-all-tags {
    min-height: 600px;
}

.z-all-tags .z-tags-title {
    width: 100%;
    border-bottom: 1px solid #f5f5f5;

}

.z-all-tags .z-tags-title h1 {
    font-size: 18px;
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 3px solid #E3423B;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}

.z-all-tags .tags-cell ul {
    margin: 10px 0px;
    flex-wrap: wrap;
}

.z-all-tags .tags-cell li {
    margin: 10px;
    margin-left: 0px;
    margin-right: 15px;
}

.z-all-tags .tags-cell li a {
    display: block;
    padding: 5px 10px;
    background: #f5f5f5;
    border-radius: 6px;
}

.z-all-tags .tags-cell li a:hover {
    background-color: #E3423B;
    color: #ffffff;
}


/* 网赚资源 */
.c-ziyuan-ad-list{
    width: 100%;
}
.c-ziyuan-ad-list ul{
    display: flex;
    align-items: center;
}

.c-ziyuan-ad-list ul>li{
    display: inline-block;
    width: 32%;
    height: 70px;
    margin-right: 2%;
    transition: ease-in-out 250ms;
}

.c-ziyuan-ad-list ul>li:last-child{
    margin-right: 0;
}


.c-ziyuan-ad-list ul>li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.c-ziyuan-ad-list ul>li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: ease-in-out 250ms;
}
.c-ziyuan-ad-list ul>li:hover img{
    transform: scale(1.02);
    transition: ease-in-out 250ms;
}

.c-ziyuan-remind{
    display: flex;
    align-items: center;
    width: 100%;
}

.c-scroll-rule{
    display: inline-block;
    width: 90%;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style:none;
}

.c-scroll-rule::-webkit-scrollbar {
    display: none;
}

.c-ziyuan-remind p{
    display: flex;
    align-items: center;
    width: 99%;
    margin-left: 1%;
    overflow: hidden;
    white-space: nowrap;
}
.c-ziyuaun-banner{
    width: 100%;
}

.c-ziyuaun-banner img{
    width: 100%;
    object-fit: cover;
}

.c-ziyuan-tab{
    width: 100%;
    padding: 19px 20px 0;
    box-sizing: border-box;
}
.c-ziyuan-tab ul{
    display: flex;
    align-items: center;
    width: 80%;
}

.c-ziyuan-tab ul>li{
    margin-right: 2.5%;
    /*border-right: 1px solid #E6E6E6;*/
    padding-right: 21px;
}
.c-ziyuan-tab ul>li a{
    font-size: 15px;
    color: #4D4D4D;
}
.c-ziyuan-tab ul>li:last-child{
    margin-left: 0;
}

.c-ziyuan-tab .c_active a{
    font-size: 16px;
    color: #e4423c
}

.c-ziyuan-content{
    width: 100%;
}
.c-ziyuan-content{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.c-ziyuan-content >li{
    display: flex;
    align-items: baseline;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px dashed #BFBFBF;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.c-ziyuan-content >li:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.c-ziyuan-avatar{
    display: inline-block;
    width: 9%;
    text-align: left;
}
.c-ziyuan-info{
    width: 78%;
}

.c-ziyuan-info h2{
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 17px;
    color: #4D4D4D;
}

.c-ziyuan-info ul{
    display: flex;
    align-content: center;
}
.c-ziyuan-info ul>li{
    margin-right: 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #BFBFBF;
}

.c-ziyuan-info ul>li img{
    margin-right: 3px;
}

.c-ziyuan-price{
    width: 14%;
    text-align: right;
}

.c-ziyuan-price strong{
    font-size: 24px;
    color: #E4423C;
    font-weight: 600;
}

.c-ziyuan-price p{
    font-size: 16px;
}
.c-ziyuan-download {
    margin-top: 5px;
}
.c-ziyuan-download a{
    font-size: 14px;
    color: #BFBFBF;
}

.c-ziyuan-download a img{
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
}

.c-ziyuan-download a span{
    display: inline-block;
    vertical-align: middle;
}

.c-ziyuan-title h2{
    display: flex;
    font-size: 16px;
    color: #292929;
    align-items: center;
}

.c-ziyuan-title img{
    margin-right: 10px;
}
.c-ziyuan-aside-intro{
    display: inline-block;
    width: 100%;
}

.c-ziyuan-aside-intro img{
    width: 100%;
    object-fit: cover;
    height: 143px;
}

.c-ziyuan-aside-intro p{
    font-size: 14px;
    color: #999999;
}

.c-ziyuan-type{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.c-ziyuan-type>li{
    width: 48%;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #BFBFBF;
    border-radius: 5px;
    text-align: center;
    height: 31px;
    line-height: 31px;
}

.c-ziyuan-type>li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 14px;
}

.c-ziyuan-type>li a:hover{
    opacity: 0.8;
}
.c-ziyuan-type>li:nth-child(2n){
    margin-right: 0;
}

.c-ziyuan-type .c_active a{
    color: #E4423C;
    opacity: 0.8;
}

.c-ziyuan-curse{
    width: 100%;
}

.c-ziyuan-curse >li{
    width: 100%;
}

.c-ziyuan-curse >li img{
    width: 100%;
    height: 135px;
}
.c-ziyuan-curse >li:not(:last-child){
    margin-bottom: 20px;
}

.c-ziyuan-curse h2{
    text-align: left;
    line-height: 20px;
    font-size: 16px;
    letter-spacing: 1px;
}

.c-ziyuan-curse h2 a{
    color: #292929;
}

/* 资源详情页 */
.c-ziyuanDetail-header{
    display: flex;
    align-items: center;
    width: 100%;
}

.c-ziyuanDetail-info{
    width: 64%;
    margin: 0 15px;
}

.c-ziyuanDetail-info h2{
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 600;
}
.c-ziyuanDetail-type{
    display: flex;
    align-items: center;
}

.c-ziyuanDetail-type{
    font-size: 14px;
    color: #999999;
}

.c-ziyuanDetail-type p{
    margin-right: 4%;
}

.c-ziyuanDetail-money{
    width: 100%;
    font-size: 16px;
    text-align: right;
}

.c-ziyuanDetail-money p{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: flex-end;
}

.c-ziyuanDetail-money strong{
    font-size: 24px;
    color: #E4423C;
}
.c-ziyuanDetail-right{
    width: 28%;
}

.c-ziyuanDetail-handle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.c-ziyuanDetail-handle a{
    display: flex;
    align-items: center;
    width: 116px;
    height: 30px;
    justify-content: center;
    line-height: 30px;
    border: 1px solid #BFBFBF;
    border-radius: 4px;
    margin-left: 20px;
}

.c-ziyuanDetail-handle a:first-child{
    background-color: #e4423c;
    border: 1px solid #e4423c;
    color: #ffffff;
}

.c-ziyuanDetail-handle a:nth-child(2){
    background-color: #fdae50;
    border: 1px solid #fdae50;
    color: #ffffff;
}

.c-ziyuanDetail-handle a img{
    margin-right: 5px;
    filter: brightness(6);
}
.c-ziyuanDetail-remind{
    display: inline-block;
    width: 84%;
    font-size: 16px;
    text-align: right;
    margin-left: 1%;
    color: #292929;

}
.c-ziyuanDetail-remind strong{
    font-size: 24px;
    color: #E3423B;
}

.c-ziyuan-aside-list{
    width: 100%;
}

.c-ziyuan-aside-list{
    width: 100%;
}
.c-ziyuan-aside-list >li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.c-ziyuan-aside-list >li:last-child{
    margin-bottom: 0;
}
.c-ziyuan-aside-list >li a{
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.c-ziyuan-aside-list >li a img{
    margin-right: 5px;
}
.c-ziyuanDetail-buy{
    background-color: #f6f6ff;
    font-size: 16px;
}
.c-ziyuanDetail-buy input{
    background-color: #f6f6f6;
    border: none;
    width: 8%;
}
.c-ziyuanDetail-link a{
    margin-left: 10px;
}
.c-ziyuanDetail-download{
    display: flex;
    align-items: center;
    width: 116px;
    height: 30px;
    justify-content: center;
    line-height: 30px;
    border-radius: 5px;
    color: #999999;
    border: 1px solid #BFBFBF;
}
.c-ziyuanDetail-download img{
    margin-right: 5px;
}

.c-ziyuanDetail-fujian span:first-child{
    font-size: 18px;
    color: #4d4d4d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.c-ziyuanDetail-fujian{
    color: #999999;
}

/* 网址导航列表 */
.c-website-filter{
    padding: 20px 20px 0;
}
.c-website-filter-item{
    display: flex;
    align-items: baseline;
}
.c-website-filter-item h2{
    margin-right: 20px;
}
.c-website-filter-wrap{
    display: flex;
    align-items: center;
    width: 92%;
    flex-wrap: wrap;
}
.c-website-filter-wrap .c_active{
    color: #E4423C;
}
.c-website-filter-wrap a{
    margin-right:3.5%;
    margin-bottom: 20px;
}
.c-website-list h2{
    width: 100%;
    font-size: 14px;
    color: #4d4d4d;
}
.c-website-list h2 strong{
    font-size: 18px;
    color: #4d4d4d;
}

.c-website-list-ul{
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.c-website-list-ul>li{
    display: flex;
    width: 50%;
    padding-right: 2%;
    box-sizing: border-box;
    padding-bottom: 15px;
    border-bottom: 1px dashed #E6E6E6;
    margin-bottom: 15px;
}
.c-website-list-ul>li:nth-child(2n){
    margin-right: 0;
    padding-right: 0;
}

.c-website-avatar{
    display: inline-block;
    width: 155px;
    height: 155px;
    margin-right: 2%;
}

.c-website-avatar a{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: all 250ms;
    overflow: hidden;
}

.c-website-avatar a .no{
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 60px;
    height: 40px;
}
.c-website-avatar a .no1bg{
    background-image: url('../images/website/1.png');
    background-repeat: no-repeat;
    background-position:194% 0;
}
.c-website-avatar a .no2bg{
    background-image: url('../images/website/2.png');
    background-repeat: no-repeat;
    background-position:194% 0;
}

.c-website-avatar a .no3bg{
    background-image: url('../images/website/3.png');
    background-repeat: no-repeat;
    background-position:194% 0;
}

.c-website-avatar a .no4bg{
    background-image: url(../images/website/4.png);
    background-repeat: no-repeat;
    text-align: center;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    width: 51px;
    margin-right: 6px;
}
.c-website-avatar a img{
    width: 100%;
    height: 100%;
}
.botControl:last-child{
    border-bottom:0;
}

.botControl:nth-last-child(2){
    border-bottom:0;
}
.botControl_1:last-child{
    border-bottom:0;
}

.c-website-avatar a:hover img{
    transition: all 250ms;
    transform: scale(1.02);
}

.c-website-info{
    width: 60%;

}

.c-website-name a{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c-website-name a span:first-child{
    font-size: 16px;
    font-weight: 600;
    margin-right: 20px;
}

.c-website-name a span:last-child{
    font-size: 14px;
    color: #999999;
}

.c-website-type{
    display: flex;
    align-items: center;
    color: #4a4646;
    font-size: 12px;
    /*justify-content: space-between;*/
    overflow: hidden;
    white-space: nowrap;
}

.c-website-type .limit{
    display: inline-block;
    font-size: 12px;
    color: #999999;
    width: 1px;
    margin: 0 10px;
}

.c-website-type2{
    display: flex;
    align-items: center;
    color: #4a4646;
    font-size: 12px;
}


.c-website-type2 .limit{
    display: inline-block;
    font-size: 12px;
    color: #999999;
    width: 1px;
    margin: 0 7px;
}
.c-website-intro p{
    width: 100%;
    height: 54px;
    overflow: hidden;
    color: #999999;
    font-size: 12px;
    line-height: 18px;
}
.c-website-rate span{
    padding: 2px 15px;
    color: #ffffff;
    background-color: #FDC54F;
    border-radius: 30px;
    font-size: 12px;
}

.c-website-ad{
    width: 100%;
}

.c-website-ad img{
    width: 100%;
    object-fit: cover;
}


.c-website-shaixuan-wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 92%;
}
.c-website-shaixuan-wrap div{
    margin-right: 3.5%;
    margin-bottom: 20px;
}

.c-website-shaixuan-wrap div a:hover{
    color: #E4423C;
    text-decoration: underline;
}

.c-website-like{
    width: 100%;
}

.c-website-like >li{
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #BFBFBF;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.c-website-like >li:last-child{
    border-bottom: none;
    padding-bottom:0 ;
}

.c-website-like >li .c-show1{
   width: 100%;
}
.c-website-like >li .c-show1 p{
    font-size: 12px;
    color: #666666;
}
.c-website-like >li .c-show1 img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    object-fit: cover;
}
.c-website-like >li .c-show1 a span{
    display: inline-block;
    vertical-align: 8px;
}
.c-website-like >li .c-show1 a{
    display:flex;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.c-website-like >li .c-info{
    float: left;
    width: 50%;
    margin: 0 5px;
    height: 53px;
    overflow: hidden;
}

.c-website-like >li .c-info p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.c-website-hot{
    width: 100%;
}

.c-website-hot>li{
    width: 100%;
    margin-bottom: 10px;
}
.c-website-hot>li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
}
.c-website-hot  a{
    display: flex;
    align-content: center;
}

.c-website-hot .c-sort{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #e8e6e7;
    color: #4d4d4d;
    text-align: center;
    line-height: 20px;
    margin-right: 10px;
}

.c-website-word{
    display: inline-block;
    width: 88%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #999999;
}

/* 网址导航详情页 */
.c-websiteDetail-header{
    display: flex;
    width: 100%;
}
.c-websiteDetail-info{
    width: 67%;
    margin: 0 1.5%;
}
.c-websiteDetail-header-img{
    width: 250px;
    height: 175px;
}

.c-websiteDetail-header-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:5px ;
}
.c-websiteDetail-info h2{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999999;
}


.c-websiteDetail-info h1 strong{
    margin-right: 20px;
    font-size: 20px;
    color: #292929;
}

.c-websiteDetail-info .c-type{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999999;
}

.c-websiteDetail-info .c-type p{
    margin-right: 20px;
    color: #696666;
}

.c-websiteDetail-header-right  .c-collect{
    display: flex;
    align-items: center;
    width: 116px;
    height: 30px;
    justify-content: center;
    line-height: 30px;
    border-radius: 4px;
    margin-top: 20px;
    background-color: #e3423b;
    color: white;
    font-size: 13px;
}

.c-websiteDetail-header-right .c-collect img{
    margin-right: 5px;
}

.c-websiteDetail-header-right{
    width: 15%;
    font-size: 16px;
    color: #4C4C4C;
}

.c-websiteDetail-header-right p{
    margin-bottom: 20px;
}

.c-websiteDetail-header-right p span:last-child{
    color: #E3423B;
    font-size: 24px;
}
.c-websiteDetail-intro p{
    text-indent: 3rem;
    line-height: 28px;
}

.c-websiteDetail-ul ul{
    width: 100%;
}

.c-websiteDetail-ul ul>li{
    margin-bottom: 10px;
}

.c-website-pinglun{
    width: 100%;
}
.c-pinglun-header{
    display: flex;
    width: 100%;
}

.c-pinglun-header img{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 1%;
}

.c-pinglun-input{
    width: 100%;
}

.c-pinglun-input textarea{
    display: inline-block;
    width: 100%;
    height: 119px;
    padding: 10px;
    box-sizing: border-box;
    background-color: #ffffff;
}
.c-pinglun-num{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.c-pinglun-num a{
    padding: 3px 20px;
    border-radius: 30px;
    color: #ffffff;
    background-color: #E3423B;
    margin-left: 20px;
}

.c-pinglun-list{
    width: 100%;
}

.c-pinglun-list-header{
    display: flex;
    align-items: center;
}

.c-pinglun-list-header h2{
    font-size: 16px;
    font-weight: 600;
    color: #4D4D4D;
    margin-right: 10px;
}

.c-pinglun-list-header h2 img{
    margin-right: 10px;
}

.c-pinglun-list-ul{
    width: 100%;
}
.c-pinglun-list-ul>li{
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E6E6E6;
}


.c-pinglun-list-ul>li:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.c-pinglun-list-ul>li .c-avatar{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 10px;
}

.c-pinglun-list-info{
    width: 93%;
    font-size: 14px;
}

.c-pinglun-list-info .c-time{
    color: #999999;
}

.c-websiteDetail-recomend h2{
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #4D4D4D;
    font-weight: 600;
}

.c-websiteDetail-recomend h2 img{
    margin-right: 10px;
}

.c-websiteDetail-recomend-ul{
    display: flex;
    align-items: centers;
}

.c-websiteDetail-recomend-ul>li{
    width: 25%;
    margin-right: 1%;
}
.c-websiteDetail-recomend-ul>li:last-child{
    margin-right: 0;
}

.c-websiteDetail-recomend-ul>li img{
    width: 100%;
    height: 122px;
    object-fit: cover;
}

.c-websiteDetail-recomend-ul>li .c-bot{
    background-color: #fbfbfb;
    padding: 10px;
    box-sizing: border-box;
}

.c-websiteDetail-recomend-ul>li h2{
    font-weight: bold;
    font-size: 16px;
}

.c-websiteDetail-recomend-ul>li .line-2{
	height: 35px;
	font-size: 12px;
	color: #8c8c92;
}

.c-websiteDetail-ad{
    width: 100%;
    display: flex;
    align-items: center;
}

.c-websiteDetail-ad>li{
    width: 33%;
    margin-right: 1%;
}

.c-websiteDetail-ad>li:last-child{
    margin-right: 0;
}

.c-websiteDetail-ad>li a{
    display: inline-block;
    width: 100%;
    height: 150px;
}
.c-websiteDetail-ad>li  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.r-haowentuijian{
	vertical-align: text-top;
}
.r-tuijian-title{
	font-size: 15px;
	margin-top: 6px;
}
.c-ziyuan-title{
	width: 100%;
	padding: 5px 0 16px;
	border-bottom: 1px solid #f2f2f2;
}
.c-website-shaixuan-wrap a{
	margin-right: 19px;
}

.c-website-shaixuan-wrap a:last-child{
	margin-right:0;
}

/* 搜索结果 s*/
.c-hot-zixun-item{
    display: flex;
    align-items: center;
    width: 100%;
}
.c-hot-zixun-item .li-content{
    display: inline-block;
    max-width: 93%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.c-hot-zixun-item .li-content a{
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.c-hot-zixun-item .red{
    font-weight: 600;
    display: inline-block;
    width: 20px;
    text-align: left;
    vertical-align: sub;
}
.c-hot-tasks>li{
    margin-top: 15px;
}
.c-hot-tasks-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.c-hot-tasks-item .num{
    display: inline-block;
    width: 17px;
    height: 15px;
    border-radius: 50%;
    background-color: #ff0000;
    color: #ffffff;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
}

.c-hot-tasks-item  .li-content{
    display: inline-block;
    width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 8px;
}
.c-hot-tasks-item .c-hot-task-price{
    display: inline-block;
    width: 82px;
    font-size: 13px;
    text-align: right;
    color: #FF9900;
}

.c-search-zixun li{
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #E6E6E6;
}
.c-search-zixun li:first-child{
    padding-top: 0;
}
.c-search-zixun li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}

.c-search-zixun .c-title{
    display: flex;
    align-items: center;
}

.c-search-zixun .c-title .c-type{
    padding: 2px 10px;
    color: #fff;
    background-color: #F5282C;
    margin-right: 10px;
    font-size: 12px;
}

.c-search-zixun h2{
    font-size: 18px;
    color: #4D4D4D;
    font-weight: 600;
}

.c-search-result-bot span{
    margin-right: 30px;
}

.c-search-ziyuan li{
    width: 100%;
}
.c-search-ziyuan-item{
    display: flex;
    align-items: center;
}
.c-search-ziyuan-item img{
    width: 30px;
    margin-right: 10px;
}
.c-search-ziyuan-item h2{
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 600;
}

.c-search-ziyuan li{
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #E6E6E6;
}
.c-search-ziyuan li:first-child{
    padding-top: 0;
}
.c-search-ziyuan li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}




.c-search-task li{
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #E6E6E6;
}
.c-search-task li:first-child{
    padding-top: 0;
}
.c-search-task li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}

.c-search-task .c-title{
    display: flex;
    align-items: center;
}

.c-search-task .c-title .c-type{
    padding: 2px 10px;
    color: #fff;
    background-color: #F5282C;
    margin-right: 10px;
    font-size: 12px;
}

.c-search-task h2{
    font-size: 18px;
    color: #4D4D4D;
    font-weight: 600;
}

.news-tags-item a{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 4px 8px;
    transition: all 250ms;
    margin-right: 10px;
    margin-bottom:10px;
}

.news-tags-item a:hover{
    color: #ffffff;
    background-color: rgb(255, 69, 0);
    transition: all 250ms;
    border-color:rgb(255, 69, 0);
}

.news-tags-item a:hover {
    color: #ffffff;
    transition: all 250ms;
}

/* 文章评论 */
.z-book-comment-title h1 {
    position: relative;
    padding-left: 10px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(41, 41, 41, 1);
    line-height: 24px;
}

.z-book-comment-textarea::-webkit-input-placeholder {
    color: #999;
}

.z-book-comment-textarea:-moz-placeholder {
    color: #999;
}

.z-book-comment-textarea:-ms-input-placeholder {
    color: #999;
}

.z-bc-form {
    margin-top: 10px;
}

.z-book-comment-textarea {
    width: 100%;
}

.book-release-comment {
    margin-top: 10px;
    color: #999999;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.book-release-comment button {
    margin-left: 20px;
    width: 70px;
    background: rgba(217, 56, 62, 1);
    border-radius: 6px;
}

.z-book-comment-content .z-bcc-type {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 24px;
}

.z-book-comment-content .z-bcc-type li {
    color: #4d4d4d;
    cursor: pointer;
}

.z-book-comment-content .z-bcc-type li:nth-child(1) {
    margin-right: 36px;
}

.z-book-comment-content .z-bcc-list li {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0px;

}

.z-bcc-list li .z-touxiang .img {
    text-align: center;
    width: 60px;
    height: 80px;
    margin-right: 5px;
}

.z-bcc-list li .z-touxiang .img p {
    width: 70px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    margin-top: 10px;
    
}

.z-bcc-list li .z-touxiang .img img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.z-bcc-list .right {
    width: 730px;
}

.z-bcc-list .right p {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.z-bcc-list li {
    height: 100px;
    padding: 10px 0px;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
}

/* 网站地图 */

.c-map-title{
	width: 100%;
}
.c-map-title h1 span{
	display: inline-block;
	padding:0 0 10px 0;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 3px solid #4d4d4d;
}
.c-map-item{
	width: 100%;
	margin-top: 15px;
	font-size: 14px;
}

.c-map-item h2{
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #4d4d4d;
	padding-right: 10px;
	box-sizing: border-box;
	height: 20px;
	margin-top: 5px;
	line-height: 20px;
}

.c-map-item ul{
	display: inline-block;
	width: 93%;
}

.c-map-item ul>li{
	display: inline-block;
	padding: 5px 10px;
	box-sizing: border-box;
	background-color: #f2f2f2;
	margin-left: 15px;
	margin-bottom: 15px;
	border-radius: 3px;
}
.c-map-item:not(:last-child){
	margin-bottom: 25px;
}

.c-map-title h1 span {
    display: inline-block;
    padding: 0 0 10px 0;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 3px solid #4d4d4d;
}

.c-next-left{
    position: fixed;
    font-size: 25px;
    left: 10vw;
    top:70%;
}

.c-next-right{
    position: fixed;
    font-size: 25px;
    right: 10vw;
    top:70%;
}
.c-next-right a,.c-next-left a{
    color: #f6643a;
}

@media screen and (max-width: 1680px) {
    .c-next-left{
        position: fixed;
        font-size: 25px;
        left: 0vw;
        top:50%;
    }
    
    .c-next-right{
        position: fixed;
        font-size: 25px;
        right: 0vw;
        top:50%;
    }
}

@media screen and (max-width: 1340px) {
    .c-next-left{
        position: fixed;
        font-size: 25px;
        left: 2vw;
        top:50%;
    }
    
    .c-next-right{
        position: fixed;
        font-size: 25px;
        right: 2vw;
        top:50%;
    }

    .download-left{
        width: 50%;
    }
    
}

/* APP 下载 */
.c-download{
    width: 100%;
    height: 100%;
    /* min-height: 90vh; */
}

.download-bg{
    position: fixed;
    background-image: url('../images/download/bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
   
}

.download-bg .download-wrap{
    margin-left: 5%;
}

.download-left{
    width: 50%;
}

.download-wrap{
    padding-top: 10%;
}

.download-left h2{
    font-size: 40px;
    font-weight: 600;
    color: #ffffff;
}

.download-left .title p{
    color: #EFE7E7;
    font-size: 28px;
}

.download-left .title p span{
    margin-right: 10px;
}

.download-wx{
    margin-top: 60px;
}

.download-wx .item{
    flex: 1;
    text-align: center;
}

.download-wx .item img{
    width: 223px;
}

.download-right{
    position: relative;
    width: 50%;
}

.download-right .line{
    position: absolute;
    top: 80px;
    left: -144px;
    width: 39%;
}

@media screen and (max-width: 1680px) {
    .download-left h2{
        font-size: 30px;
        font-weight: 600;
        color: #ffffff;
    }
    
    .download-left .title p{
        color: #EFE7E7;
        font-size: 18px;
    }

    .download-left{
        width: 50%;
    }
    .download-wx{
        margin-top: 60px;
    }

    .download-wx img{
        width: 60%;
    }

    .download-right{
        position: relative;
        width: 50%;
    }

    .download-right img{
        position: relative;
        width: 60%;
    }

    .download-right .line{
        position: absolute;
        top: 14%;
        left: -50%;
        width: 51%;
    }
    .c-download .middle{
        margin-left: 20%;
    }
}

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

    .download-left h2{
        font-size: 30px;
        font-weight: 600;
        color: #ffffff;
    }
    
    .download-left .title p{
        color: #EFE7E7;
        font-size: 18px;
    }

    .download-left{
        width: 50%;
    }
    .download-wx{
        margin-top: 60px;
    }

    .download-wx img{
        width: 60%;
    }

    .download-right{
        position: relative;
        width: 50%;
    }

    .download-right img{
        position: relative;
        width: 50%;
    }

    .download-right .line{
        position: absolute;
        top: 16%;
        left: -50%;
    }
    .c-download .middle{
        margin-left: 15%;
    }
}