@import url("./reset.css");
@import url("./header.css");
@import url("./navbar.css");
@import url("./crumbs.css");
@import url("./footer.css");
.main{width:1200px;margin:0 auto}.main-cont{width:840px;float:left}.main-cont .banner{width:840px;height:90px;margin-bottom:20px}.main-cont .banner a{display:block}.main-cont .article{width:100%}.main-cont .article-title{font-size:24px;color:#222;font-weight:bold;margin-bottom:20px}.main-cont .article-editing{font-size:12px;color:#999;margin-bottom:20px}.main-cont .article-editing-item{display:inline-block;margin-right:15px}.main-cont .article-editing-item a{display:inline-block;margin:0 3px;color:#00cbda}.main-cont .article-cont{line-height:32px;font-size:16px;color:#333;margin-bottom:50px}.main-cont .article-cont h2{font-weight:bold;margin:12px 0 20px}.main-cont .article-cont p{text-indent:2em}.main-cont .article-suggest{width:100%;margin-bottom:20px}.main-cont .article-suggest a{width:350px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}.main-cont .article-suggest a:hover{color:#1aadb7}.main-cont .article-suggest .article_prev{float:left}.main-cont .article-suggest .article_next{float:right}.main-cont .article-reading{border-top:1px solid #e0e0e0;margin-bottom:30px}.main-cont .article-reading .title{line-height:40px;font-weight:bold;font-size:18px}.main-cont .article-reading ul{width:100%}.main-cont .article-reading ul li{float:left;width:50%}.main-cont .article-reading ul li a{display:block;font-size:14px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main-cont .article-reading ul li a:hover{color:#1aadb7}.main-cont .article-related{margin-bottom:30px}.main-cont .article-related .related-title{height:39px;width:100%;border-bottom:1px solid #e0e0e0;margin-bottom:12px}.main-cont .article-related .related-title span{height:39px;line-height:39px;display:inline-block;border-bottom:1px solid #02bcc9}.main-cont .article-related ul{width:100%}.main-cont .article-related ul li{float:left;width:50%}.main-cont .article-related ul li a{display:block;font-size:14px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main-cont .article-related ul li a:hover{color:#1aadb7}.main-cont .main-nav{width:840px;height:40px;background:#f6f6f6;box-sizing:border-box;padding-left:126px;margin-bottom:25px;position:relative}.main-cont .main-nav-title{position:absolute;left:20px;top:0;bottom:0;font-size:24px;line-height:40px;font-weight:bold;z-index:1}.main-cont .main-nav-title:after{position:absolute;content:'';width:100%;height:4px;background:linear-gradient(90deg,#00b6e2 0%,#00d662 100%);bottom:6px;left:0;z-index:-1}.main-cont .main-nav-list{height:40px}.main-cont .main-nav-list li{float:left;height:28px;margin:6px 4px;line-height:28px;color:#666;font-size:14px}.main-cont .main-nav-list li a{display:block;padding:0 9px}.main-cont .main-nav-list .active{background:#1faad1;border-radius:4px;color:#fff}.main-cont .provinces{width:100%;margin-bottom:20px}.main-cont .provinces-list{border-bottom:1px solid #f6f6f6}.main-cont .provinces-list .province-selected{background:#1faad1;border-radius:2px;color:#fff}.main-cont .provinces-list li{float:left;height:20px;line-height:20px;width:44px;font-size:12px;color:#666;text-align:center;margin:0 5px 10px 0}.main-cont .provinces-list li a{display:block}.main-cont .news{width:100%}.main-cont .news-list li{display:block;height:35px;line-height:35px;color:#333;font-size:16px}.main-cont .news-list li:nth-child(6n){padding-bottom:15px;border-bottom:1px solid #f6f6f6;margin-bottom:15px}.main-cont .news-list li:last-child{border:0}.main-cont .news-list li a{width:700px;display:inline-block}.main-cont .news-list li span{float:right;font-size:14px;color:#999}.main-cont .paging{text-align:center;margin-bottom:60px}.main-cont .paging a{display:inline-block;width:48px;height:40px;text-align:center;line-height:40px;border-radius:2px;border:1px solid #f6f6f6;font-size:14px;color:#959595;margin:0 5px}.main-cont .paging .paging_end{border:0;color:#d0d0d0}.main-cont .paging .page_active{color:#fff;background:#00b6e2}.main-cont .paging .page_not-allow{background:#f6f6f6;color:#e0e0e0}.main-cont .paging .page_prev,.main-cont .paging .page_next{padding:0 15px}.main-guide{width:310px;float:right}.main-guide .sec-r{margin-bottom:30px}.main-guide .sec-r_title{line-height:1;margin-bottom:10px;color:#222;font-size:18px;font-weight:bold;text-align:left}.main-guide .sec-r_cont{box-sizing:border-box}.main-guide .hot-search{margin-bottom:20px}.main-guide .hot-search .search-word{float:left;width:96px;height:30px;background:#f7f7f7;border-radius:2px;box-sizing:border-box;text-align:center;font-size:14px;line-height:30px;color:#222;margin-bottom:10px}.main-guide .hot-search .search-word a{display:block;width:100%;height:100%;transition:.2s}.main-guide .hot-search .search-word a:hover{color:#1faad1}.main-guide .hot-search .search-word:nth-child(3n+2){margin-left:10px;margin-right:10px}.main-guide .free-audiovisual{position:relative}.main-guide .free-audiovisual .switch-show{position:absolute;right:0;top:0;height:22px}.main-guide .free-audiovisual .switch-show .btn{width:22px;height:22px;display:inline-block;cursor:pointer}.main-guide .free-audiovisual .switch-show .prev{background:center center/100% 100% url("/images/zx/prev.png") no-repeat;margin-right:5px}.main-guide .free-audiovisual .switch-show .prev:hover{background-image:url("/images/zx/prev_hover.png")}.main-guide .free-audiovisual .switch-show .next{background:center center/100% 100% url("/images/zx/next.png") no-repeat}.main-guide .free-audiovisual .switch-show .next:hover{background-image:url("/images/zx/next_hover.png")}.main-guide .free-audiovisual .sec-r_title{height:22px;line-height:22px}.main-guide .free-audiovisual .audiovisual{height:250px;width:310px;overflow:hidden;position:relative}.main-guide .free-audiovisual .audiovisual .audiovisual-list{width:1610px;height:100%;box-sizing:border-box;padding:0 5px;position:absolute;left:-10px;top:0;transition:.3s}.main-guide .free-audiovisual .audiovisual .audiovisual-list .audiovisual-item{float:left;width:310px;height:100%;margin:0 5px;background:#fff}.main-guide .free-audiovisual .audiovisual .audiovisual-list .audiovisual-item .teacher-img{width:310px;height:190px;margin-bottom:10px;overflow:hidden}.main-guide .free-audiovisual .audiovisual .audiovisual-list .audiovisual-item .teacher-info{height:50px;background:#f7f7f7;width:100%;box-sizing:border-box;padding:0 10px}.main-guide .free-audiovisual .audiovisual .audiovisual-list .audiovisual-item .teacher-info .teacher-name{line-height:50px;float:left;color:#222;margin-right:10px}.main-guide .free-audiovisual .audiovisual .audiovisual-list .audiovisual-item .teacher-info .teacher-course{line-height:50px;font-size:14px;float:left}.main-guide .free-audiovisual .audiovisual .audiovisual-list .audiovisual-item .teacher-info .teacher-btn{float:right;width:76px;height:30px;margin:10px 0}.main-guide .free-audiovisual .audiovisual .audiovisual-list .audiovisual-item .teacher-info .teacher-btn a{display:block;width:100%;height:100%;text-align:center;line-height:30px;color:#fff;background:linear-gradient(90deg,#00b6e2 0%,#00d662 100%);font-size:12px;border-radius:15px;transition:.3s}.main-guide .free-audiovisual .audiovisual .audiovisual-list .audiovisual-item .teacher-info .teacher-btn a:hover{background:linear-gradient(270deg,#00b6e2 0%,#00d662 100%)}.main-guide .freebie-cont{width:310px;height:262px;box-sizing:border-box;border:1px solid #f2efef;border-radius:4px;padding:20px 1px 0}.main-guide .freebie-cont .receive-item{width:102px;height:60px;float:left;margin:10px 0;text-align:center}.main-guide .freebie-cont .receive-item .icon-file{width:44px;height:38px;margin:0 auto;background:center center/100% 100% url("/images/zx/i-file.png") no-repeat;margin-bottom:6px}.main-guide .freebie-cont .receive-item .receive-name{width:100%;text-align:center;font-size:12px;line-height:14px;color:#222}.main-guide .freebie-cont .freebie-btn{width:240px;height:40px;margin:20px auto 0}.main-guide .freebie-cont .freebie-btn a{display:block;width:100%;height:100%;text-align:center;line-height:40px;color:#fff;font-size:16px;font-weight:bold;border-radius:20px;background:linear-gradient(90deg,#00b6e2 0%,#00d662 100%);transition:.3s}.main-guide .freebie-cont .freebie-btn a:hover{background:linear-gradient(270deg,#00b6e2 0%,#00d662 100%)}.main-guide .interaction-cont{width:310px;height:262px;box-sizing:border-box;border:1px solid #f2efef;border-radius:4px;overflow:hidden}.main-guide .interaction-cont .interaction-header{margin:0;width:100%;height:67px;background:#f7f7f7;z-index:3}.main-guide .interaction-cont .interaction-header .header-item{float:left;width:50%;position:relative}.main-guide .interaction-cont .interaction-header .header-item .title{width:100%;height:100%;display:block;font-size:16px;text-align:center;font-weight:bold;color:#222;line-height:67px;background:top 21px left 25px/30px 25px url("/images/zx/i-weibo.png") no-repeat;padding-left:40px}.main-guide .interaction-cont .interaction-header .header-item .title:hover ~ .header-code{display:block}.main-guide .interaction-cont .interaction-header .header-item .header-code{display:none;left:50%;transform:translateX(-50%);top:45px;position:absolute;width:120px;height:165px;z-index:3}.main-guide .interaction-cont .interaction-header .header-item .header-code .header-code-wrap{width:100%;height:100%;position:relative;padding-top:14px;box-sizing:border-box}.main-guide .interaction-cont .interaction-header .header-item .header-code .header-code-wrap .wrap-arrow{position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;width:30px;height:15px;overflow:hidden;pointer-events:none}.main-guide .interaction-cont .interaction-header .header-item .header-code .header-code-wrap .wrap-arrow span{position:absolute;transform:translateY(5px) rotate(45deg);display:block;width:22px;height:22px;inset:0;margin:0 auto;border-radius:2px;pointer-events:none}.main-guide .interaction-cont .interaction-header .header-item .header-code .header-code-wrap .wrap-arrow span:before{border:1px solid #f0f0f0;position:absolute;content:'';width:22px;height:22px;background:#fff;background-repeat:no-repeat}.main-guide .interaction-cont .interaction-header .header-item .header-code .header-code-wrap .qrcode{width:100%;height:143px;background:#fff;border-radius:4px;box-shadow:0 2px 7px 0 rgba(220,220,220,0.5);border:1px solid #f0f0f0}.main-guide .interaction-cont .interaction-header .header-item .header-code .header-code-wrap .qrcode-img{width:100px;height:100px;margin:10px auto;background-color:#d8d8d8}.main-guide .interaction-cont .interaction-header .header-item .header-code .header-code-wrap .qrcode-tip{font-size:10px;text-align:center;color:#666}.main-guide .interaction-cont .interaction-header .wechat .title{background-image:url("/images/zx/i-wechat.png")}.main-guide .interaction-cont .group-wrap{position:relative;width:100%;height:100%}.main-guide .interaction-cont .group-wrap .group-item{width:50%;float:left;text-align:center;margin:20px 0 0 0;cursor:pointer}.main-guide .interaction-cont .group-wrap .group-item_icon{width:44px;height:44px;display:block;margin:0 auto;background:center center/100% 100% url("/images/zx/i-group.png") no-repeat;pointer-events:none}.main-guide .interaction-cont .group-wrap .group-item_tip{font-size:12px;color:#222;text-align:center;margin-top:10px;pointer-events:none}.main-guide .interaction-cont .group-wrap .group-item .group-qrcode{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.4)}.main-guide .interaction-cont .group-wrap .group-item .group-qrcode .group-qrcode_wrap{width:114px;height:135px;background:#fff;border-radius:4px;margin:20px auto 0;padding-top:1px;pointer-events:none}.main-guide .interaction-cont .group-wrap .group-item .group-qrcode .group-qrcode_wrap-img{width:102px;height:102px;background:#d8d8d8;border-radius:2px;margin:6px auto;pointer-events:none}.main-guide .interaction-cont .group-wrap .group-item .group-qrcode .group-qrcode_wrap p{font-size:12px;line-height:12px;color:#222;text-align:center;pointer-events:none}