/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:14px/1.5 \5fae\8f6f\96c5\9ed1,\5b8b\4f53,arial;}
img{ border:none}
ul li{ list-style:none}
.clearfix:before,.clearfix:after,#nav:before,#nav:after,#ttui li:before,#ttui li:after,#topp:before,#topp:after,#topp span:before,#topp span:after,#topp dd:before,#topp dd:after,.bbox:before,.bbox:after,.bbox dt:before,.bbox dt:after,.bbox dd:before,.bbox dd:after,.irank p:before,.irank p:after{content:".";display:block;height:0;visibility:hidden;font-size:0;}
.clearfix:after,#nav:after,#ttui li:after,#topp:after,#topp span:after,#topp dd:after,.bbox:after,.bbox dt:after,.bbox dd:after,.irank p:after{clear:both;}
.clearfix,#nav,#ttui li,#topp,#topp span,#topp dd,.bbox,.bbox dt,.bbox dd,.irank p{*zoom:1;}
.none,legend{display:none;}
fieldset,a{ outline:none}
body{color:#333;background:#dcfaff; background-image: linear-gradient(#dcfaff, #efefff);  /**/}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none}
i,s,u,em{font-weight:normal;font-style:normal;text-decoration:none;}
.head1200 { width: 1200px; margin: 0 auto }
.fl { float: left }
.fr { float: right }
*, *::before, *::after {box-sizing: border-box;}
button,input{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-modify: read-write-plaintext-only;
    outline: none;
}
.color1 {
    color: #ff0024;
}

.color2 {
    color: #a19dff;
}

.color3 {
    color: #ffcd00;
}

.color4 {
    color: #ff6ee8;
}

.color5 {
    color: #59d491;
}

.color6 {
    color: #e263ff;
}

.color7 {
    color: #64b6ff;
}

.color8 {
    color: #6a6afe;
}

.color9 {
    color: #d7ff53;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.mt30{
    /*margin-top: 30px;*/
}
/*index*/
.head { background-color: #fff; height: 110px; }
.head .logo { height: 62px; width: 374px; margin: 24px 0 0 20px }
.head .serbox { width: 596px; height: 36px; line-height: 36px; border: 2px solid #7658d2; margin-top: 35px; }
#searchBox { float: left; height: 34px;  width: 470px; border: none; text-indent: 15px; outline: none;background-color: transparent;}
#searchBtn { cursor: pointer; float: right; height: 34px;width: 120px; background: #7658d2; text-align: center; font-size: 16px; color: #fff; border: none }
#searchBtn:hover { background-color: #7658d2 }
.nav{width: 100%;height: 50px;background-color: #5accef; min-width: 1200px;}
.nav .opkb{width: 1200px;margin: 0 auto;overflow: hidden;}
.nav .opkb li{float: left;}
.nav .opkb li a{font-size: 16px;width: 90px;height: 100%;line-height: 50px;text-align: center;display: inline-block;color: #fff;}
.nav .opkb li.active a{background-color: #A78DF9;color: #fff;}
.kb-content{width: 1200px;margin: 45px auto 0 auto;}
.kb-content, .kb-content {
    margin-top: 20px;
    font-size: 0;
}
.kb-content .home-left,  .kb-content .home-left {
    display: inline-block;
    position: relative;
    width: 70%;
    overflow: hidden;
    /*margin-right: 10px;*/
}
.kb-board,  .finish-kb {
    width: 100%;
    height: auto;
    /*margin-bottom: 8px;*/
    /*background-image: linear-gradient(#ef820121, #ffc90011);*/
    background-blend-mode: normal, normal;
    /*box-shadow: inset 4px 0px 6px 0px rgba(118, 88, 210, 0.19);*/
}
.kb-content .h-right {
    display: inline-block;
    position: relative;
    width: 30%;
    /*margin-left: 10px;*/
    vertical-align: top;
    overflow: hidden;
    font-size: 16px;
}
.titlePanel {
    text-align: center;
    position: relative;
    background-color: #FFF;
}
.titlePanel .title-content {
    position: relative;
    display: inline-block;
    margin-top: 0px;
}
.titlePanel .title-content img {
    vertical-align: middle;
    margin-right: 10px;
}
.titlePanel .title-content i{
    display: inline-block;
    background: #5accef;
    width: 60px;
    height: 1px;
    margin: 32px 15px 0;
    padding: 0 15px;    
}


.titlePanel .title-content span {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 60px;
    color: #222;
    vertical-align: middle;
}
.titlePanel .title-content img.dot {
    margin: 10px 0 0 10px;
    vertical-align: top;
}
.titlePanel .title-content::after {
    content: url(../img/i1.png);
    position: absolute;
    bottom: 0px;
    left: 10px;
    height: 2px;
    width: 100%;
    line-height: 0px;
}
.titlePanel .opkb {
    position: absolute;
    right: 25px;
    top: 10px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #888 !important;
}
.top-contkbanel{
    /*padding: 18px 25px;*/
    padding: 0px 0 0 15px;
}
.top-contkbanel .top-content{
    padding: 6px;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    min-height:90px;
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#000000, #000000);
    background-blend-mode: normal, normal;
    overflow: hidden;
}
.top-contkbanel .top-content:nth-child(odd){
    margin-right: 0;
}
.top-content-title{
    position: relative;
    font-size: 16px;
    color: #7658d2;
    line-height: 60px;
    color: #333;
}
.top-content-title img{
    vertical-align: baseline;
    margin: 10px 10px 0 15px;
}
.top-content-title  label{
    font-size: 18px;
}
.top-content ul{
    margin-top: 10px;
}
.top-content ul li{
    margin: 10px 0;
}
.top-content ul li a{
    display: flex;
    flex-direction: row;
    line-height: 40px;
}
.top-content ul li a img{
    width: 40px;
    height: 40px;
    margin: 0 10px;
}

.top-content ul li .title{
    width: 148px;
    font-size: 12px;
    color: #888;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 6;
}
.top-content ul li .title:hover{
    color: #A78DF9;
}
.top-content ul li span{
    display: inline-block;
}
.top-content ul li .sort{
    width: 10px;
    font-size: 16px;
    text-align: center;
    flex: 0.6;
    padding: 0;
    display: inline-block;
    border-radius: 5px;
    height: 25px;
    line-height: 25px;
    background-color: #CCD;
    color: #FFF;
}
.top-content ul li:nth-child(1) .sort{background-color: #2db8e3;}
.top-content ul li:nth-child(2) .sort{background-color: #5accef;}
.top-content ul li:nth-child(3) .sort{background-color: #7be0ff;}


.finish-content-panel{
    position: relative;
    font-size: 16px;
    padding: 14px 25px 0 15px;
    background: #FFF;
    margin-bottom: 20px;
}
.finish-content-panel p{
    position: relative;
}
.finish-content-panel p .tag{
    width: 48px;
    height: 40px;
    /*background-image: linear-gradient(#ffeea1, #ffeea1), linear-gradient(#ffff33, #ffff33);*/
    background-color: #5accef;
    background-blend-mode: normal, normal;
    border-radius: 15px;
    font-size: 14px;
    color: #FFF;
    padding: 5px 15px;
    line-height: 40px;
}
.finish-content-panel p .opkb{
    position: absolute;
    right: 0;
    top: 0px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #888 !important;
    line-height: 40px;
}
.bookbanel{
    margin-top: 15px;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    display: flex;
}
.kbg{
    width: 80px;
    height: 100px;
    border-radius: 5px;
    /*border: solid 1px #7658d2;*/
    overflow: hidden;
}
.kbg img{
    display: block;
    width: 100%;
    height: 100%;
}
.kbc{
    width: auto;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}
.kbc .f-row{
    margin-bottom: 0;
}
.kbc .left-title{
    font-size: 12px;
    color: #444;
    font-weight: bold;
    cursor: pointer;
}
.kbc .left-p{
    width: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kbc .f-row a span{
    display: inline-block;
}
.kbc .f-row a span:hover{
    color: #A78DF9;
}
.kbc .left-num{
    font-size: 12px;
    color: #888;
}
.kbc .f-row .tags label{
    font-size: 12px;
    padding: 0 5px;
    background-color: #4fe196;
    color: #fff;
}
.kb-ft{
    display: flex;
    justify-content: space-between;
}
.right-contentPanel{
    position: relative;
    width: 100%;
    padding: 0 25px;
    margin-bottom: 20px;
    padding-bottom: 18px;
    background-color: #FFF;
}
.right-contentPanel .r-title{
    position: relative;
    /*margin-top: 15px;*/
    margin-bottom: 0px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #fee;    
}
.right-contentPanel .r-title .tag{
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333;
    border-left:5px solid #188eee;
    padding: 0 0 0 10px;
}

.right-contentPanel .r-title .tag label{
    font-size: 14px;
}
.right-contentPanel .r-title .opkb{
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 14px;
    color: #888888 !important;
}
.right-contentPanel .r-border{
    /*border-bottom: 1px solid #fee0e0;*/
}
.kb-1-5{
    text-align: center;
    position: relative;
    padding-bottom: 5px;
    padding-top: 10px;
    float: left;
    width: 20%;
}
.kb-1-5 .ris{
    width: 123px;
    height: 166px;
    /*box-shadow: 0px 2px 6px 0px rgba(86, 61, 168, 0.56);*/
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin-bottom: 10px;
}
.bsw {
    position: absolute;
    left: -7px;
    width: 7px;
    height: 164px;
    /*box-shadow: 5px 0px 3px rgba(119, 119, 119, 0.3);*/
}
.kb-1-5 .ris  img{
    width: 100%;
    height: 100%;
}
.kbbp{
    display: block;
    margin-bottom: 7px;
    font-size: 13.6px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #444444;
    cursor: pointer;
    padding: 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.kbbp:hover{
    color: #A78DF9;
}
.bde18{
    /*border-bottom: 17px solid #f1ecff;*/
}
.pt08{
    /*padding: 0 8px;*/
    margin-left: 15px;
}
.fkbt-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #FFFFFF;
    /*box-shadow: inset 0px 0px 6px 0px rgba(161, 134, 241, 0.19);*/
    padding-bottom: 10px;
}
.fkbt-content .row {
    margin: 0 20px;
    padding-top: 20px;
}
.fkbt-content .row .kb-1-7{
    text-align: center;
    position: relative;
    width: 16.66%;
    margin-bottom: 20px;
}
.fkbt-content .row .kb-1-7 .bkbks{
    height: auto;
    width: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 5px;
}
.fkbt-content .row .kb-1-7 .bkbks .bsw{
    height: 121px;
}
.fkbt-content .row .kb-1-7 .bkbks img{
    z-index: 1;
    width: 150px;
    height: 180px;
    /*width: 87px;*/
    /*height: 121px;*/
    /*border-radius: 10px;*/
}
.fkbt-content .row .kb-1-7 .kbame{
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #5accef;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fkbt-content .row .kb-1-7 .kbthor{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #777777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fkbt-content .row .kb-1-7 .kbtom{
    margin: 0 auto;
    top: 90px;
    height: 10px;
    /*width: 140px;*/
}
.kbpe{
    position: absolute;
    top: 10px;
    left: 22px;
    background: #5accef;
    background-size: cover;
    width: auto;
    height: auto;
    font-size: 12px;
    color: white;
    text-align: left;
    padding:2px 10px;
}
.kb-gx{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
    background-color: #FFFFFF;
    /*box-shadow: inset 0px 0px 6px 0px rgba(161, 134, 241, 0.19);*/
    padding-bottom: 10px;
}
.kblu1 {
    width: 100%;
}
.kblu1 .kblu2 {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.kblu1 .kblu2 span {
    float: left;
    width: 200px;
    padding-left: 15px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.kblu1 .kblu2 .kblu3 {
    width: 80px;
}

.kblu1 .kblu2 span:first-child {
    padding-left: 18px;
}
.kblu1 .kblu2 .name {
    width: 300px;
}
.kblu1 .kblu2 .kblu4 {
    width: 160px;
}

.content-bottom .kblu1 .kblu2 .time {
    width: 150px;
}

.kblu1 .kblu6 .kblu7 {
    height: 48px;
    line-height: 48px;
}
.kblu1 .kblu6 span {
    float: left;
    width: 200px;
    padding-left: 15px;
    font-size: 14px;
    color: #777;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 48px;
    text-align: center;
}
.kblu1 .kblu6 .kblu3 {
    width: 80px;
}
.kblu1 .kblu6 span:first-child {
    padding-left: 18px;
}

.kblu1 .kblu6 span a {
    color: #777;
}
.kblu1 .kblu6 .name {
    width: 300px;
}
.kblu1 .kblu6 .kblu4 {
    width: 160px;
}

.kblu1 .kblu6 .time {
    width: 200px;
}
.kblu1 .kblu6 .kblu7 a:hover{
    color: #b8b5ff;
}
.kblu1 .kblu6 .kblu7:hover{
    /*background-color: #f2eefe;*/
    background-color: #f3f3f3;
}
.main1200 {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
    background-color: #fbfaff;
    box-shadow: inset 0px 0px 6px 0px rgba(161, 134, 241, 0.19);
    padding-bottom: 10px;
}
.dis-top {
    margin-top: 30px;
}
.lkbks{ height:110px; background-color:#fff; position:relative;margin-top: 20px; display:none;}
.lkbks .fl{ width:125px; height:25px; padding-top:65px; line-height:25px; font-weight:bold; font-size:16px; color:#7658d2; text-align:center; background:url(../images/lk.png) 40px 12px no-repeat; border-right:1px solid #f0f0f0;}
.lkbks .fr{  width:1000px; margin-right:50px; margin-top:10px;  position:relative}
.lkbks .lkbks-cont{ overflow:hidden;zoom:1; position:absolute; left:0; top:0;}
.lkbks .lkbks-cont a { margin: 0 10px 10px 10px; display: inline-block;}
.lkbks .fr li{ height:30px; line-height:30px; float:left; margin-right:10px; overflow:hidden;}
.lkbks .fr li a{ font-size:14px; color:#777}
.lkbks .fr li a:hover{color:#7658d2;}
.foot { width: 100%;height: 120px; background-color: #FFF; text-align: center; padding-top: 30px; }
.foot p { color: #c9c9c9; height: 30px; line-height: 30px; margin-bottom: 10px; }
.foot p a { color: #fff; font-size: 16px; margin: 0 15px; }
.foot p a:hover { color: #fff; }

/*list*/
.kb-xz{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px 30px 15px 30px;
}
.kb-xz > div{
    position: relative;
    height: 50px;
    width: 100%;
    padding-left: 20px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333;
    text-align: left;
}
.kb-xz > div::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 20px;
    background-color: #5accef;
    border-radius: 5px;
}
.kb-xz a{
    line-height: 30px;
    height: 30px;
    vertical-align: middle;
}
.kb-xz a{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #444444;
    margin-right: 38px;
    cursor: pointer;
}
.kb-xz > div > span {
    vertical-align: text-bottom;
    margin-left: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    position: relative;
    top: 4px;
}
.kb-xz a.active{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #5accef;
}
.kb-bl{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 10px;
    background-color: #FFF;
    padding: 10px 30px 30px 30px;
}
.c-content{
    min-height: 600px;
}
.bookPanle{
    position: relative;
    padding: 10px;
    height: 184px;
    width: 100%;
    /*border-bottom: 1px solid #c6b4ff;*/
    border-bottom: 1px solid #fee;
    cursor: pointer;
    display: flex;
}
.imgPanel{
    display: inline-block;
    width: 140px;
    height: 184px;
    text-align: center;
    padding-top: 20px;
    vertical-align: top;
    position: relative;
}
.imgPanel .b-shadow{
    position: absolute;
    left: 18px;
    width: 7px;
    height: 114px;
    top: 22px;
    display: none;
}
.imgPanel img{
    width: 90px;
    height: 120px;
    border-radius: 10px;
}
.c-content .info{
    position: relative;
    width: auto;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    padding: 14px 10px 20px 10px;
    flex: 1;
}
.c-content .info .p1{
    position: relative;
    margin-bottom: 0;
    margin-top: 4px;
}
.c-content .info .p1 .bookName{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #444444;
    margin-right: 20px;
    display: inline-block;
}
.bookPanle:hover .info .p1 .bookName{
    color: #5accef;
}
.c-content .info .p1 .author{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #777777;
}
.c-content .info .p1 .updateTime{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #777777;
    float: right;
    right: 5px;
}
.c-content .info .p2{
    position: relative;
    margin-bottom: 3px;
    margin-top: 4px;
}
.c-content .info .p2 .type{
    font-size: 14px;
    padding: 0 5px;
    background-color: #4fe196;
    color: #fff;
}
.c-content .info .p2 .status {
    margin-left: 20px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #a78df9;
}
.c-content .info .p2 .tags {
    margin-left: 24px;
}
.c-content .info .p2 .tags label {
    border: solid 1px #b8b5ff;
    font-size: 14px;
    padding: 0 4px;
    margin: 0 2px;
}
.c-content .info .p2 .last{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #777777;
}
.c-content .info .p2 .total{
    margin-left: 35px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #444444;
}
.c-content .info .p3{
    position: relative;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 400;
    color: #777777;
    line-height: 24px;
    height: 48px;
}
.c-content .info .read-btn{
    position: absolute;
    bottom: 21px;
    right: 2px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-color: #5accef;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.pkgb{
    width: 1080px;
    display: flex;
    justify-content: center;
    margin: 20px auto 0 auto;
}
.pkgb-box{
    margin: 20px 0 20px 0;
    display: flex;
    flex-direction: row;
}
.pkgb-box a{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    color: #777;
    padding: 0 15px;
    border: 1px solid #FCC;
    border-radius: 4px;
    margin: 0 10px;
}
.pkgb-box a.buclick{
    color: #ddd;
    border: 1px solid #ddd;
}
.pkgb-box a.active{
    background-color: #5accef;
    color: #fff;
    border: 1px solid #5accef;
}
.pkgb-box a.kbclick:hover{
    background-color: #5accef;
    color: #fff;
    border: 1px solid #5accef;
}
/*list*/

/*book*/
.kanb{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    background-color: #FFF;
    padding: 30px;
}
.bkeak{
    width: 1200px;
    margin: 0 auto;
    color: #777;
    height: 50px;
    line-height: 50px;
}
.bkeak h2{
    display: inline;
    font-weight: normal;
    font-size: 14px;
    color: #777;
}
.bkeak a{
    color: #777;
}
.bkeak a:hover{
    color: #7658d2;
}
.kb_brief{
    width: 100%;
}
.kbpic{
    width: 180px;
    height: 240px;
    border-radius: 5px;
    overflow: hidden;
    float: left;
}
.kbpic img{
    width: 100%;
    height: 100%;
    display: block;
}
.r-brief{
    width: 800px;
    float: left;
    margin-left: 40px;
    position: relative;
}
.r-brief .title span{
    display: inline-block;
}
.r-brief .title span.name{
    font-size: 30px;
    font-weight: bold;
    color: #444;
    max-width: 480px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.r-brief .title h1{
    font-size: 30px;
    font-weight: bold;
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.r-brief .title span.author{
    font-size: 16px;
    color: #777;
    margin: 16px 7px 0 4px;
    text-shadow: 0px 3px 10px #fee;
    position: relative;
    bottom: 12px;
}
.r-brief .title span.write{
    font-size: 16px;
    color: #777;
    margin: 16px 7px 0 30px;
    position: relative;
    bottom: 12px;
}
.r-brief .tags{
    margin-top: 10px;
    margin-bottom:10px;
}
.r-brief .tags span{
    display: inline-block;
}
.r-brief .tags span.kbfinish{
    font-size: 14px;
    padding: 4px 10px 5px;
    border-radius: 4px;
    margin-right: 15px;
    color: #5accef;
    border: 1px solid #fee;
}
.r-brief .hkbs{
    color: #999;
    margin-top: 2px;
}
.r-brief .hkbs i{
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    margin-right: 4px;
}
.r-brief .hkbs span{
    display: inline-block;
    margin-right: 16px;
}
.r-brief .kb_text{
    margin-top: 15px;
    line-height: 28px;
    font-size: 14px;
    color: #777;
    height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-indent: 2em;
}
.kb_free{
    display: block;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 140px;
    border:none;
    border-radius: 5px;
    background-color: #5accef;
    margin-top: 20px;
}
.kb_free:hover{
    background-color: #13acdb;
}
.kb-box{
    width: 1200px;
    margin: 15px auto 0 auto;
}
.kbb-info{
    width: 100%;
    padding: 10px 0;
    background-color: #fff;
}
.news.kbb-info {
    width:950px;
    float:left;
}
.kbb-xa{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #f2f2f2;
}
.kbb-xa > div{
    display: inline-block;
    width: 160px;
    height: 58px;
    border-bottom: 4px solid transparent;
    text-align: center;
    line-height: 59px;
    font-size: 18px;
    color: #444;
    cursor: pointer;
}
.kbb-xa > div.active{
    color: #5accef;
    border-bottom: 4px solid #4fe1ff;
}
.xa-decs{
    padding: 20px 30px 30px 30px;
    font-size: 16px;
    color: #777;
    line-height: 32px;
}
.xa-decs p{
    font-size: 16px;
    color: #777;
    line-height: 32px;
    text-indent: 2em;
}
.xa-zj{
    padding: 30px;
}
.xa-zj .xazj-itm{
    display: block;
    float: left;
    width: 256px;
    margin: 0 18px 20px 18px;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    color: #888;
    background-color: #d5f5ff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.xa-zj .xazj-itm:hover{
    background-color: #5accef;
    color: #fff;
}
.xa-mr{
    width: 150px;
    color: #b8b5ff;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    height: 42px;
    text-align: center;
    display: block;
    margin: 10px auto 0 auto;

}
.xa-mr:hover{
    text-decoration: underline;
}
.kbb-right{
    width: 245px;
    float: right;
}
.kbr{
    background-color: #fbfaff;
    box-shadow: inset 0px 0px 6px 0px rgba(161, 134, 241, 0.19);
    width: 100%;
    padding-bottom: 20px;
}
.kbr-title{
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #444;
    font-weight: 400;
    border-bottom: 1px solid #f2f2f2;
    width: 215px;
    margin: 0 auto;
}
.kb-dist{
    width: 215px;
    margin: 6px auto 0 auto;
}
.kb-dist li {
    width: 100%;
    border-bottom: 1px solid #eee;
    height: 36px;
    line-height: 36px;
}
.kb-dist li a{
    color: #777;
    font-size: 14px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kb-dist li span{
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background-color: #a6a6a6;
    margin-right: 4px;
}
.kb-dist li:nth-child(1) span,.kb-dist li:nth-child(2) span,.kb-dist li:nth-child(3) span{
    background-color:#b8b5ff;
}
.kb-dist li a:hover{
    color: #A78DF9;
}
.kbl{
    background-color: #fbfaff;
    box-shadow: inset 0px 0px 6px 0px rgba(161, 134, 241, 0.19);
    width: 100%;
    padding-bottom: 20px;
    margin-top: 15px;
}
.kbtl{
    width: 215px;
    margin: 10px auto 0 auto;
}
.kbtl li{
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.kbtl li a{
    width: 100%;
}
.kbtl li a .klimg{
    width: 74px;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 2px 6px 0px rgba(86, 61, 168, 0.56);
    float: left;
}
.kbtl li a .klimg img{
    width: 100%;
    height: 100%;
}
.kbtl li a .klinfo{
    width: 125px;
    float: right;
}
.kbtl li a .klinfo .name{
    font-size: 14px;
    line-height: 16px;
    color: #444;
    margin-top: 3px;
    margin-bottom: 3px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.kbtl li a .klinfo .wt{
    color: #999;
    font-size: 12px;
    line-height: 14px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 7px;
}
.kbtl li a .klinfo .kbot{
    line-height: 18px;
    font-size: 12px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 56px;
    overflow: hidden;
}
/*book*/

/*news*/
.kbs-detail{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    background-color: #fbfaff;
    box-shadow: inset 0px 0px 6px 0px rgba(161, 134, 241, 0.19);
    padding: 30px;
    min-height: 495px;
    margin-top: 30px;
}
.kbs-detail h2{ font-size:24px; line-height:30px;text-align: center;color: #444;}
.kbs-detail .kbt-info { height:30px; line-height:30px; margin:10px 0; color:#999;text-align: center;}
.kbs-detail .kbt-info span{ margin:0 10px;}
.kbs-detail .kbt-body{ line-height:32px;font-size: 16px;color: #777}
.kbs-detail .kbt-body p{font-size: 16px;line-height: 32px;text-indent: 2em;color: #777;}
/*news*/

/*chapter*/
.kb-db{
    width: 1200px;
    margin: 0 auto;
    min-height: 100%;
}
.kb-dc{
    width: 1200px;
    min-height: 100%;
    background: #faf8ed;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 50px 50px 50px;
    position: relative;
}
.kb-dt{
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 0;
    color: #444;
}
.kb-dt h1{
    font-size: 24px;
    font-weight: bold;
    color: #444;
}
.kbrec{
    padding-top: 20px;
    color: #777;
    line-height: 46px;
    text-align: justify;
    text-indent: 2em;
}
.kbrec p{
    font-size:20px;
    color: #777;
    line-height: 46px;
    text-align: justify;
}
.ckb{
    width: 620px;
    margin: 60px auto;
}
.ckb a{
    display: block;
    float: left;
    width: 150px;
    height: 44px;
    line-height: 44px;
    background-color: #f8f7f7;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.ckb a.ckb-prev{
    margin-right: 80px;
}
.ckb a.ckb-ml{
    margin-right: 80px;
}
.ckb a.noclick{
    color: #a5a5a5;
}
.rdq{
    width: 94px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    background-color: #fbb03b;
    display: block;
    position: absolute;
    top: 20px;
    left: -94px;
    font-size: 12px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    text-align: center;
}
.rdq:hover{
    background-color: #d3840a;
}
.bank-index{
    position:absolute;
    right: 80px;
    top:  8px;
    text-align: center
}
.bank-index img{
    margin: 0 auto
}
.bank-index p{
    font-size: 12px;
    color: #494949;
    text-decoration: underline;
}
.kbback { height: 50px; line-height: 50px; color: #666 }
.kbback h2{ display: inline-block;font-size: 14px;font-weight: normal; }
.kbback a{ display: inline-block;font-size: 14px;font-weight: normal;color: #666  }
.kbback a:hover{color: #A78DF9;}
/*chapter*/


.categoryPanel h1{
    display: inline;
    font-size: 18px;
}
.categoryPanel h2{
    display: inline;
    font-size: 18px;
}
.processPanel h1{
    display: inline;
    font-size: 18px;
}
.processPanel h2{
    display: inline;
    font-size: 18px;
}

.backnext {
    padding: 20px;
    margin: 20px;
    border-top: 1px solid #ccc;
}
.backnext li {
    float: left;
    display: inline;
    width: 340px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.backnext .backnext_1 {
    float: right;
    display: inline;
    text-align: right;
}