/*common header*/
body{background:#f3f3f3 !important;}
.header{background-color:#07111b;height:72px;overflow:hidden}
.header .logo{overflow: hidden;display: inline-block;}
.header .logo a{line-height:72px; height: 72px;display: inline-block;}
.header .logo img{width:160px;height:53px;vertical-align:middle}
.header .nav-box{margin-bottom:0; margin-left:20px; overflow: hidden; display: inline-block;}
.nav-box li{float:left}
.nav-box li a{padding:0 25px;display:block;color:rgba(255,255,255,.6);text-align:center;font-size:16px;line-height:72px;font-weight:400}
.nav-box li a.active,.nav-box li a:hover{color:#fff}
.login-area{float:right;position:relative;color:#fff;display:flex;align-items:center;gap:15px;}
.login-area a{display:inline-block;width:auto;padding:0 12px;font-size:14px;line-height:72px;color:#888;text-decoration:none;transition:color 0.3s;}
.login-area a:hover{color:#d4975c;}
.login-area .user-info{display:flex;align-items:center;gap:8px;line-height:72px;}
.login-area .user-info .username{color:#fff;font-weight:500;}
.login-area .user-info .divider{color:#888;margin:0 5px;}
.login-area .auth-links{display:flex;align-items:center;gap:10px;}
.login-area .btn-login,.login-area .btn-register{padding:8px 20px;font-size:14px;line-height:normal;border-radius:4px;transition:all 0.3s;}
.login-area .btn-login{color:#fff;background-color:transparent;border:1px solid rgba(255,255,255,0.3);}
.login-area .btn-login:hover{color:#d4975c;border-color:#d4975c;background-color:transparent;}
.login-area .btn-register{color:#fff;background-color:#d4975c;border:1px solid #d4975c;}
.login-area .btn-register:hover{background-color:#c1874a;border-color:#c1874a;}
.linklist li{float:left; padding-right:20px;}
.linktt{font-size: 16px;font-weight: bold;}
/*index header*/
.header-index{height:100px;line-height:100px;background-color:#fff}
.header-index .logo{overflow:hidden;display:inline-block}
.header-index .logo a{display:inline-block}
.header-index .logo img{width:160px;height:53px;vertical-align:middle}
.header-index .nav-box{width:700px;margin-left:30px;display:inline-block}
.header-index .nav-box li a{color:#353535;font-size:18px;height:100px;line-height:100px}
.header-index .login-area a{color:#353535}
.header-index .login-area a:hover,.header-index .nav-box li a:hover{color:#d4975c}
.header-index .login-area .btn-login{color:#353535;border-color:#ddd;}
.header-index .login-area .btn-login:hover{color:#d4975c;border-color:#d4975c;}
.header-index .login-area .btn-register{color:#fff;background-color:#d4975c;border-color:#d4975c;}
.header-index .login-area .btn-register:hover{background-color:#c1874a;border-color:#c1874a;}
.header-index .login-area .user-info .username{color:#353535;}
.header-index .login-area .user-info .divider{color:#ddd;}
.banner-wrapper{position:relative}
.banner-wrapper .g-flow{position:relative;overflow: hidden;clear: both;padding: 0;}
.banner-wrapper .nav-tab{position:absolute;width:230px;background-color:rgba(0,0,0,.8);height:390px;left:0;top:0;z-index:10}
.banner-wrapper .nav-tab .nav-title{display:block;line-height:68px;text-align:center;background-color:#d4975c;font-size:16px;color:#fff;margin-bottom:1px}
.banner-wrapper .nav-tab .nav-title .nav-icon{width:24px;text-align:center;padding:0;margin:0;position:absolute;top:24px;left:66px;border:none}
.banner-wrapper .nav-tab .nav-title .nav-icon span{width:24px;height:2px;border-radius:1px;background:#fff;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;margin:0 auto 6px;display:block;line-height:10px}
.banner-wrapper .nav-tab .nav-title h2{margin-left:30px}
.banner-wrapper .nav-tab .nav-list{margin-top:-2px}
.banner-wrapper .nav-tab .nav-list li a{display:block;text-align:center;font-size:16px;line-height:50px;color:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.banner-wrapper .nav-tab .nav-list li a:hover{background-color:#d4975c}

.banner-group{height: 390px;z-index: 0;width: 1200px;overflow: hidden;position: relative;margin-bottom: 20px;}
.banner-group{width:100%;height:390px;background:#0e275e;position:relative;overflow:hidden;z-index:0}
.banner-group .banner-ul{overflow:hidden;width:2400px;position:absolute;left:0;}
.banner-group .banner-ul li{float:left;width:1200px;height:390px;}
.banner-group .banner-ul li a{width:1200px;height:390px;}
.banner-group .banner-ul li img{width:1200px;height:390px}

.banner-group.banner-wrap .banner-ul li img{display: block;width:1200px;height:300px;}
.banner-group .arrow{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:70px;color:#fff;position:absolute;top:50%;margin-top:-45px;cursor:pointer;display:none}
.banner-group .left-arrow{left:250px}
.banner-group.banner-wrap .left-arrow{left:20px}
.banner-group .right-arrow{right:20px}
.banner-group .page-control-group{position:absolute;left:0;right:0;bottom:20px}
.banner-group .page-control-group .page-control{margin:0 auto;overflow:hidden}
.banner-group .page-control-group .page-control li{width:12px;height:12px;border:1px solid #fff;border-radius:50%;float:left;margin:0 8px;box-sizing:border-box;cursor:pointer}
.banner-group .page-control-group .page-control li.active{background:#fff}

.wrapper.index .org-wrap{margin-top: 0;height: 390px;}
.wrapper.index .org-wrap ul li{float: left;width: 224px;height: 320px;margin-right: 20px;background-color: #fff;box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);box-sizing: border-box;padding: 20px;text-align: center;border-radius: 4px;transition: .3s all linear;}
.wrapper.index .org-wrap ul li:last-child{margin-right: 0;}
.wrapper.index .org-wrap ul li:hover{box-shadow:0 8px 16px 0 rgba(7,17,27,.2)}
.wrapper.index .org-wrap li a img{display: block;width: 120px;height: 120px;margin: 0 auto 10px;border-radius: 20%;}
.wrapper.index .org-wrap li h3{display: block;font-size: 16px;line-height: 24px;color: #353535;font-weight: 700;margin-bottom: 15px;}


/*org header*/
.header-org{background-color: #fff; margin-bottom: 20px;}
.header-org .top-bar{background-color: #f1f1f1;height: 28px;line-height: 28px;font-size: 12px;}
.header-org .top-bar-left{height: 28px;line-height: 28px;}
.header-org .top-bar-left em{margin-left: 6px; margin-right: 6px;}
.header-org .top-bar-left span{color: #888;}
.header-org .top-bar-right a{margin-left: 12px;}
.header-org .org-box{float: left;position: relative;margin-top: 10px;margin-bottom: 10px;display: flex;}
.header-org .org-box .logo-box{height: 80px;width: auto;line-height: 80px;display: inherit;}
.header-org .org-box .logo-box a{width: 100%;display: table-cell;vertical-align: middle;text-align: center;overflow: hidden;padding: 2px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.header-org .org-box .logo-box a img{display: block;height: 80px;max-width: 100%;max-height: 100%;vertical-align: middle;text-align: center;margin: 0 auto;}
.header-org .org-box .org-name{margin-left:16px;width: auto;height: 80px;line-height: 80px;color: #353535;}
.header-org .contact-box{width: 300px;float: right;text-align: right;height: 60px; margin-top: 20px;}
.header-org .contact-box p{line-height: 30px;}
.header-org .contact-box .phone{color: #d4975c;}
.header-org .nav-bar{height: 50px;line-height: 50px;background-color: #07111b;}
.header-org .nav-bar ul li{float: left;cursor: pointer;}
.header-org .nav-bar ul li a{height: 50px;line-height: 50px;font-size: 16px;color: #ccc;padding: 0 30px;display: inline-block;}
.header-org .nav-bar ul li a:hover, .header-org .nav-bar .active{color: #fff;}

/*footer*/
.footer{background:#07111b;font-size:12px;clear:both;overflow:hidden}
.footer .footer-box{padding:30px 0;clear:both;overflow:hidden}
.footer .footer-box .footer-logo{width:270px;margin-right:70px;float:left}
.footer .footer-box .footer-logo .logo{display:block;width:164px;height:40px;background:url(../images/gray-logo.png) no-repeat 0;text-indent:-9999px;overflow:hidden;margin-bottom:20px;background-size:88%}
.footer .footer-box .footer-logo p{color:#ccc;line-height:22px}
.footer .footer-box .footer-nav{width:220px;margin-right:70px;margin-top:20px;float:left}
.footer .footer-box .footer-nav dt{font-size:16px;width:100%;float:left;color:#ccc;margin-bottom:15px}
.footer .footer-box .footer-nav dd{width:100%;float:left}
.footer .footer-box .footer-nav dd a{float:left;width:33.3%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:22px;color:#ccc}
.footer .footer-box .footer-nav dd span{width:100%;line-height:22px;color:#ccc;display:block}
.footer .footer-box .footer-sns{padding-top:20px;float:right;width:250px}
.footer .footer-box .footer-sns span{float:left;width:95px;height:95px;margin-right:20px}
.footer .footer-box .footer-sns span img{display:block;width:100%;height:100%}
.footer .footer-box .footer-sns p{color:#ccc;line-height:22px;padding-top:20px}
.footer .footer-copyright{line-height:54px;background-color:#2e333f;color:#ccc;text-align:center}
.footer .footer-copyright a{color:#ccc}
.footer .footer-copyright a:hover{color:#fff}
.footer .footer-copyright span{padding:0 5px;color:#ccc}

/*right side*/
.side-box .r-box{background: #fff;padding: 20px 16px;box-shadow: 0 2px 10px 0 rgba(46,61,72,.05);position: relative;margin-bottom: 20px;}
.side-box .title-bar, .con-floor .title-bar{line-height: 24px;font-size: 20px;margin-left: 14px;margin-bottom: 16px;}
.side-box .title-bar:before, .con-floor .title-bar:before{position: absolute;left: 15px;top: 22px;width: 4px;height: 20px;background-color: #d4975c;content: "";}
.side-box ul.img-list li{margin-bottom: 20px;}
.side-box ul.img-list li:last-child{margin-bottom: 0;}
.side-box .img-box{position: relative;float: left;}
.side-box .img-box a{width: 100%;display: table-cell;vertical-align: middle;text-align: center;overflow: hidden;padding: 2px;border: 1px solid #eee;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.side-box .img-box a img{display: block;max-width: 100%;max-height: 100%;vertical-align: middle;text-align: center;margin: 0 auto;}
.side-box .info-box{position: relative;overflow: hidden;}
.side-box .info-box .item-title{width: 100%;height: 32px;line-height: 32px;}
.side-box .info-box .item-title a{max-width: 150px;height: 26px;line-height: 26px; font-size: 16px;float:left;}
.side-box .info-box .item-desc{width: 100%;line-height: 22px;font-size: 12px;color: #888;}

.r-org .img-box{height: 100px;width: 100px;}
.r-org .img-box a{height: 100px;}
.r-org .img-box a img{width: 100px;}
.r-org .info-box{margin-left: 116px;width: 232px;}
.r-org .info-box .item-desc{height: 66px;}

.r-course .img-box{height: 75px;width: 100px;}
.r-course .img-box a{height: 75px;}
.r-course .img-box a img{width: 100px;}
.r-course .info-box{margin-left: 116px;width: 232px;}

.r-teacher .img-box{height: 76px;width: 76px;}
.r-teacher .img-box a{height: 76px;border-radius: 50%}
.r-teacher .img-box a img{height: 76px;}
.r-teacher .info-box{margin-left: 92px;}
.r-teacher .info-box .item-title span{margin-left: 12px;color: #888;}

.r-news ul li{width: 348px;height: 32px; line-height: 32px;position: relative;}
.r-news ul li a{width: 85%;display: block;}
.r-news ul li span{position: absolute;right: 0;bottom: 0;color: #888;}
.r-city ul li{display: inline-block;background: #f8f8f8;padding: 3px 12px;margin: 5px 2px;}

.r-ask li{padding:15px 0;border-bottom:1px solid #edf1f2}
.r-ask li:last-child{border-bottom:none;padding-bottom:0}
.r-ask li p{line-height:20px!important}
.r-ask li a{line-height:20px;font-size:14px;color:#14191e;word-wrap:break-word;text-align:left}
.r-ask .info-bar{height:20px;margin-top:7px;overflow:hidden}
.r-ask .info-bar a{float:left;font-size:12px;line-height:20px;color:#b5b9bc}
.r-ask .info-bar .answer-num{margin-right:30px}
.r-ask .info-bar .cate-from{float:right}
.r-ask .info-bar a:hover{color:#14191e}

/*crumb*/
.crumb-bar{height: 28px;line-height: 28px;margin-top: 12px;margin-bottom: 12px;}
.crumb-bar em{margin-left: 6px; margin-right: 6px;}
.crumb-bar span{color: #888;}

/*cate box*/
.cate-box .cate-title{width:40px}
.cate-box ul{margin-left:50px;overflow:hidden}
.cate-box ul li{float:left;line-height:28px;padding:0 10px}
.cate-box ul li.active a{color:#d4975c}

/*pagination*/
.page-box{text-align: center;overflow: hidden;}
.page-box a{margin: 0 8px;color: #888;border-radius: 16px;-webkit-transition: border-color .2s;-moz-transition: border-color .2s;transition: border-color .2s;padding: 0 4px;min-width: 24px;line-height: 32px;font-size: 14px;display: inline-block;text-align: center;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.page-box a.page-last:hover{color:#353535;}
.page-box a.page:hover{background:#d9dde1;color:#4d555d;text-decoration:none;}
.page-box a.active{background: #4d555d;color: #fff;}
.page-box .disabled{height: 32px;color: #c8cdd2;padding: 0 4px;min-width: 24px;line-height: 32px;font-size: 14px;display: inline-block;text-align: center;}

/*page list*/
.content-box .list-box{background: #fff;box-shadow: 0 2px 10px 0 rgba(46,61,72,.05);margin-bottom: 20px;}
.left-wrap .list-box ul{padding: 4px 20px 24px;}
.left-wrap .list-box ul li{padding: 20px 0;border-bottom: 1px solid hsla(0,0%,91.4%,.6)}
.left-wrap .list-box .img-box{position: relative;float: left;}
.left-wrap .list-box .img-box a{width: 100%;display: table-cell;vertical-align: middle;text-align: center;overflow: hidden;padding: 2px;border: 1px solid #eee;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.left-wrap .list-box .img-box img{display: block;max-width: 100%;max-height: 100%;vertical-align: middle;text-align: center;margin: 0 auto;}
.left-wrap .list-box .info-box{position: relative;overflow: hidden;}
.left-wrap .list-box .info-box .item-name{margin-top: 4px;margin-bottom: 12px;width: 100%;height: 32px;font-weight: 500;line-height: 32px;color: #353535;}
.left-wrap .list-box .info-box .info-bar{width: 100%;height: 18px;margin-bottom: 8px;line-height: 18px;font-size: 12px;color: #353535;}
.left-wrap .list-box .info-box .info-bar a{color: #888;}
.left-wrap .list-box .info-box .info-bar a:hover{color: #353535;}
.left-wrap .list-box .info-box .comment-bar{width: 100%;height: 24px;border: 1px solid #e8e8e8;font-size: 12px;line-height: 22px;text-indent: 4px;margin-top: 16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.left-wrap .list-box .info-box .button-bar{margin-top: 12px;}
.left-wrap .list-box .info-box .button-bar .button{line-height: 34px;height: 34px;width: 130px;font-size: 12px;text-align: center;vertical-align: middle;display: inline-block;border-radius: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.left-wrap .list-box .info-box .button-bar .button-online{background: #ff8000;color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.left-wrap .list-box .info-box .button-bar .button-price{color: #4aaf4f;border: 1px solid #4aaf4f;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-left: 20px;}

/*org list*/
.left-wrap .list-box.org-box .img-box{width: 140px;}
.left-wrap .list-box.org-box .img-box a{height: 140px}
.left-wrap .list-box.org-box .img-box img{width: 134px}
.left-wrap .list-box.org-box .info-box{margin-left: 156px;width: 604px;}


/*org detail*/
.wrap .wrap-title, .left-wrap .wrap-title{margin-bottom: 16px;}
.wrap .wrap-title h3, .left-wrap .wrap-title h3{font-size: 24px;line-height: 30px;color: #333;font-weight: 400;display: inline-block;}
.wrap .wrap-title a, .left-wrap .wrap-title a{position: relative;top: 4px;float: right;color: #888;font-size: 14px;line-height: 30px;text-decoration: none;}
.wrap .wrap-title a:hover, .left-wrap .wrap-title a:hover{color: #d4975c;}

.info-wrap, .course-wrap, .teacher-wrap, .branch-wrap, .overview-wrap, .env-wrap, .school-wrap,.tuto-box, .vocation-wrap, .bg-white,
.comment-wrap, .school-box, .teacher-box, .news-wrap, .info-course, .course-content, .cate-box{background: #fff;box-shadow: 0 2px 10px 0 rgba(46,61,72,.05);margin-bottom: 20px;padding: 20px;}

.info-wrap{}
.info-wrap .o-img{width: 450px;height: 300px;float: left;}
.info-wrap .o-img img{width: 100%;height: 100%;}
.info-wrap .o-info{margin-left: 480px;overflow: hidden;color: #404040;position: relative;height: 300px;}
.info-wrap .o-info .o-item{margin-bottom: 15px;}
.info-wrap .o-info .o-item b{font-size: 14px;color: #888;font-weight: 400;}
.info-wrap .o-info .o-feature span{color: #d4975c;margin-right: 32px;}
.info-wrap .o-info .o-title{padding-bottom:20px;margin-bottom:20px;}
.info-wrap .o-info .o-title h2{float:left;font-size:25px;}
.info-wrap .o-info .o-title .addr{float:right;color: #d4975c;font-size:16px;}
.info-wrap .o-info .o-title .addr img{margin-right:5px;width:12px;}
.outside{width:100%;}
.outside div{width:50%;}


.info-wrap .o-info .o-overview{line-height: 24px;}
.info-wrap .o-info .o-overview a{margin-left: 20px;color: #d4975c;}
.info-wrap .o-info .o-branch{line-height: 22px;height:22px;overflow: hidden;}
.info-wrap .o-info .o-branch a{line-height: 22px;}
.info-wrap .o-info .o-phone{font-weight: 700;}
.info-wrap .o-info .o-button{position: absolute;bottom: 0px;}
.info-wrap .o-info .o-button .button{line-height: 34px;height: 34px;width: 130px;font-size: 12px;text-align: center;vertical-align: middle;display: inline-block;border-radius: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.info-wrap .o-info .o-button .button-online{background: #ff8000;color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.info-wrap .o-info .o-button .button-price{color: #4aaf4f;border: 1px solid #4aaf4f;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-left: 20px;}

.course-wrap ul{margin-bottom: -20px;overflow: hidden;}
.course-wrap ul li{float: left;width: 240px;margin-right: 20px;margin-bottom: 20px;}
.course-wrap ul li:nth-child(3n){margin-right: 0;} 
.course-wrap .c-img, .course-wrap .c-img img{height: 140px;width: 240px;}
.course-wrap .c-info p{color: #888;line-height: 22px;}

.teacher-wrap ul li{margin-bottom: 20px;}
.teacher-wrap ul li:last-child{margin-bottom: 0}
.teacher-wrap .t-img{width: 80px;height: 80px;border-radius: 50%;overflow: hidden;float: left;}
.teacher-wrap .t-img a{display: inline-block;width: 100%;height: 100%;}
.teacher-wrap .t-img a img{width: 100%;height: 100%;}
.teacher-wrap .t-info{margin-left: 96px;overflow: hidden;}
.teacher-wrap .t-info .t-name{margin-bottom: 7px;}
.teacher-wrap .t-info .t-name span{margin-left: 16px; font-size: 12px;}
.teacher-wrap .t-info p{line-height: 22px;color: #888;}

.teacher-box .t-img{width: 100px;height: 100px;border-radius: 50%;overflow: hidden;float: left;}
.teacher-box .t-img  img{width: 100%;height: 100%;}
.teacher-box .t-info{margin-left: 120px;width: 1040px;}
.teacher-box .t-info h2{color: #404040;}
.teacher-box .t-info h2 span{color: #b2b2b2;margin-left: 16px;}
.teacher-box .t-info .t-desc{color:#888; line-height: 22px;}

.branch-wrap .branch-box{height: 410px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.branch-wrap .branch-box ul{float: left;width: 330px;height: 400px;overflow-y: auto;color: #888;}
.branch-wrap .branch-box ul::-webkit-scrollbar {width: 5px;height: 5px;}
.branch-wrap .branch-box ul::-webkit-scrollbar-track {border-radius: 3px;background-color: #fdf8f5;}
.branch-wrap .branch-box ul::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #ccc;}
.branch-wrap .branch-box ul::-webkit-scrollbar-thumb:hover {background-color: rgb(46, 86, 159);}
.branch-wrap .branch-box ul::-webkit-scrollbar-thumb:active {background-color: rgb(46, 86, 159);cursor: pointer;}
.branch-wrap .branch-box ul li{border-bottom: 1px dashed #d5d5d5;position: relative;cursor: pointer;padding: 15px 15px 17px 36px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.branch-wrap .branch-box ul li.current{background-color: rgba(212,151,92,.1);}
.branch-wrap .branch-box .b-icon, .school-wrap .b-icon{width: 21px;height: 26px;position: absolute;top: 25px;left: 6px;background: url(../images/position.png) no-repeat;color: #fff;}
.branch-wrap .branch-box .b-icon span, .school-wrap .b-icon span{display: inline-block;margin-left: 6px;margin-top: -3px;}
.branch-wrap .branch-box .b-info h4, .school-wrap .b-info h4{color: #404040;}
.branch-wrap .branch-box .b-info p, .school-wrap .b-info p{line-height: 20px;}
.branch-wrap .branch-box #dituContent{width: 430px;height: 400px;margin-left: 330px;}

.overview-wrap .overview-box{}
.overview-box td{border: 2px solid #e5e5e5;}

.school-enroll .overview-box.enroll-list{padding:20px;}
.school-enroll .enroll-cards{list-style:none;margin:0;padding:0;}
.school-enroll .enroll-cards>li{display:flex;align-items:flex-start;gap:20px;padding:20px 0;border-bottom:1px solid #f1f1f1;}
.school-enroll .enroll-cards>li:last-child{border-bottom:none;}
.school-enroll .enroll-cards .cover{flex:0 0 260px;}
.school-enroll .enroll-cards .cover a{display:block;width:100%;height:0;padding-bottom:62%;position:relative;overflow:hidden;border-radius:8px;background:#f3f3f3;}
.school-enroll .enroll-cards .cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.school-enroll .enroll-cards .info{flex:1;display:flex;flex-direction:column;min-width:0;}
.school-enroll .enroll-cards .info h4{margin:0 0 10px;font-size:20px;font-weight:600;color:#353535;}
.school-enroll .enroll-cards .info h4 a{color:inherit;}
.school-enroll .enroll-cards .info p{margin:0;color:#666;line-height:24px;}
.school-enroll .enroll-cards .info .meta{margin-top:auto;display:flex;align-items:center;gap:20px;font-size:14px;color:#999;}
.school-enroll .enroll-cards .info .price{font-size:18px;color:#d4975c;font-weight:600;}
.school-enroll .enroll-cards .info .btn-more{margin-left:auto;color:#fff;background:#07111b;padding:6px 18px;border-radius:20px;}

/* 学校动态资讯页面样式 */
.school-news .enroll-list{list-style:none;margin:0;padding:0;}
.school-news .enroll-cards{list-style:none;margin:0;padding:0;}
.school-news .enroll-cards>li{display:flex;align-items:flex-start;gap:20px;padding:24px 0;border-bottom:1px solid #f1f1f1;}
.school-news .enroll-cards>li:last-child{border-bottom:none;}
.school-news .enroll-cards .cover{flex:0 0 280px;}
.school-news .enroll-cards .cover a{display:block;width:100%;height:0;padding-bottom:70%;position:relative;overflow:hidden;border-radius:8px;background:#f3f3f3;}
.school-news .enroll-cards .cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.school-news .enroll-cards .info{flex:1;display:flex;flex-direction:column;min-width:0;}
.school-news .enroll-cards .info h4{margin:0 0 12px;font-size:18px;font-weight:600;color:#353535;}
.school-news .enroll-cards .info h4 a{color:inherit;text-decoration:none;}
.school-news .enroll-cards .info h4 a:hover{color:#07111b;}
.school-news .enroll-cards .info p{margin:0 0 16px;color:#666;line-height:26px;}
.school-news .enroll-cards .info .meta{margin-top:auto;display:flex;align-items:center;gap:20px;font-size:14px;color:#999;}
.school-news .enroll-cards .info .time:before{content:'更新 ';color:#999;}
.school-news .enroll-cards .info .hits:before{content:'浏览 ';color:#999;}
.school-news .enroll-cards .info .btn-more{margin-left:auto;color:#fff;background:#07111b;padding:8px 20px;border-radius:20px;text-decoration:none;font-size:14px;transition:background-color 0.3s;}
.school-news .enroll-cards .info .btn-more:hover{background:#0a1520;text-decoration:none;color:#fff;}

.env-wrap ul{margin-bottom: -20px;}
.env-wrap ul li{float: left;width: 275px;height: 200px;margin-right: 20px;margin-bottom: 20px;}
.env-wrap ul li:nth-child(4n){margin-right: 0;}
.env-wrap ul li img{width: 100%;height: 100%;}
.env-wrap .hjtext{text-align:center;padding:10px 0px;}

.school-wrap ul{width: 760px;position: relative;margin-bottom: -20px;color: #888;}
.school-wrap ul li{float: left;width: 330px;margin: 0 20px 20px 30px;position: relative;color: #888;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.school-wrap ul li:nth-child(2n){margin-right: 0;}
.school-wrap .b-icon{top: 10px;left: -28px;}
.school-wrap .b-info p{color: #888;}

.school-box{}
.school-box #dituContent{float: left;height: 400px;width: 600px;}
.school-box .school-info{margin-left: 620px;width: 540px;height: 400px;position: relative;}
.school-box .school-info h2{height: 32px;line-height: 32px;color: #404040;margin-bottom: 10px;}
.school-box .school-info .item-bar{width: 100%;padding: 14px 0;line-height: 18px;height: 18px;}
.school-box .school-info .item-bar img{vertical-align: middle;margin-right: 4px;}
.school-box .school-info .item-bar b{color: #404040;vertical-align: middle;font-weight: normal;}
.school-box .school-info .item-bar p{display: inline-block;width: 69%;overflow: hidden;vertical-align: middle;}
.school-box .school-info .item-bar a{color: #149cff;margin-left: 10px;text-decoration: underline;vertical-align: middle;}
.school-box .school-info .button-bar{position: absolute;bottom: 60px;left: 20px;}
.school-box .school-info .button-bar .button{line-height: 34px;height: 34px;width: 130px;font-size: 12px;text-align: center;vertical-align: middle;display: inline-block;border-radius: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.school-box .school-info .button-bar .button-online{background: #ff8000;color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.school-box .school-info .button-bar .button-price{color: #4aaf4f;border: 1px solid #4aaf4f;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-left: 20px;}

.comment-wrap ul{margin-bottom: -20px;}
.comment-wrap ul li{margin-bottom: 20px;}
.comment-wrap .c-img{width: 80px;height: 80px;border-radius: 50%;overflow: hidden;float: left;}
.comment-wrap .c-img  img{width: 100%;height: 100%;}
.comment-wrap .comment-info{margin-left: 96px;}
.comment-wrap .comment-info .c-name{margin-bottom: 2px;color:#404040;}
.comment-wrap .comment-info .c-name .c-date{float: right;color: #b2b2b2;}
.comment-wrap .comment-info .c-content{line-height: 22px; color:#888;}

.news-wrap ul{}
.news-wrap ul li{float: left;line-height: 32px;height: 32px;width: 350px;margin-right: 30px;overflow: hidden;position: relative;}
.news-wrap ul li a{width: 85%;display: block;}
.news-wrap ul li span{position: absolute;right: 0;bottom: 0;color: #888;}
/*course list*/
.left-wrap .list-box.course-box .img-box{width: 210px;}
.left-wrap .list-box.course-box .img-box a{height: 138px}
.left-wrap .list-box.course-box .img-box img{width: 210px}
.left-wrap .list-box.course-box .info-box{margin-left: 226px;width: 534px;}

/*course detail*/
.info-course{}
.info-course .c-img{width: 500px;height: 300px;float: left;}
.info-course .c-img img{width: 100%;height: 100%;}
.info-course .c-info{margin-left: 520px;overflow: hidden;color: #404040;position: relative;height: 300px;}
.info-course .c-info h2{color: #404040;}
.info-course .c-info h2{margin-bottom: 16px;}
.info-course .c-info .c-item{margin-bottom: 16px;}
.info-course .c-info .c-item b{font-size: 14px;color: #888;font-weight: 400;}
.info-course .c-info .c-fit{line-height: 24px;}
.info-course .c-info .c-start{line-height: 24px;}
.info-course .c-info .c-branch{line-height: 22px;}
.info-course .c-info .c-branch a{line-height: 22px;}
.info-course .c-info .c-phone{font-weight: 700;}
.info-course .c-info .c-button{position: absolute;bottom: 0;}
.info-course .c-info .c-button .button{line-height: 34px;height: 34px;width: 130px;font-size: 12px;text-align: center;vertical-align: middle;display: inline-block;border-radius: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.info-course .c-info .c-button .button-online{background: #ff8000;color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.info-course .c-info .c-button .button-price{color: #4aaf4f;border: 1px solid #4aaf4f;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-left: 20px;}
.course-box img{max-width: 750px!important;height: auto!important;}

/*branch list*/
.left-wrap .list-box.branch-box .info-box{width: 760px;}
.left-wrap .list-box.branch-box .info-box .item-name{margin-bottom: 4px;position: relative;}
.left-wrap .list-box.branch-box .info-box .item-name a{display: inline-block}
.left-wrap .list-box.branch-box .info-box .item-name span{color: #888; margin-left: 10px;}
.left-wrap .list-box.branch-box .info-box .info-bar{height: 22px;color: #888;margin-bottom: 0}

/*teacher list*/
/*city list*/

.left-wrap .list-box.city-box .info-box{width: 760px;}
.left-wrap .list-box.city-box .info-box .info-bar{
    height: inherit;}

/*city detail*/
.wrapper .wrap-title{height: 48px;line-height: 48px;text-align: center;margin-bottom: 20px;color:#333;}


.banner-wrap{position: relative;height: 300px;overflow: hidden;width: 100%;margin: auto;background-color: #fff;border-radius: 8px;box-shadow: 0 2px 10px 0 rgba(46,61,72,.05);}
.org-wrap{position: relative;clear: both;height:248px;margin-top: 50px;flex-direction: row;justify-content: space-between;}
.org-wrap .org-item{float:left;margin: 20px 0px;cursor: pointer;position: relative;width: 224px;height: 248px;background: rgba(255,255,255,.8);box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);margin-left: 20px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 20px 20px;transition: all .3s}
.org-wrap .org-item:first-child{margin-left: 0;}
.org-wrap .first1{margin-left: 0;}
.org-wrap .second2{}
.org-wrap .org-item .org-logo{position: absolute;top: -18px;left: 50%;margin-left: -48px;width: 96px;height: 96px;border-radius: 50%; border:1px solid #F8F8F8;}
.org-wrap .org-item .org-title, .org-wrap .org-item .org-overview{display: block;word-wrap: break-word;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-box-orient: vertical;word-break: break-all}
.org-wrap .org-item .org-title{font-size: 16px;line-height: 36px;height: 36px;margin-top: 92px;white-space: nowrap;color: #07111b;font-weight: 700;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.org-wrap .org-item .org-overview{position: relative;top: 0;font-size: 12px;line-height: 24px;color: #4D555D;height: 96px;-webkit-line-clamp: 3;text-align: justify;font-weight: 400}
.org-wrap .org-item:hover{background-color: #fff;box-shadow: 0 8px 16px 0 rgba(7,17,27,.2)}
.org-wrap .org-item:hover .org-logo{width: 60px;height: 60px;margin-left: -30px;transition: all .3s}
.org-wrap .org-item:hover .org-title{opacity: 0;}
.org-wrap .org-item:hover .org-overview{position: relative;height: 168px;top: -72px;color: #07111B;transition: all .3s}
.cou-wrap{margin-top:30px;}
.cou-wrap ul li{float: left;width:224px;margin-left: 20px; margin-bottom:20px;}
.cou-wrap ul li:nth-child(5n+1){margin-left: 0;}
.cou-wrap .course-img{height: 148px;width: 100%;}
.cou-wrap .c-title{color: #353535;display: block;width: 100%;}
.cou-wrap .c-auto{color: #888;display: block;width: 100%;}

.con-floor{margin-top: 20px;}
.con-floor .r-news{position: relative;width: 360px;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.con-floor .r-news ul{margin-top: 27px;}
.con-floor .r-news ul li{width: 320px;height: 33px;line-height: 33px;}
.con-floor .r-ask{width: 400px;float: left;position: relative;margin-left: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.voc-wrap ul{font-size: 12px;}
.voc-wrap ul li{position: relative;float: left;width: 550px;margin-left: 20px;margin-bottom: 10px;line-height: 22px;}
.voc-wrap ul li:nth-child(2n+1){margin-left: 0;}
.voc-wrap .v-title{height: 30px;line-height: 30px;color: #353535;}
.voc-wrap .v-title span{color: #666;}
.voc-wrap .v-type{position: absolute;top: 22px;right: 20px;width: 200px;text-align: right;}
.voc-wrap .v-type span{height: 20px;line-height: 20px;}

.con-floor .con-floor-left{float: left;width: 780px;}
.con-floor .con-floor-right{margin-left: 800px;width: 400px;}
.con-floor .con-floor-left .r-news-box, .con-floor .con-floor-left .r-area,
.con-floor .con-floor-right .r-city, .con-floor .con-floor-right .r-vocation{position: relative;}
.con-floor .con-floor-left .r-news-box ul{height: 260px;overflow: hidden;}
.con-floor .con-floor-left .r-news-box ul li{position: relative;float: left;width: 350px;margin-left: 40px;height: 32px;line-height: 32px;}
.con-floor .con-floor-left .r-news-box ul li:nth-child(2n+1){margin-left: 0}
.con-floor .con-floor-left .r-news-box ul li a{display: block;width: 80%;}
.con-floor .con-floor-left .r-news-box ul li span{position: absolute;top: 0;right: 0;}
.con-floor .con-floor-left .r-area ul{height: 136px;overflow: hidden;}
.con-floor .con-floor-right .r-city ul{height: 176px;overflow: hidden;}
.con-floor .con-floor-right .r-vocation ul{height: 220px;overflow: hidden;}
.con-floor .con-floor-left .r-area ul li, .con-floor .con-floor-right .r-city ul li,  .con-floor .con-floor-right .r-vocation ul li{display: inline-block;background: #f8f8f8;padding: 3px 12px;margin: 5px 2px;}

.con-floor.column-floor{margin-top: 0}
.con-floor .news-cate{position: relative;}
.con-floor .news-cate ul li{display: inline-block;background: #f8f8f8;padding: 3px 12px;margin: 5px 2px;}
.con-floor .news-cate.cate-floor{margin-bottom:0}
/*news list*/
.left-wrap .list-box.article-box .info-box{width: 760px;}
.left-wrap .list-box.article-box .info-box .item-name{margin-bottom: 4px;position: relative;}
.left-wrap .list-box.article-box .info-box .item-name a{display: block;width: 90%;}
.left-wrap .list-box.article-box .info-box .item-name span{position: absolute;right: 8px;bottom: 0;color: #888;}
.left-wrap .list-box.article-box .info-box .info-bar{height: 36px;color: #888;}

/*news detail*/
.left-wrap .content-box .article-wrap{margin-bottom: 40px;}
.left-wrap .content-box .article-wrap .a-title{line-height: 38px;font-size: 28px;font-weight: 700;margin-bottom: 20px;}
.left-wrap .content-box .article-wrap .a-bar{font-size: 14px;margin-bottom: 14px;}
.left-wrap .content-box .article-wrap .a-bar span{margin-left: 12px;margin-right: 3px;}
.left-wrap .content-box .article-wrap .a-bar span:first-child{margin-left: 0;}
.article-wrap img{max-width:100%;}

/*area list*/

/*area detail*/
.left-wrap .content-box .org-wrap {margin-top: 16px;margin-bottom: 20px;}
.left-wrap .content-box .org-wrap .org-item{width: 285px;}


/* ÿ�е�һ�� li���� 1, 5, 9, ...�� */
.left-wrap .content-box .org-wrap .org-item:nth-child(4n + 1) {
    margin-left: 0;
}
/* ÿ�����һ�� li���� 4, 8, 12, ...�� */
.left-wrap .content-box .org-wrap .org-item:nth-child(4n) {
    /*background-color: lightblue; */
}

/*vocational school list*/

/*vocational school detail*/
.left-wrap .list-box.vocation-box .wrap-title{padding: 20px 20px 0 20px;}
.left-wrap .list-box.vocation-box ul li:last-child{border-bottom: none;padding-bottom: 0;}
.left-wrap .list-box.vocation-box .img-box{width: 140px;}
.left-wrap .list-box.vocation-box .img-box a{height: 140px}
.left-wrap .list-box.vocation-box .img-box img{width: 134px}
.left-wrap .list-box.vocation-box .info-box{width: 760px;}
.left-wrap .list-box.vocation-box .info-box .item-name span{margin-left: 10px;font-size: 12px;color: #888;}
.left-wrap .list-box.vocation-box .info-box .info-bar.overview-box{height: inherit;}
.left-wrap .list-box.vocation-box .info-box .type-bar{position: absolute;right: 0;top: 30px; text-align:right;width: 550px;overflow: hidden;height: 22px;line-height: 22px;}
.left-wrap .list-box.vocation-box .info-box .type-bar span, .voc-wrap .v-type span{color: #fff;padding: 0 4px;margin-left: 8px;display: inline-block;background-color: green;}
.left-wrap .list-box.vocation-box .info-box .type-bar span:nth-child(2), .voc-wrap .v-type span:nth-child(2){background-color: rebeccapurple;}
.left-wrap .list-box.vocation-box .info-box .type-bar span:nth-child(3), .voc-wrap .v-type span:nth-child(3){background-color: #00CCFF}
.left-wrap .list-box.vocation-box .info-box .type-bar span:nth-child(4), .voc-wrap .v-type span:nth-child(4){background-color: #953b39}
.left-wrap .list-box.vocation-box .info-box .type-bar span:nth-child(5), .voc-wrap .v-type span:nth-child(5){background-color: palegreen}
.left-wrap .list-box.vocation-box .info-box .type-bar span:nth-child(6), .voc-wrap .v-type span:nth-child(6){background-color: pink}
.left-wrap .vocation-wrap ul li{display: inline-block;background: #f8f8f8;padding: 3px 12px;margin: 5px 2px;}

/*ask*/
.ask-content{padding-left: 20px; padding-right: 20px;}
.ask-content .ask-type{padding:24px;border-bottom:1px solid #d9dde1}
.ask-content .ask-type a{font-size:16px;color:#93999f;line-height:20px;text-align:left;margin-right:50px}
.ask-content .ask-type .active{color:#f01414}
.ask-content .ask-list{min-height:1130px}
.ask-content .ask-list .ques-answer{position:relative;padding-top:20px;padding-bottom:24px;border-bottom:1px solid #d0d6d9}
.ask-content .ques-answer .cate-img{position:absolute;left:0;top:25px;width:40px;height:40px;overflow:hidden}
.ask-content .ques-answer .cate-img a{display:block}
.ask-content .ques-answer .cate-img img{display:block;width:100%;height:100%}
.ask-content .ques-answer .cate-from{height:20px;font-size:12px;line-height:20px;overflow:hidden;color:#787d82}
.ask-content .ques-answer .cate-from a{font-size:12px;color:#787d82;margin-left:15px}
.ask-content .ques-answer .ques-info{line-height:20px;position:relative}
.ask-content .ques-answer .ques-info a{display:block;line-height:28px;margin-right:30px;word-break:break-all;font-size:18px;font-weight:600;color:#14191e}
.ask-content .ques-answer .answer-info{margin-top:0;position:relative}
.ask-content .answer-info .user-answer{line-height:20px;margin-top:24px}
.ask-content .answer-info .user-answer .answer-accetp{font-size:10px;color:#00b33b;padding:5px 6px 5px 4px;background-color:#e5f7eb}
.ask-content .answer-info .user-answer a{font-size:14px;font-weight:600;color:#14191e;margin-right:5px}
.ask-content .answer-info .user-answer .answer-word{font-size:12px;color:#b5b9bc}
.ask-content .answer-info .answer-content{color:#14191e;line-height:28px;font-size:14px;margin-top:2px;word-break:break-all;overflow:hidden}
.ask-content .answer-info .answer-content-overflow{text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}
.ask-content .answer-info .answer-content .see-more{font-size:12px;color:#787d82;cursor:pointer}
.ask-content .answer-info .answer-content .see-more:hover{color:#14191e}
.ask-content .answer-info .answer-bar{position:absolute;width:100%;left:0;bottom:0;background-color:#f8fafc;z-index:9}
.ask-content .answer-info .answer-bar span{line-height:24px;font-size:12px;color:#787d82;margin-right:20px;cursor:pointer}
.ask-content .answer-info .answer-bar .answer-num,.answer-info .answer-bar .usefull-num{display:inline-block;height:24px;border:1px solid #d0d6d9;padding:0 9px}
.ask-content .answer-info .answer-bar .accordin-tag{display:none;float:right;margin-right:0;cursor:pointer}
.ask-content .answer-info .answer-bar .answer-num:hover,.answer-info .answer-bar .usefull-num:hover{border:1px solid #14191e;color:#14191e}
.ask-content .answer-info .answer-bar .accordin-tag:hover{color:#14191e}
.ask-content .ques-answer .info-bar{height:30px;overflow:hidden;margin-top:20px}
.ask-content .ques-answer .info-bar .answer-q{float:left;width:72px;height:27px;border:1px solid #d0d6d9;font-size:14px;line-height:27px;text-align:center;color:#787d82}
.ask-content .ques-answer .info-bar .answer-q:hover{border:1px solid #14191e;color:#14191e}
.ask-content .ask-none{text-align: center;line-height: 32px;height: 32px;margin-top: 30px;}

.ask-content.ask-detail{background: #fff;box-shadow: 0 2px 10px 0 rgba(46,61,72,.05);margin-bottom: 20px;}
.question-warp h1{font-weight:bolder;font-size:24px;color:#07111b;line-height:36px;word-wrap:break-word;word-break:break-all;margin-top:0;margin-bottom:0}
.question-warp .user-ask-box{margin-top:16px}
.question-warp .user-ask-box .user-info{line-height:20px;font-size:12px;color:#93999f}
.user-ask-box .user-info .question-author{font-size:14px;line-height:24px;padding-left:5px;color:#93999f}
.user-ask-box .user-info .question-author img{float:left;width:24px;height:24px;border-radius:50%}
.user-ask-box .user-info .ques-acq{display:block;margin-left:12px;font-size:12px;color:#f6a623;line-height:24px}
.user-ask-box .question-item{line-height:24px;font-size:12px;color:#93999f}
.user-ask-box .question-item span{margin-right:24px}
.user-ask-box .question-item i{font-style:normal;margin-left:4px}
.question-warp .question-desc{line-height:36px;font-size:16px;margin-top:16px;overflow:hidden;word-wrap:break-word;word-break:break-all}
.question-warp .question-info{padding-top:24px;position:relative;height:24px}
.question-info .quetion-cate a{border:1px solid #9ca0a3;padding:5px 8px;margin-right:10px;font-size:14px;color:#798281;line-height:18px}
.question-info .quetion-cate a:hover{color:#15191a;background:#edf1f2}
.answer-input{margin-top:36px;background:#f3f5f7;position:relative;padding:24px 24px 36px;border-radius:8px}
.answer-input h3{font-size:16px;color:#07111b;line-height:16px;margin-bottom:16px}
.answer-input .answer-btn{width:100%;height:40px;border:1px solid #d0d6d9;background-color:#fff}
.answer-nums{padding-left:24px;color:#07111b;font-size:16px;margin-top:12px;line-height:64px;border-bottom:1px solid #d9dde1}
.answer-list-box .ques-ans{position:relative;padding:24px 25px;border-bottom:1px solid #d9dde1}
.ques-ans .has-accept-box{position:absolute;top:0;right:0;width:90px;height:90px;overflow:hidden}
.ques-ans .has-accept-box span{position:absolute;top:-8px;right:-30px;width:90px;height:45px;background:#00b43c;transform:rotate(45deg);font-size:12px;color:#fff;line-height:24px;font-weight:700;box-sizing:border-box;padding-top:20px;text-align:center}
.ques-ans .edit-box{display:none;font-size:16px;color:#07111b;line-height:16px;margin-bottom:16px}
.ques-ans .ans-box{margin-top:0;border:0;padding-bottom:46px;position:relative}
.ques-ans .ans-box .ans-user-img{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;overflow:hidden}
.ques-ans .ans-box .ans-user-img a{display:block;height:100%}
.ques-ans .ans-box .ans-user-img img{display:block;width:100%;height:100%;border-radius:50%}
.ques-ans .ans-box .ans-user-info{margin:0 0 4px 72px;font-size:14px;color:#93999f;line-height:24px}
.ques-ans .ans-box .ans-user-info .ans-author{margin-right:9px;color:#93999f;font-size:14px}
.ques-ans .ans-box .ans-user-info .acqu-num{display:inline-block;font-size:12px;color:#f6a623;line-height:24px;vertical-align:2px}
.ques-ans .ans-box .ans-content{color:#14191e;line-height:28px;font-size:14px;margin-top:2px;word-break:break-all;overflow:hidden;width:654px;padding-left:0;margin-left:72px;word-wrap:break-word}
.ques-ans .ans-box .ans-infos{padding-left:72px;position:absolute;width:100%;left:0;bottom:0;z-index:9;box-sizing:border-box}
.ques-ans .ans-box .ans-infos span{font-size:12px;color:#93999f;line-height:32px;cursor:pointer}
.ques-ans .ans-box .ans-infos .usefull-num{display:inline-block;height:32px;margin-right:16px;padding:0 12px;border:1px solid #d9dde1;border-radius:2px;color:#93999f;box-sizing:border-box;line-height:32px;cursor:pointer}
.ques-ans .ans-box .ans-infos .usefull-num i{position:relative;font-size:16px;margin-right:4px;color:#93999f}
.ques-ans .ans-box .ans-infos .ans-time{margin-right:0;font-size:12px;color:#93999f;line-height:32px;cursor:pointer}
.ques-ans .ans-box .ans-infos .ans-time:hover,.ques-ans .ans-box .ans-infos .reply-tag:hover,.ques-ans .ans-box .ans-infos .usefull-num:hover,.ques-ans .ans-box .ans-infos .usefull-num:hover i,.ques-ans .ans-box .ans-user-info .ans-author:hover{color:#15191a}
.ques-ans .ans-box .ans-infos .usefull-num:hover{border:1px solid #15191a}
.reply-list{display:block;margin-left:72px}
.reply-list ul{margin-top:20px}
.reply-list li{background-color:#f3f5f7;border-radius:4px;margin-bottom:2px;padding:24px 24px 24px 96px;position:relative;margin-top:2px}
.reply-list .rep-user-img{position:absolute;left:24px;top:24px;width:48px;height:48px;border-radius:50%;overflow:hidden}
.reply-list .rep-user-img a{display:block;height:100%}
.reply-list .rep-user-img img{display:block;width:100%;height:100%}
.reply-list .rep-user-from{font-size:14px;line-height:18px}
.reply-list .rep-user-from a{font-size:14px;color:#93999f;line-height:24px;word-break:break-all}
.reply-list .rep-user-from a:hover{color:#15191a}
.reply-list .rep-user-from span{font-size:12px;color:#b7bbbf;line-height:24px}
.reply-list .rep-content{font-size:14px;color:#07111b;line-height:28px;word-break:break-all}
.reply-list .rep-time{margin-top:10px;font-size:12px;color:#93999f;line-height:24px}

/*wiki*/
.left-wrap .list-box.wiki-box .info-box{width: 760px;}
.left-wrap .list-box.wiki-box .info-box .item-name{margin-bottom: 4px;position: relative;}
.left-wrap .list-box.wiki-box .info-box .item-name a{display: inline-block}
.left-wrap .list-box.wiki-box .info-box .info-bar{height: inherit;margin-bottom: 0}
.content-box .wiki-none{text-align: center;line-height: 32px;height: 32px;margin-top: 30px;margin-bottom: 40px;}
.warp-left{width:224px}
.warp-right{margin-left:250px;width:950px;margin-bottom:20px;overflow:hidden}
.tuto-nav-box{width:216px;border-radius: 0;background: #FFF;border: 0;box-shadow: 0 1px 6px #ccc;margin-bottom: 20px;}
.tuto-nav-box .chapter-title{line-height: 45px;padding: 0 15px;border-bottom: 1px solid #DDD;border-top: 1px solid #DDD;}
.tuto-nav-box .chapter-title:last-child{border-top: none;}
.tuto-nav-box .sub-title{margin: 0;padding-left: 0;}
.tuto-nav-box ul.sub-title li{height: 35px;}
.tuto-nav-box .sub-title span{display: inline-block;width: 13%;padding-left: 20px;color: #666;vertical-align: top;line-height: 35px;}
.tuto-nav-box .sub-title a{color: #999;display: inline-block;width: 85%;line-height: 35px;}
.tuto-box{background:#fff;box-shadow:0 8px 16px 0 rgba(7,17,27,.05);border-radius:12px;box-sizing:border-box;padding:20px 40px 24px;position:relative}
.tuto-box .crumb{font-size:12px;color:#9199a1;line-height:24px}
.tuto-box .crumb a{color:#9199a1}
.tuto-box .crumb em{margin:0 4px}
.tuto-box .tuto-title h1{font-size:32px;color:#1c1f21;line-height:40px; padding:8px 0 20px;border-bottom:1px solid rgba(28,31,33,.1);word-wrap:break-word;word-break:break-all}
.tuto-box .tuto-title .tuto-info{font-size:12px;color:#9199a1;line-height:24px}
.tuto-title .tuto-info .tuto-info-item{margin-right:24px}
.tuto-title .tuto-info .fr .icon-kongaixin{font-size:20px;color:#1c1f21;cursor:pointer}
.tuto-title .tuto-info .fr span{display:block;font-size:14px;margin-left:5px;line-height:24px;color:#1c1f21;float:right;cursor:pointer}
.tuto-box .tuto-content{padding-top:24px}
.tuto-box .pre-next{padding-top:24px;box-sizing:border-box;border-top:1px solid rgba(28,31,33,.1)}
.tuto-box .pre-next span{color:#9199a1}
.tuto-box p{margin:0 0 10px}

/*about us*/
.about-wrapper{margin-bottom: 30px;}
.about-wrapper .nav-left{padding:0 20px;overflow:visible;background-color:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);-moz-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);list-style-type:none}
.about-wrapper .nav-left,.nav-left li,.nav-left li a{position:relative;width:220px}
.about-wrapper .nav-left li{height:60px;overflow:visible;border-bottom:1px solid #edf1f2}
.about-wrapper .nav-left li:last-child{border-bottom:none}
.about-wrapper .nav-left li a{display:block;padding:0 10px 0 30px;margin-left:-20px;height:60px;line-height:60px;text-decoration:none;font-size:14px;color:#787d82}
.about-wrapper .nav-left li:hover a{color:#1c1f21}
.about-wrapper .nav-left li.active:before{content:" ";position:absolute;top:0;width:2px;height:60px;background-color:#f6a623;left:-21px}
.about-wrapper .nav-left li.active a{color:#f6a623}
.about-wrapper .content-right{margin-left:280px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);-moz-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);background:#fff;overflow:hidden}
.about-wrapper .content-right .content-box{position:relative;min-height:750px}
.about-wrapper .others{padding:10px 40px 50px;overflow:hidden}
.about-wrapper .others h1,.others h3{font-size:16px;line-height:49px;color:#363d40;margin-bottom:2.1em}
.about-wrapper .others h1,.others h3{border-bottom:1px solid #eceff0}
.about-wrapper .others p{margin:1.5em 0;line-height:150%;color:#656e73}
.about-wrapper .about-warp p{margin:10px 0 20px;line-height:200%}
.about-wrapper .cooperate-warp{overflow:hidden}
.about-wrapper .cooperate-warp ul li{width:214px;padding:20px;margin-right:15px;float:left;border-radius:8px;background-color:#f3f5f7!important}
.about-wrapper .cooperate-warp ul li:last-child{margin-right:0}
.about-wrapper .cooperate-warp .flow i{display:inline-block;font-size:24px;height:32px;line-height:32px}
.about-wrapper .cooperate-warp .flow i span{font-size:16px;margin-left:10px;line-height:32px;height:32px}
.about-wrapper .cooperate-warp .flow p{line-height:16px;margin:10px 0 5px 4px}
.about-wrapper .cooperate .join-warp{margin:10px 0 20px 20px;overflow:hidden}
.about-wrapper .cooperate .join-warp .input{float:left;margin:10px 20px 20px 0}
.about-wrapper .cooperate .join-warp .contact{padding:0 10px;width:366px;height:40px;line-height:40px;font-size:14px;vertical-align:middle}
.about-wrapper .cooperate .join-warp .error-remaind{border-color:#be3948!important}
.about-wrapper .cooperate .join-warp .input-style{padding:10px 7px;border:1px solid #d0d6d9;font-size:14px;transition:border-color .3s ease;-webkit-transition:border-color .3s ease;-moz-transition:border-color .3s ease;-o-transition:border-color .3s ease;box-sizing:border-box}
.about-wrapper .remaind-tip-error{color:#f01400!important}
.about-wrapper .remaind-tip-warp{font-size:12px;height:30px!important;line-height:30px!important;margin:0!important}
.about-wrapper .remaind-tip-warp i{margin-right:4px;font-size:10px}
.about-wrapper .commit-btn{text-align:center}
.about-wrapper .commit-btn .sub-btn,.commit-btn button{display:inline-block;vertical-align:middle;color:#fff;font-size:14px;background-color:#39b94e;height:50px;line-height:40px;width:120px;cursor:pointer;text-align:center;transition:background-color .2s;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s}
.about-wrapper .other-contact{overflow:hidden}
.about-wrapper .other-contact li{float:left;padding-bottom:30px;width:300px;margin-right:95px}
.about-wrapper .other-contact h2{padding:10px;margin:0;border-bottom:0 none}
.about-wrapper .other-contact h3{padding:0 20px;font-size:14px;color:#1f2426;line-height:22px;height:22px;margin:0;border-bottom:none}
.about-wrapper .other-contact p{padding:0 20px 32px;margin:0;font-size:12px;line-height:30px;border-bottom:1px solid #eceff0}
.about-wrapper .friend-box{padding:0 10px;line-height:60px;overflow:hidden}
.about-wrapper .friend-box li{font-size:12px;width:190px;float:left}
.about-wrapper .friend-box a{display:inline-block;margin-right:20px;color:#5e5e5e}
.about-wrapper .friend-box a:hover,.friend-box a:link,.friend-box a:visited{color:#1c1f21}
.about-wrapper .feedback .feedback-box .image{position:relative}
.about-wrapper .feedback .feedback-box .error-remaind{border-color:#be3948!important}
.about-wrapper .feedback .feedback-box .input-style{padding:10px 7px;border:1px solid #d0d6d9;font-size:14px;transition:border-color .3s ease;-webkit-transition:border-color .3s ease;-moz-transition:border-color .3s ease;-o-transition:border-color .3s ease;box-sizing:border-box}
.about-wrapper .feedback .feedback-box .info{width:776px;height:140px;resize:none;overflow:hidden}
.about-wrapper .feedback .feedback-box .contact{width:776px;height:40px;resize:none;overflow:hidden}
.about-wrapper .feedback .feedback-box .link{width:776px;height:40px;resize:none;overflow:hidden}
.about-wrapper .feedback .feedback-box .addimg-btn{margin-bottom:20px;width:80px;height:80px;border:1px solid #dfe3e6;color:#b7bbbf;font-size:30px;text-align:center;line-height:80px;cursor:pointer}
.about-wrapper .feedback .feedback-box .addimg-btn i{font-size:44px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.about-wrapper .feedback .feedback-box .addimg_rows{width:80%;height:80px;border:1px solid #dfe3e6;color:#b7bbbf;font-size:30px;text-align:center;line-height:80px;top:-102px;left:85px;margin-left:10px;position:relative}
.about-wrapper .feedback .feedback-box .remaind-upload-pic{position:absolute;top:84px;left:0}
.about-wrapper .error_hide{opacity:0}
.about-wrapper .input-p-hidden{visibility:hidden}

/*experience*/
.exp-warp,.experience-warp{padding:24px 20px;margin-bottom:32px}
.experience-warp h3{font-size:16px;color:#14191e;padding-bottom:15px;border-bottom:1px solid #d0d6d9;text-align:left;line-height:20px}
.experience-warp ul{margin-top:12px}
.experience-warp li{border-bottom:1px solid #d0d6d9;margin:18px 0;position:relative}
.experience-warp.index li:last-child{border-bottom:none;margin-bottom:-6px}
.experience-warp .exp-box{margin-left:160px}
.experience-warp .exp-box .exp-img{position:absolute;top:0;left:0;width:150px;height:100px;display:block}
.experience-warp .exp-box .exp-img img{display:block;width:100%;border-radius:8px}
.experience-warp .exp-box .exp-info .cate-icon{line-height:32px;height:32px;font-size:14px;margin-right:6px}
.exp-info .cate-icon i{margin-right:2px}
.exp-box .exp-info{position:relative}
.exp-box .exp-info h4{margin-left:16px;line-height:32px;height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;cursor:pointer}
.exp-box .exp-info .exp-item{margin-left:50px}
.exp-info .exp-item .user-img{position:absolute;top:42px;left:0;width:40px;height:40px;display:block}
.exp-info .exp-item .user-img img{display:block;width:100%;border-radius:50%}
.exp-info .exp-item .exp-text{font-size:14px;color:#656e73;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.exp-info .exp-item .exp-span{display:inline-block;height:24px;border:1px solid #d0d6d9;padding:0 9px;line-height:24px;font-size:12px;color:#787d82;margin-right:20px;cursor:pointer;margin-top:8px;margin-bottom:20px}
.exp-info .exp-item .exp-span:hover{border:1px solid #14191e;color:#14191e}

.cate-course ul{margin-left:-12px}
.cate-course li{margin-left:12px;margin-top:20px;font-size:14px;text-align:center;width:175px;float:left}
.cate-course .course-img{width:175px;height:116px;display:block;border-radius:8px}
.cate-course li:hover span{color:#ef1300}

.tag-list a{display:inline-block;margin-right:8px;margin-bottom:8px;padding:6px 12px;font-size:14px;line-height:20px;border-radius:16px}
.tag-list a:hover{opacity:.8}
.tag-list .style1{color:#f30;background:rgba(255,51,0,.1)}
.tag-list .style2{color:#fff;background:rgba(255,153,0,.5)}
.tag-list .style3{color:#f60;background:rgba(255,102,0,.1)}
.tag-list .style4{color:#fff;background:rgba(255,51,0,.5)}
.tag-list .style5{color:#f90;background:rgba(255,153,0,.1)}
.tag-list .style6{color:#fff;background:rgba(255,102,0,.5)}

.art-pic{padding-bottom: 10px;}
.art-pic img{max-width:100%}
.dist{background-color: #ffa535 !important;}
.author{color:#999999;padding: 20px 0px;font-size: 16px;}
.tttop{margin-bottom: 20px;}
.ttpic{float:left;margin-right:20px;}
.tttitle h1{padding-bottom:20px;}
.ttpic img{max-width:135px;max-height:135px;}