.kekedoc_indexhd{position:relative;margin-top:20px}
.kekebigbox{background:url(/source/plugin/keke_doc/template/images/new-banner.png);padding:1px 0 10px 0;margin-top:0}
.hd_left{width:202px;background:#fff;z-index:198;position:absolute;height:348px;box-shadow:0 0 20px 0 rgba(0,0,0,.08)}
.slidebox{height:348px;overflow:hidden;position:relative;margin-left:202px;margin-right:20%}
.slidebox .hd{height:15px;overflow:hidden;position:absolute;left:50%;margin-left:-75px;text-align:center;width:150px;bottom:10px;z-index:1}
.slidebox .hd ul{overflow:hidden;zoom:1;margin:0 auto}
.slidebox .hd ul li{display:inline-block;margin:0 5px;border-radius:50%;width:10px;height:10px;text-align:center;background:#fff;cursor:pointer}
.slidebox .hd ul li.on{background:red;color:#fff}
.slidebox .bd{position:relative;height:100%;z-index:0}
.slidebox .bd li{zoom:1;vertical-align:middle;font-size:0}
.slidebox .bd img{border-radius:0;height:348px;width:754px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}
.hd_left .left_item{z-index:100}
.hd_left .left_item .navtitlebox{height:80px;border-bottom:1px solid #f5f5f5;position:relative;padding:35px 0 0 60px;cursor:pointer}
.hd_left .left_item .popup{position:absolute;box-sizing:border-box;left:100%;top:0;display:none;width:760px;min-height:348px;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.08);font-size:12px;line-height:30px;overflow:hidden;border:5px solid #fff9f8}
.hd_left .left_item .popup .allurl{width:100%;float:left;padding:0 20px 10px;color:#006eff}
.hd_left .left_item .navtitlebox img{position:absolute;left:15px;top:39px}
.hd_left .left_item .navtitlebox .navtitle{display:block;font-size:18px;line-height:24px;font-weight:800}
.hd_left .left_item a .navtitlebox .navtitle{color:#363636}
.hd_left .left_item .navtitlebox .navdescribe{font-size:12px;color:#bbb;line-height:24px}
.navtitleboxbg{background:#fff9f8}
.cate_list_box{padding:30px 30px 40px;background:#fff}
.cate_list_box li{position:relative;min-height:30px;margin-bottom:10px;float:left;border-bottom:1px dashed #ececec;padding-bottom:10px;width:100%}
.cate_list_box li:last-child{border-bottom:0}
.firstcatename{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;position:absolute;width:120px;font-weight:800;left:0;top:0;font-size:14px;color:#333;padding:0 10px 0 17px}
.firstcatename:before{top:11px;width:3px;height:8px;position:absolute;left:0;background-color:#f54b4b;content:''}
.firstcatename a{color:#000}
.catelist{word-break:break-all;padding-left:120px;display:inline-block;line-height:30px}
.catelist a{color:#777;margin-right:15px;font-size:13px;display:inline-block}
.catelist a:hover{color:#f05759}
.openmore{position:absolute;bottom:0;left:5px;width:750px;height:45px;line-height:40px;background-image:linear-gradient(rgba(255,255,255,.1),#fff);text-align:center;color:#f54b4b;cursor:pointer}
.openmore a{color:#fff;padding:5px 15px 5px;background:#f54b4b}
.hd_right_box{width:20%;position:absolute;top:0;right:0;padding-left:12px;box-sizing:border-box}
.hd_right{box-shadow:0 0 20px 0 rgba(0,0,0,.08);height:348px;text-align:center;box-sizing:border-box;padding:20px 20px 0;background:url(/source/plugin/keke_doc/template/images/toprightbg.jpg) center top no-repeat #fff}
.hd_right .right_top h2{font-size:16px;font-weight:400;margin-top:0px}
.updocbtn{background:#f54b4b;text-align:center;display:inline-block;margin:10px auto 0;width:100px;padding:6px 20px;color:#fff;font-size:14px;border-radius:30px}
.docnumboxs{font-size:20px;margin-top:10px;font-weight:400}
.docnumboxs .docnum{font-size:24px;color:#000;font-weight:800}
.hd_right .fwbz dd{font-size:12px;color:#999;line-height:20px;height:40px;overflow:hidden;margin-top:14px}
.hd_right .advantage{padding:0 8px;overflow:hidden}
.hd_right .advantage li{float:left;width:33.333%;color:#999}
.hd_right .fwbz{margin-top:15px}
.hd_right .advantage li img{display:block;margin:0 auto 8px;width:32px;height:32px}
.hd_right .run-status{height: 28px;line-height: 28px;background-color: #ffaf51;color: #fff;margin-top: 10px;}
.hd_right .fwbz dt{height:20px;overflow:hidden;position:relative}
.hd_right .fwbz dt:after{position:absolute;left:0;top:11px;right:0;z-index:1;height:1px;background-color:#d9d9d9;content:''}
.hd_right .fwbz dt span{display:inline-block;padding:0 6px;background-color:#fff;font-size:16px;position:relative;z-index:10}
.newleft{width:75%;float:left;box-sizing:border-box}
.newleft .hd,.right_userlist .hd{margin-bottom:20px;overflow:hidden;padding-bottom:15px;position:relative;padding-left:20px}
.newleft .hd{position:relative;padding-left:0}
.newleft .hd:after{top:42px;width:100%;height:1px;position:absolute;right:20px;background-color:#eee;content:''}
.right_userlist .hd:after{top:42px;width:100%;height:1px;position:absolute;left:0;background-color:#eee;content:''}
.newleft .hd h2{cursor:pointer;display:inline-block;margin-right:25px;font-size:16px;color:#666}
.newleft .hd h2.active,.right_userlist .hd h2{font-weight:800;font-size:20px;color:#333}
.newleft .hd h2 span,.right_userlist .hd h2 span{font-weight:400;font-size:14px;margin-left:15px;color:#999}
.newleft .hd a.mydoc{float:right;margin:5px 20px 0 0;color:#313131;font-size:13px}
.right_userlist .hd:before{border-radius:0 10px 10px 0;top:7px;width:5px;height:15px;position:absolute;left:0;background-color:#0057ff;content:''}
.active-line{position:absolute;left:0;bottom:2px;width:5px;border-radius:0;height:4px;background:#0057ff;z-index:1;-webkit-transition:all .3s linear;transition:all .3s linear}
.newleft .bd ul li{line-height:35px;float:left;width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newleft .bd ul li span{float:right;color:#999;margin:0 20px}
.newleft .bd ul li a{font-size:14px;color:#000;white-space:nowrap;font-weight:400;overflow:hidden;text-overflow:ellipsis}
.newleft .bd .keke_iconfont{font-size:16px;margin-right:7px}
.right_userlist{width:25%;float:right;box-sizing:border-box;padding-left:25px;position:relative}
.right_userlist:before{top:78px;width:1px;height:228px;position:absolute;left:2px;background-color:#f3f3f3;content:''}
.right_userlist .hd .titcell{float:right;margin-top:13px}
.right_userlist .hd .titcell li{font-size:0;display:inline-block;margin:0 3px;border-radius:50%;width:7px;height:7px;text-align:center;background:#ccc;cursor:pointer}
.right_userlist .hd .titcell li.on{background:red;color:#fff;width:15px;border-radius:5px}
.right_userlist .bd{height:260px;overflow:hidden}
.newdoclist .ranking_num{margin-right:15px;float:left;font-size:18px}
.newdoclist li a img{width:23px;height:23px;border-radius:30px;display:inline-block;vertical-align:top;margin:5px 10px 0 0}
.newdoclist li{overflow:hidden;line-height:37px;height:37px}
.contri{float:right;height:37px;line-height:37px;width:120px;color:#888}
.rightcount{float:right;color:#333}
.right_userlist li{height:260px}
.keke-user-link{float:left;width:125px;height:37px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ranking_num_1,.ranking_num_2,.ranking_num_3{font-weight:600}
.ranking_num_1{color:red}
.ranking_num_2{color:#ff8520}
.ranking_num_3{color:#ffd200}
.bodybox{background:#fff;margin-top:0;padding:0}
.mod_top_nav{height:50px;margin-top:30px;position:relative}
.mod_top_nav h2{display:inline-block;font-weight:800;z-index:1;font-size:23px;color:#333;padding-left:20px;margin-right:22px;float:left;position:relative;left:0}
.mod_top_nav h2:before{border-radius:0 10px 10px 0;top:10px;width:5px;z-index:-1;height:15px;position:absolute;left:0;background:#0057ff;content:''}
.mod_top_nav .top_nav_breadcrumb{line-height:40px;height:42px;overflow:hidden;color:#999;font-size:12px}
.mod_top_nav .top_nav_breadcrumb a{padding:0 3px;font-size:14px;color:#999}
.mod_top_nav .top_nav_breadcrumb cite{margin:0 5px;color:#e3e3e3}
.live_breadcrumb{font-size:14px!important}
.mod_list{margin:0 -7px 0}
.doc-mod{width:16.666%;height:auto;float:left;box-sizing:border-box;padding:0 7px}
.mod_content{position:relative;transition:all .2s linear;background-color:#fff;border:1px solid #f5f5f5;margin:8px 0;border-radius:2px;box-shadow:0 3px 13px 4px #f3f3f3;padding:15px;box-sizing:border-box}
.mod_content:hover{cursor:pointer;transform:translate3d(0,-4px,0);border-bottom:1px solid #eee}
.mod_content:hover .viewbtn{opacity:1}
.mod_content_center{padding:0;box-sizing:border-box;font-size:15px;line-height:20px;height:40px;overflow:hidden;font-weight:400;margin-top:10px;color:#333}
.viewbtn{box-sizing:border-box;position:absolute;left:0;bottom:0;right:0;z-index:10;opacity:0;width:100%;height:170px;padding-top:95px;text-align:center;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(57%,rgba(255,255,255,.89)),to(#fff));background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.89) 57%,#fff 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear}
.viewbtn span{padding:5px 18px;font-size:14px;border-radius:33px;display:inline-block;text-align:center;color:#fff;background-color:#ec3b3b}
.mod_content_top{margin:0 auto;position:relative;overflow:hidden;text-align:center;border-top-left-radius:2px;border-top-right-radius:2px;height:213px;vertical-align:middle}
.mod_content_top img{width:100%;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;height:100%;object-fit:cover;vertical-align:middle;box-sizing:border-box;border:1px solid #eee}
.mod_content_top span.type-label{position:absolute;right:5px;bottom:7px;font-size:24px}
.mod_content_top span.viptip{position:absolute;right:2px;top:7px;font-size:12px; line-height: 21px; padding:0 5px;background-color: rgba(240, 87, 89, .73); color: #fff; border-radius: 8px 0 8px 0}
.djjp{position: absolute;top: 0;left: 0;display: block;width: 82px;height: 22px;background: url(/static/image/common/djjp.png);}
.mod_bottom{margin-top:10px;padding:0;overflow:hidden;}
.mod_bottom_detail-info{float:right;width:auto;color:#bbb}
.doc_intro{width:100%;font-weight:400;color:#999;overflow:hidden;line-height:25px;font-size:14px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px}
.doc_price{float:left;color:#ec3b3b}
.doc_box{position:relative;padding:0}
.right_nav{float:right;padding-top:20px}
.right_nav a{margin-left:8px;font-size:13px;color:#666}
.right_nav cite{color:#e3e3e3;margin:0 0 0 10px}
.right_nav a .keke_iconfont,.top_nav_breadcrumb .keke_iconfont{color:#f01414}

.pts15{padding-top:10px!important}
.pts15 a{color:#999}
.moreico{margin:0 0 0 5px;color:#999!important}
.livelabel{padding:0 7px!important;background:rgba(0,0,0,.3)!important;top:19px!important;left:10px!important;right:inherit!important;border-radius:1rem}
.livelabel .keke_iconfont{font-size:13px}
.watchingicoimg{margin-right:10px}
.livebigbox{background:#fafbfc;padding:30px 0 30px 0;margin-top:30px;border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3}
.livebigbox .mod_top_nav{margin-top:0}
.livetime{padding:0 18px;color:#9199a1;font-size:12px;margin-top:10px;overflow:hidden}
.liveing{color:#ff5252}
.coming_soon{height:293px;padding-top:85px;color:#999;box-sizing:border-box;text-align:center}
.coming_soon .keke_iconfont{font-size:50px}
.coming_soon .coming_soon_text{font-size:24px;color:#999}
.livegobtn{position:absolute;width:70px;height:20px;line-height:20px;right:15px;bottom:17px;text-align:center;color:#fff;background-image:linear-gradient(90deg,#f94950 0,#ffa4a8 99%)}
.livecourseboxs .free-card-detail-num{font-weight:700}
.livecourseboxs .sync-course-card__price-info{position:absolute;left:320px;bottom:15px;font-size:13px;font-weight:400}
.livecourseboxs .mod_bottom{position:absolute;border-top:1px dashed rgba(28,31,33,.1);left:320px;width:250px;padding:7px 0 0;margin:10px 0 0}
.liveboxs{position:relative}
.liveboxs .hd{height:15px;overflow:hidden;position:absolute;right:10px;text-align:center;bottom:15px;z-index:1}
.liveboxs .hd ul{overflow:hidden;zoom:1;margin:0 auto}
.liveboxs .hd ul li{display:inline-block;margin:0 3px;border-radius:50%;width:7px;height:7px;text-align:center;background:#ccc;cursor:pointer}
.liveboxs .hd ul li.on{background:red;color:#fff;width:15px;border-radius:5px}
.web-module{margin-top:15px}
.web-module .module_subbox{height:85px;overflow:hidden;padding:15px 20px;box-sizing:border-box;background:#fff}
.web-module ul{box-shadow:0 2px 10px 0 rgba(75,91,138,.1)}
.web-module li{transition:all .2s linear;width:20%;height:85px;margin-bottom:0;padding:0;box-sizing:border-box;float:left;position:relative}
.web-module li:before{top:28px;width:1px;height:30px;position:absolute;left:-20px;background-color:#e3e3e3;content:'';transform:rotate(25deg);-webkit-transform:rotate(25deg);-moz-transform:rotate(25deg)}
.web-module li:first-child:before{display:none}
.web-module li:hover{cursor:pointer;transform:translate3d(0,-4px,0)}
.web-module li .module_subbox:hover{box-shadow:5px 5px 10px rgba(0,0,0,.05),-5px 0 10px rgba(0,0,0,.05)}
.web-module .lefticon{float:left;margin-right:10px}
.web-module .lefticon img{width:45px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}
.web-module-right .righthd{font-size:18px;margin-top:2px}
.web-module-right .rightbd{color:#999;font-size:12px;margin-top:2px}
.announcement{width: 1100px;margin: 10px auto 0;padding:10px 10px 10px 90px;background:url(/source/plugin/keke_doc/template/images/notice.png) -5px center no-repeat #fff;box-shadow: 0 2px 10px 0 rgba(75,91,138,.1);font-size:14px;}
.picscroll-left{position:relative;margin-top:10px}
.htitle{color:#f01414!important;font-weight:400!important;font-size:26px!important}
.picscroll-left .hd:hover{opacity:1}
.picscroll-left .hd{opacity:0;display:block}
.picscroll-left .hd a{height:251px;width:100px;line-height:200px;padding:0 10px;position:absolute}
.picscroll-left .hd a .keke_iconfont{font-size:38px}
.picscroll-left .hd .next{left:-130px;text-align:right}
.picscroll-left .hd .prev{right:-130px;text-align:left}
.picscroll-left .bd ul{overflow:hidden;zoom:1}
.picscroll-left .bd ul li{transition:all .2s linear;margin:0 20px 10px 0;float:left;overflow:hidden;text-align:center;box-shadow:4px 4px 10px 0 rgba(0,0,0,.15)}
.picscroll-left .bd ul li:hover{cursor:pointer;transform:translate3d(0,-4px,0)}
.picscroll-left .bd ul li .pic{text-align:center}
.picscroll-left .bd ul li .pic img{width:183px;height:183px;display:block}
.picscroll-left .bd ul li .pic a:hover img{border-color:#999}
.picscroll-left .bd ul li .teacher_title{line-height:24px;padding:10px 0}
.picscroll-left .bd ul li .teacher_title p{font-size:16px}
.picscroll-left .bd ul li .teacher_title .teacher_dec{font-size:12px;color:#999}
.rightjoin{right:0;position:absolute;top:0;box-shadow:4px 4px 10px 0 rgba(0,0,0,.15)}
.rightjoin .pic img{width:183px;height:183px;display:block}
.rightjoin .teacher_title{height:68px;text-align:center;line-height:68px;color:#f90;font-size:14px}
.newdocul{padding-top:15px;margin-top:15px;border-top:1px dashed #eee}
.search_bar{width:500px;height:40px;position:relative;z-index:10;padding-right:60px;border:2px solid #ec3b3b;border-radius:5px;margin:0 auto;margin-top:30px;background:#fff}
.search_bar input{outline:0;border:none;background:0 0;resize:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:90%;height:40px;padding:0 10px 0 20px;font-size:14px}
.search_bar button{position:absolute;text-align:center;top:-1px;right:0;width:90px;height:42px;border-radius:0 5px 5px 0;cursor:pointer;outline:0;border:none;font-size:16px;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;background:linear-gradient(to bottom,#ec3b3b 0,#ec3b3b 100%)}
.search_bar .keke_iconfont{font-size:18px;margin-right:7px}
.searchtitle{text-align:center;font-size:36px;font-weight:800;margin-top:60px}
.hotkeyword{text-align:center;margin-top:20px;color:#a5a2a2}
.hotkeyword a{margin:0 5px;color:#0a0a0a}
.newmod{margin:0 0 35px 0; padding-top: 50px;}
.newmodbox{background:#fff;padding:0 0 10px 0;border-bottom:0 dashed #eee;box-sizing:border-box}
.fp-nav{position:fixed;z-index:999;top:450px;left:50%;right:50%;margin-top:-145px}
.fp-nav ul{width:12px;margin-left:-650px}
.fp-nav li{width:36px;height:36px;margin-top:1px}
.fp-nav li:first-child{margin-top:0}
.fp-nav li.tips{display:block;width:36px;height:36px;padding:5px;text-align:center;line-height:13px;background-color:rgba(60,60,60,.6);color:#fff}
.fp-nav li.tips span{background-color:#3685ff;cursor:default;line-height:26px}
.fp-nav a,.fp-nav span{display:block;width:34px;height:24px;padding:5px;text-align:center;line-height:13px;background-color:rgba(60,60,60,.6);color:#fff}
.fp-nav a.active,.fp-nav a:hover,.fp-nav span.active,.fp-nav span:hover{background-color:#72a9ff}
.fp-nav a.tips,.fp-nav span.tips{background-color:#3685ff;cursor:default;line-height:26px}
.fp-nav a.to-top i,.fp-nav span.to-top i{display:block;margin:2px auto}