.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}