.zk-index{width: 1200px;margin: 0 auto}
.top-img{width: 1200px;height: 150px;margin-top: 15px;margin-bottom: 15px}
.tab-list{height: 80px;padding: 0 36px;margin-bottom: 32px;}
.tab-list ul li {box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.3);background: #fff;float:left;width: 316px ;height: 65px;display: flex;flex-direction:row;border-radius: 8px;margin:0 20px 8px;padding: 10px;}
.tab-list ul li img {width: 30px ;height: 30px}
.gh{width: 224px;height: 25px;color: rgba(80, 80, 80, 1);font-size: 16px;line-height: 25px;font-weight: bold;}
.gh-desc{width: 224px;height: 35px;color: rgba(166, 166, 166, 1);font-size: 12px;line-height: 20px}
.li-img{margin-right: 12px;float:left;width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 50%;}
.zk-main{display: flex;flex-direction: row ;width: 1200px;height: auto}
.main-left{width: 770px;height: auto;margin-right:20px}
.left-title{display: flex;flex-direction: row;border-bottom: 1px solid #ccc}
.left-title .title{width: 662px;color: rgba(80, 80, 80, 1);font-weight:bold; font-size: 18px;padding-left: 10px;}
.more{width: 78px;margin-right: 20px;font-size: 14px;text-align: right;height: 50px;line-height: 50px}
.left-title div {line-height:50px;height: 50px}
.list{width: 720px;height: auto;}
.detail{display: flex;flex-direction: row;position: relative;border-bottom: solid 1px #F2F2F2 }
.left-img {width: 160px;height: 100px;margin: 21px 10px 21px 20px}
.right-text{width: 560px}
.text-title{margin-top: 21px;width: 560px;height: 30px;color: rgba(80, 80, 80, 1);font-size: 20px;line-height: 150%;text-align: left;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.text-desc{margin-bottom: 10px;width: 560px;left: 551px;color: rgba(166, 166, 166, 1);font-size: 12px;line-height: 21px;text-align: left; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.text-info{display: flex;flex-direction: row;position: absolute;bottom: 20px;}
.text-info span{height: 18px;color: rgba(80, 80, 80, 1);font-size: 12px;}
.img-look {	width: 15px;height: 15px;}
.img-tab {	width: 15px;height: 15px;margin-top: 4px}
.ml5{margin-left: 5px}
.ml20{margin-left: 20px}
.ml15{margin-left: 15px}
.mr28{margin-right: 28px}
.mr20{margin-right: 20px}
.mb20{margin-bottom: 20px}
.mb15{margin-bottom: 15px}
.mb10{margin-bottom: 10px}
.mb12{margin-bottom: 12px}
.mb29{margin-bottom: 29px}
.ml165{margin-left: 165px;}
.pl20{padding-left: 20px;}
.pl10{padding-left: 10px;}
.grey{background: #f2f2f2 !important}
.border-none{border:none !important}
.white{background: #fff}
.float-right{float: right}
.sl{ overflow: hidden !important;text-overflow: ellipsis;white-space: nowrap;}
.baike-list{display: flex;flex-direction: row;height: 40px;padding:10px 0 10px 20px;}
.baike{display: flex;flex-direction: row;width: 410px;height: 50px ;}
.bk-title{width: 312px;height: 50px;line-height: 50px;color: rgba(80, 80, 80, 1);font-weight:bold; font-size: 18px;}
.baike-list .left {width: 40px;height: 40px ;border-radius: 50%;background-color: rgba(67, 151, 254, 1);margin-right: 10px;text-align: center;line-height: 40px;}
.p-title{width: 320px;height: 20px;color: rgba(80, 80, 80, 1);  font-size: 14px;line-height: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.p-desc{width: 320px;height: 20px;color: rgba(166, 166, 166, 1);font-size: 12px;line-height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.bk-img{width: 21px;height: 21px}
.ad-div{padding: 15px 16px 16px 15px;width: 410px;}
.ad-div img {width: 379px;height: 152px}
.a-more{display: inline-block;width: 120px; height: 50px;color: rgba(21, 148, 255, 1);border-radius: 8px;font-size: 16px;line-height: 50px; border: 1px solid;text-align: center;}
.div-more{text-align: center;height: 100px;line-height: 100px;}



/*干货*/
.gh-main{width: 1200px;height: auto;display: flex;flex-direction: row}
.gh-main ul{width: 120px;margin-right: 20px}
.gh-main .tab{cursor:pointer;margin-bottom: 8px;width: 96px;height: 40px;line-height:40px;font-size: 14px;text-align: center;}
.gh-main .active{background: rgba(21, 148, 255, 0.216);border-right: 3px solid rgb(21, 148, 255);color: rgb(21, 148, 255);}
.gh-main .new-ganhuo {width: 270px}
.gh-main .new-ganhuo ul {width: 270px}
.gh-main .new-ganhuo ul li {display: flex;flex-direction:row;margin-bottom: 10px;}
.gh-main .new-ganhuo ul li img {width: 60px;height: 60px;margin-right: 5px}
.gh-main .new-ganhuo ul li p {padding-top:9px;width: 185px;height: 42px;color: rgba(80, 80, 80, 1);font-size: 14px;line-height: 150%;text-align: left;}
.gh-main .new-ganhuo .title { width: 270px;height: 50px; color: rgba(80, 80, 80, 1);background-color: rgba(255, 255, 255, 1);font-size: 18px;line-height: 50px;text-align: left;font-weight: bold;}
.ga-main .new-ganhuo .rotation {width: 270px;height: 331px}
.rotation div img{width: 230px;height:144px;}
.rotation .content p{width: 154px;height: 21px;color: rgba(80, 80, 80, 1);font-size: 14px;line-height:  21px;text-align: left;}
.rotation .content div{width: 230px;height: 72px;color: rgba(166, 166, 166, 1);font-size: 12px; line-height: 150%; text-align: left;}
.gh-right-ad{width: 270px}
.gh-ad-div{padding: 10px}
.gh-ad-div img{width: 250px;height: 100px}


/*百科*/

.baike-main {width: 1200px;height: auto;display: flex;flex-direction: row}
.baike-main .bk-title {width: 240px;height: 42px;text-indent: 20px;color: rgba(255, 255, 255, 1);background-color: rgba(67, 151, 254, 1);font-size: 16px;line-height: 42px;text-align: left;}
.baike-main .bk-left .parent {width: 240px;}
.baike-main .bk-left .parent li div {height: 40px;line-height: 40px;padding-left: 24px;cursor:pointer}
.baike-main .bk-left .parent ul {width: 240px;}
.baike-main .bk-left .parent ul li {padding-left: 48px;font-size: 14px;height: 40px;line-height: 40px;cursor:pointer }
.baike-main .active {background: rgba(21, 148, 255, 0.216);border-right: 3px solid rgb(21, 148, 255);color: rgb(21, 148, 255);}
.baike-main .center {width: 660px;height: auto;margin-left:15px;}
.baike-main .center form  input{height: 42px;width: 660px;text-indent: 20px;color: rgba(166, 166, 166, 1);background-color: rgba(255, 255, 255, 1);border-radius: 2px;font-size: 12px;text-align: left;}
.baike-main .center .category .title {margin-left: 30px;width: 150px;height: 28px;color: rgba(56, 56, 56, 1);font-size: 14px;line-height:28px;text-align: left;font-weight: bold;}
.baike-main .center .category .look-num {margin-right: 30px;align-self: flex-end;margin-left: auto;height: 28px;color: rgba(56, 56, 56, 1);font-size: 14px;}
.baike-main .center .category .desc-title {margin-left: 30px;width: 600px;height: 36px;color: rgba(56, 56, 56, 1);font-size: 18px; line-height: 36px;text-align: left;font-weight: bold;}
.baike-main .center .category .desc-content {margin-left: 30px;width: 600px;color: rgba(56, 56, 56, 1); font-size: 14px; line-height: 200%;text-align: left;}
.baike-main .center .category  .desc-content img{max-width: 100%}
.baike-main .center .category { padding: 15px 0;}
.baike-main .center .category .desc-end {margin-top: 20px;margin-left: 30px;width: 600px;height: 68px;color: rgba(166, 166, 166, 1);font-size: 14px;line-height: 68px;border-top: rgba(229, 229, 229, 1) solid 1px;border-bottom: rgba(229, 229, 229, 1) solid 1px;text-align: center;}
.baike-main .center .category ul {margin:0 30px;}
.baike-main .center .category ul li a {font-size: 14px;color: rgba(67, 151, 254, 1);}
.baike-main .center .category ul li span{width: 119px;height: 28px;color: rgba(166, 166, 166, 1);font-size: 14px;line-height: 28px;text-align: left;}
.baike-main .right .new-up ul{}
.baike-main .bk-right .new-up ul li {margin-bottom: 16px; display: flex;flex-direction: row;padding-left: 20px}
.baike-main .bk-right .new-up ul li a {margin-left: 8px; display:inline-block;width: 180px; height: 32px;color: rgba(67, 151, 254, 1);font-size: 12px;line-height: 150%;text-align: left;}

.baike-main .bk-right .right-ad {width: 260px}
.baike-main .bk-right .right-ad .bk-ad-div{padding: 10px 9px 10px 10px}
.baike-main .bk-right .right-ad .bk-ad-div img{width: 241px;height: 96px;}

.flex-row{display: flex;flex-direction: row}


/*问答*/
.wenda-main {width: 1200px;height: auto;display: flex;flex-direction: row;margin-bottom: 40px}
.wenda-main .wd-center {width: 660px;height: auto;margin-left:20px;}
.wenda-main .wd-center .category .wd-top{margin: 10px 30px;border-top: solid 1px #f2f2f2;padding-top: 30px;}
.wenda-main .wd-center .category .wd-top .right-qi{justify-content: flex-end;margin-left: auto;}
.wenda-main .wd-center .category .wd-top .right-qi .look{text-align: right;height: 25px; color: rgba(56, 56, 56, 1);font-size: 14px;}
.wenda-main .wd-center .category .wd-top .right-qi .tags{text-align: right;width: 32px;height: 20px;color: rgba(56, 56, 56, 1);background-color: rgba(229, 229, 229, 1);border-radius: 4px;font-size: 12px; line-height: 20px; text-align: center;}
.wenda-main .wd-center .category .wd-top img{width: 45px;height: 45px;border-radius: 75px;}
.wenda-main .wd-center .category .wd-top .t-name{margin-left:10px;height: 45px;color: rgba(67, 151, 254, 1);font-size: 14px;line-height: 45px;text-align: left;}
.wenda-main .wd-center .category .title {padding-top: 26px;margin-left: 30px;height: 28px;color: rgba(56, 56, 56, 1);font-size: 14px;line-height:28px;text-align: left;font-weight: bold;}
.wenda-main .wd-center .category .desc-title {margin-left: 30px;width: 600px;color: rgba(56, 56, 56, 1);font-size: 18px;text-align: left;font-weight: bold;}
.wenda-main .wd-center .category .desc-description {margin-left: 30px;width: 600px;;text-align: left;}
.wenda-main .wd-center .category .desc-content {
    color: rgba(56, 56, 56, 1);
    font-size: 14px;
    line-height: 200%;
    overflow: hidden;
    position: relative;
}

.wenda-main .wd-center .category .desc-content .read_full_box{
    display: none;
}
.wenda-main .wd-center .category .desc-content .read_full_shade {
    height:200px;
    position:absolute;
    bottom:0px;
    width:100%;
    background:linear-gradient(to top,#fff,rgba(255,255,255,0) 70%);
    clear:both;
    min-height:1em;
    white-space:pre-wrap;
}

.wenda-main .wd-center .category .desc-content .read_full_btn {
    position:absolute;
    bottom:0px;
    text-align: center;
    width:100%;
    color: #175199;
    cursor: pointer;
}

.wenda-main .wd-center .category .desc-content img{max-width: 100%;}
.wenda-main .wd-center {width: 660px;height: auto;margin-left:20px;}
.wenda-main .wd-center form  input{height: 42px;width: 660px;text-indent: 20px;color: rgba(166, 166, 166, 1);background-color: rgba(255, 255, 255, 1);border-radius: 2px;font-size: 12px;text-align: left;}
.wenda-main .wd-center div ul {background: #fff;margin-top: 10px;display: flex;flex-direction: row;width: 660px;height: 48px;border-bottom: solid 1px rgba(229, 229, 229, 1);}
.wenda-main .wd-center div ul li{cursor:pointer;text-align: center;line-height: 48px;width:70px;;font-size: 14px;}
.active1{background: rgba(24, 144, 255, 0.1);border-bottom: 3px solid rgb(24, 144, 255); color: rgb(24, 144, 255);font-size: 14px;}
.wenda-main .wd-center .category ul li {width: 300px;}
.wenda-main .wd-center .category ul li a {font-size: 14px;color: rgba(67, 151, 254, 1);}
.wenda-main .wd-center .category ul li span{width: 119px;height: 28px;color: rgba(166, 166, 166, 1);font-size: 14px;line-height: 28px;text-align: left;}
.wenda-main .wd-center .category .huida-up{margin-left: 30px;}
.wenda-main .wd-center .category .huida-up .time{font-size: 12px;color: rgba(166, 166, 166, 1)}
.wenda-main .wd-center .category .huida-up .btn{float: right;margin-right: 30px;border:solid 1px rgba(67, 151, 254, 1);border-radius: 8px;font-size: 14px;width:67px;height:25px;cursor: pointer;text-align: center;color:rgba(67, 151, 254, 1) }
.wenda-main .wd-center .category .huida-down{margin: 30px 30px 10px;}
.wenda-main .wd-center .category .wd-top .time{margin-left: auto;color: rgba(166, 166, 166, 1);font-size: 12px;line-height: 45px;}
.wenda-main .wd-center .category .category-list{padding:0 30px 10px 87px;}
.wenda-main .wd-center .category .answer-content-box:last-child{padding-bottom:40px !important;}
.wenda-main .wd-center .category .category-list .look_huifu{font-size: 12px;color: #757575}
.wenda-main .main-list {padding-top: 10px}
.wenda-main .wd-list-content {display: flex;flex-direction: row;border-bottom: 1px solid #ccc;margin:5px 20px 0;padding-bottom: 10px}
.wenda-main .wd-list-content img {margin-right: 10px;width: 45px;height: 45px;border-radius: 75px;}
.wenda-main .wd-list-content .time{font-size: 12px;color: rgba(166, 166, 166, 1);}
.wenda-main .wd-list-content .wd-list-title{color: rgba(56, 56, 56, 1);font-size: 14px;line-height:  25px; text-align: left;}
.wenda-main .wd-list-content .tags{width: 32px;height: 20px;color: rgba(56, 56, 56, 1);background-color: rgba(229, 229, 229, 1);border-radius: 4px;font-size: 12px; line-height: 20px; text-align: center;cursor: pointer}
.wenda-main .wd-list-content .look-time{width: 80px;height: 20px;color: rgba(166, 166, 166, 1);font-size: 12px;line-height: 20px;text-align: right;}
.wenda-main .wd-list-content .wd-list-info{display: flex;justify-content: space-between}
.show-more{display:inline-block;width: 88px;height: 40px;color: rgba(42, 130, 228, 1);border: rgba(42, 130, 228, 1) solid 1px;border-radius: 24px;font-size: 14px;line-height:  40px; text-align: center;margin-bottom: 20px;}
.hot-tag .tag-list span,.hot-tag .tag-list a{display:inline-block;height: 30px;color: rgba(255, 255, 255, 1);background-color: rgba(102, 204, 204, 1);border-radius: 4px;font-size: 14px;line-height: 30px;text-align: center;padding: 0 10px;margin:5px;}
.hot-tag .tag-list {padding: 10px 15px;}
.w260{width: 260px!important;}

.wenda-main .info-new-wenda{
    background: white;
    margin-top: 15px;
}
.wenda-main .info-new-wenda .t{
    font-size: 16px;
    padding: 15px 30px;
}
.wenda-main .info-new-wenda ol{
    padding:0 30px 15px;
}

.wenda-main .info-new-wenda ol li a{
    color: rgba(67, 151, 254, 1);
    line-height: 30px;
}


/*共用左边*/
.zk-c-left .c-title,.zk-c-right .c-title {width:100%;height: 42px;text-indent: 20px;color: rgba(255, 255, 255, 1);background-color: rgba(67, 151, 254, 1);font-size: 16px;line-height: 42px;text-align: left;}
.zk-c-left{display: inline-table}
.zk-c-left .parent .layui-icon{float: right}
.zk-c-left .parent {width: 240px;}
.zk-c-left .parent li div {height: 40px;line-height: 40px;padding:0 24px;cursor:pointer}
.zk-c-left .parent li a{display: inline-block;width: 85%}
.zk-c-left .parent ul {width: 240px;}
.zk-c-left .parent ul li {padding-left: 40px;font-size: 14px;height: 40px;line-height: 40px;cursor:pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.zk-c-left .active {background: rgba(21, 148, 255, 0.216);border-right: 3px solid rgb(21, 148, 255);color: rgb(21, 148, 255);}
/*共用右边*/
.zk-c-right .new-up ul li {margin-bottom: 16px; display: flex;flex-direction: row;padding-left: 20px}
.zk-c-right .new-up ul li a {margin-left: 8px; display:inline-block;width: 180px; height: 32px;color: rgba(67, 151, 254, 1);font-size: 12px;line-height: 150%;text-align: left;}
.zk-c-right .right-ad {width: 260px}
.zk-c-right .right-ad .bk-ad-div{padding: 10px 9px 10px 10px}
.zk-c-right .right-ad .bk-ad-div img{width: 241px;height: 96px;}
/*无数据*/
.nodata{text-align: center;color: #999999;padding: 10px;background: white}