/*
@author: njf
*/
@charset "utf-8";
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background:#f8f8f8;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal}
a{color:#333;text-decoration:none;-moz-transition:color .3s ease,background-color .3s ease;-webkit-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;*star:expression(this.onFocus=this.blur());}
input{outline:none;}
textarea{resize:none;}
.layout{width:1200px;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.zzssIcon,.hot-news ul li.hot:before{background: url("/images/zzss/icon.png") no-repeat 0 0;}
.title{border-bottom: 1px solid #eaebeb;padding-bottom:20px; height: 26px; line-height: 26px;}
.title h2{ font-size: 28px; display: inline-block;*display:inline; zoom: 1;}
.title h2 span{ font-size: 16px; color: #666; font-weight: normal;}
.title:before{ content: ''; display: inline-block;*display:inline; zoom: 1; width: 4px; height: 26px; vertical-align: top; background: #07bdc7; margin:2px 15px 0 0;}
.title .more{font-size: 14px; color: #666; background-position:39px -127px; float: right; padding-right:10px;}
.title .more:hover{ color: #07bdc7; text-decoration: none; background-position: -28px  -127px;}


.header-wrap{ width:100%; background:#fff;}

.nav-panel .edu-switch .edu-switch-el,.timer-shaft dl dt i,.focus-mod .focusDot li,.teacher-main .teacherDot li,.fs-teacher .fs-teacher-main ul li .video-icon,.teacher-main .teacherContent li .video-icon,.fs-teacher .fs-teacher-btns a,.title-panel .panel-more,.info-title h4,.live-x-mod .live-x-main .live-x-state-btn,.info-v1-mod .fql-main .fql-list li,.title-tab li i,.fs-applyEnt ul li,.dialog-close,.news-mod .hot-push-refresh,.openLive-mod .openLive .openLive-go i,.openLive-mod .openLive .openLive-state i,.course-tab li i,.course-books-mod .course-books ul li .book-trait dd,.info-post i,.hot-discuss-list li p span,.hot-discuss-list li p span,.coursesDialog .choice-item .item-list li .choice-save,.fs-card table tr td a em,.fs-teacher-mod .teacher-item li .video-icon,.buy-course .classes-feature i,.buyCourse-item dl dd .on i{background:url(//www.chinaacc.com/images/common/column/spirit-v1.png) no-repeat;}
.nav-panel .nav-main li.nav-hover a,.title-panel .panel-more,.attention-mod .info-more a{background:url(//www.chinaacc.com/images/common/column/spirit-right-v1.png) no-repeat;background-position:right top;}
.nav-panel,.nav-panel-visible,.title-mod,.course-mod,.getData-v1,.info-v1-mod,.column-ad,.column-ad1920,.blank-mod,.attention-mod,.books-mod{margin-bottom:20px;}
.nav-panel,.nav-panel-visible{background:#07bdc7; margin-bottom:0; }
.nav-panel-visible{display:none;}
.nav-panel .layout,.nav-panel-visible{height:50px;}
.nav-panel .nav-courseEdu{position:relative;z-index:400;}
.nav-panel .nav-courseEdu h1{line-height:50px;font-size:20px;color:#fff;}
.nav-panel .nav-courseEdu h1 a{color:#fff;}
.nav-panel .edu-switch{height:34px;margin:14px 0 0 10px;}
.nav-panel .edu-switch .edu-switch-el{width:23px;height:23px;line-height:230px;overflow:hidden;display:inline-block;vertical-align:top;}
.nav-panel .edu-switch .edu-switch-layer,.nav-panel .nav-main li dl,.area-select .area-select-layer{width:360px;padding:15px 15px 7px;background:#fff;border:1px solid #f6f6f6;-webkit-box-shadow:0 3px 11px rgba(217,217,217,.5);-moz-box-shadow:0 3px 11px rgba(217,217,217,.5);box-shadow:0 3px 11px rgba(217,217,217,.5);position:absolute;left:0;top:42px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:none;}
.nav-panel .edu-switch .edu-switch-layer ul{font-size:0;}
.nav-panel .edu-switch .edu-switch-layer ul li{margin:0 5px 8px;display:inline-block;*display:inline;*zoom:1;}
.nav-panel .edu-switch .edu-switch-layer ul li a,.nav-panel .nav-main li dl dd a{width:110px;height:28px;line-height:28px;font-size:16px;text-align:center;display:inline-block;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.nav-panel .edu-switch .edu-switch-layer ul li a:hover,.nav-panel .nav-main li.nav-hover dl dd a:hover{background:#f2fafa;color:#07bdc7;text-decoration:none;}
.nav-panel .edu-switch .edu-switch-layer ul li .on,.nav-panel .edu-switch .edu-switch-layer ul li .on:hover{color:#fff;background:#07bdc7;-webkit-box-shadow:0 2px 6px rgba(47,143,242,.5);-moz-box-shadow:0 2px 6px rgba(47,143,242,.5);box-shadow:0 2px 6px rgba(47,143,242,.5);}
.nav-panel .nav-main{font-size:0;}
.nav-panel .nav-main li{margin-left:40px;height:50px;line-height:50px;display:inline-block;*display:inline;*zoom:1;font-size:16px;position:relative;}
.nav-panel .nav-main li a{color:#fff;}
.nav-panel .nav-main li.nav-hover a{display:inline-block;padding-right:14px;}
.nav-panel .nav-main li.nav-hover a:hover{text-decoration:none;}
.nav-panel .nav-main li.this-hover a{background-position:right -50px;}
.nav-panel .nav-main li dl{width:110px;padding:15px 10px 7px;left:50%;margin-left:-66px; z-index: 2;}
.nav-panel .nav-main li dl dd{margin-bottom:8px;text-align:center;}
.nav-panel .nav-main li.nav-hover dl dd a{width:auto;display:block;padding:0;color:#333;background:none;}
.navFixed .nav-panel{position:fixed;left:0;right:0;top:0;z-index:600;}
.navFixed .nav-panel-visible{display:block;}


/**/
.top-banner{ height: 360px; width: 100%; text-align: center; overflow: hidden; position: relative; margin-bottom: 20px;}
.top-banner img{ height: 360px; width: 100%;}
.top-banner .pagination {position: absolute;z-index: 20;bottom:15px;width: 100%;text-align: center; left: 50%; margin-left: -198px;}
.top-banner .swiper-pagination-switch {float:left;_display:inline;position:relative;background:#0a1b54;margin-right:8px;width:6px;height:6px; border-radius: 50%;}
.top-banner .swiper-active-switch {background: #0a1b54; width: 12px; height: 6px; border-radius: 10px;}


.top-banner .top-from{ position: absolute; width: 310px; background: rgba(0,0,0,0.35); height: 285px;left: 50%; top: 35px; z-index: 5; margin-left:290px;}
.top-banner .top-from h3{ text-align: center; font-size: 20px; color: #e3cc97; padding-top:30px;}
.top-banner .top-from p{ text-align: center; color: #e3cc97;}
.top-banner .top-from ul{ margin: 15px 25px 25px;}
.top-banner .top-from ul li{ background: #fff; border-radius: 6px; height: 42px; line-height: 42px; margin-bottom: 10px;}
.top-banner .top-from ul li input::placeholder{ color: #666;}
.top-banner .top-from ul li input{ width: 80%; height: 40px; line-height: 40px; border: none;}
.top-banner .top-from ul li i.icon01,.top-banner .top-from ul li i.icon02{ display: inline-block;*display:inline; zoom:1;background-position: 0 0; width: 15px; height: 15px; margin-right: 10px; vertical-align: middle;}
.top-banner .top-from ul li i.icon02{ background-position: 0 -19px; height: 18px;}
.top-banner .top-from .custom-btn{ display: block; background: #07bdc7; border-radius: 6px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 18px; margin: 0px 25px; -webkit-transition: margin-top .3s ease;-moz-transition: margin-top .3s ease;-o-transition: margin-top .3s ease;-ms-transition: margin-top .3s ease;transition: margin-top .3s ease;}
.top-banner .top-from .custom-btn:hover{ margin-top:-10px;text-decoration:none; }

/**/
.hot-news{ background: #fff; border-radius: 6px; box-shadow: 0 0 20px #ededed; padding: 15px 0; margin-bottom: 30px;}
.hot-news ul{ margin:0px 15px 0px 20px; background-position: 0 -72px; height: 56px; overflow: hidden; padding-left: 100px;}
.hot-news ul li{ float: left; width: 335px; line-height: 30px; margin-right:15px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; padding-left: 5px;}
.hot-news ul li:before{ content: '';  display: inline-block; *display:inline; zoom: 1; width: 4px; height: 4px; background: #07bdc7; margin:0 5px; vertical-align: middle;}
.hot-news ul li.hot:before{ background-position: 0 -42px; width: 15px; height: 20px; background-color: initial; margin-right: 5px; margin-left: -5px;}
.hot-news ul li a:hover{ color: #07bdc7; text-decoration: none;}


/**/

.project-tab{ margin: 20px 0 35px;}
.project-tab ul li{ padding: 0 40px; height:48px; line-height: 48px; background: #fff; border-radius: 10px;display: inline-block; *display:inline; zoom: 1; font-size: 18px;box-shadow: 0 0 20px #f0f0f0; font-weight: bold; margin-right:20px; cursor: pointer;}
.project-tab ul li.on{ background: #07bdc7; color: #fff;}


.project-class{position: relative; margin-bottom: 30px;}
.project-class .swiper-container{height:740px; overflow: hidden;}
.project-class-list-con{ background: #fff; border-radius: 10px; box-shadow: 0 0 20px #ededed; width:380px;margin: 5px 10px 0;}
.project-class-list-con:hover{box-shadow: 0 5px 8px rgba(153,153,153,0.56);-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.project-class-list .project-img{ height: 160px; border-radius: 10px 10px 0 0; position: relative;}
.project-class-list .project-img h3{ width: 170px; height: 36px; line-height: 36px; border-radius: 5px; background: #07bdc7; position: absolute; left: 50%; bottom: -18px; margin-left: -80px; text-align: center; color: #fff;}
.project-class-list .project-con{ margin: 30px 20px 0; padding-bottom: 20px;}
.project-class-list .project-name {font-size: 14px; color: #999; line-height: 20px;}
.project-class-list .project-name h4{ font-size: 18px; color: #333; line-height: 36px;}
.project-class-list .project-ranking ul{ margin: 20px 0;}
.project-class-list .project-ranking ul li{ background: #f4fbfb; border-radius: 10px; text-align: center; font-size: 12px; color: #666; width: 165px; height: 60px;}
.project-class-list .project-ranking ul li strong{ font-size: 20px; color: #fd7300; display: block;}
.project-class-list .project-compare{ margin: 20px 0;}
.project-class-list .project-compare li{ height: 30px; font-size: 16px; position: relative; padding-left: 26px;}
.project-class-list .project-compare li:before{content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #7ed5da; position: absolute; left: 5px; top:10px;}
.project-class-list .project-compare li:after{content: ''; display: block; width: 1px; height: 25px; background: #ccefef;position: absolute; left: 8px; top: 16px;}
.project-class-list .project-compare li.last:after{ display: none;}
.project-class-list .project-shape{ background: #f4fbfb; border-radius: 10px; padding: 12px 0 0; margin-bottom: 10px;}
.project-class-list .project-shape li{ margin-bottom: 10px;}
.project-class-list .project-shape li span{ background-position: 0 -160px; width: 105px; height: 23px; line-height: 23px; font-size: 14px; color: #09bdc7; display: inline-block; *display:inline; zoom: 1;  text-align: center; margin-right: 10px;}
.project-class-list .giveCourse { background: #ffefd8; border-radius: 10px;padding: 10px; color: #fe892c; line-height: 20px;}
.project-class-list .giveCourse span{ background: #fd7300; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 16px; float: left; border-radius: 50%; margin: 5px 12px 0 0;}
.project-class-list .coupon-new2023{ background: url(/images/zzss/coupon.png) no-repeat; width:342px; height: 50px; color: #fff; margin: 10px 0 0px;}
.project-class-list .coupon-new2023 a{ color: #fff; text-decoration: none;}
.project-class-list .coupon-new2023 .coupon-btn i{ display:inline-block;*display:inline; zoom: 1; width:16px; height:16px; line-height:16px; font-size:13px; color:#ff8c34; text-align:center; background:#f9eac4; border-radius:50%; vertical-align: top; margin:13px 0 0 16px;}
.project-class-list .coupon-new2023 .coupon-btn strong{ display:inline-block;*display:inline; zoom: 1;font-size:28px; padding:0 5px 0 3px; vertical-align:top; color: #f9eac4;}
.project-class-list .coupon-new2023 .coupon-btn span{ color: #f9eac4;display:inline-block;*display:inline; zoom: 1; margin-top: 10px;}
.project-class-list .coupon-new2023 em{ display: block; float: right; width: 94px; height: 26px; line-height: 26px; text-align: center; border-radius: 13px; color: #ff6b2d; font-weight: bold; margin:7px 12px 0 0;
    background:#fff4e3;
    background:-webkit-linear-gradient(left,#ffdca7,#fff4e3 25%,#ffe0b0 60%,#fdecd7);
    background:-moz-linear-gradient(left,#ffdca7,#fff4e3 25%,#ffe0b0 60%,#fdecd7);
    background:-ms-linear-gradient(left,#ffdca7,#fff4e3 25%,#ffe0b0 60%,#fdecd7);
    background:linear-gradient(left,#ffdca7,#fff4e3 25%,#ffe0b0 60%,#fdecd7);
}
.project-class-list .eveyInforBotton{margin: 10px 0 0px;}
.project-class-list .eveyInforBotton a{width:158px;height: 36px; text-align:center;line-height: 36px;border: 1px solid #ff5743;background: #ff5743;color: #fff;font-size: 16px;display: inline-block;*display:inline;zoom: 1; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.project-class-list .eveyInforBotton a.moreLearn{ border: 1px solid #d2d2d2; background: none; color: #333;}
.project-class-list .eveyInforBotton a.btnsBuy{border: 1px solid #ff5743; margin-left: 10px; box-shadow: 0 5px 5px #ffd2cd;}
.project-class-list .eveyInforBotton a.moreLearn:hover{ background: 0;color: #ff5743; border: 1px solid #ff5743;text-decoration: none;}
.project-class-list .eveyInforBotton a.btnsBuy:hover{border-color: #f25232;color: #fff;background: #f44935;text-decoration: none; box-shadow: 0 5px 5px #f5c9c5;}

.project-class .prev,.project-class .next{ display: block; width: 39px; height: 39px; background-position: 0 -187px;left: 0; top: 50%; cursor: pointer; margin-top: -50px;z-index: 9;}
.project-class .next{background-position: 0 -228px; left: auto; right: 0;}


.activity-tool{ background: #fff; padding: 58px 0 55px;}
.activity-wonderful{width: 885px;}
.tool-use{width: 285px;}
.activity-wonderful .title{ margin-bottom: 20px;}
.activity-wonderful ul li{ position: relative; width: 282px; float: left; margin-right: 18px;box-shadow: 0 0 20px #ededed; border-radius: 10px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.activity-wonderful ul li img{ width: 282px; height: 160px; border-radius: 10px 10px 0 0;}
.activity-wonderful ul li .link{ display: block; width: 100%; height:100%; position: absolute; left: 0; top: 0; }
.activity-wonderful ul li h5{ font-size: 16px; line-height: 36px; margin:5px 10px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.activity-wonderful ul li span.icon01{ background-position: 0 -268px;}
.activity-wonderful ul li .con{ margin: 0 10px;line-height: 26px;}
.activity-wonderful ul li em.icon02{ background-position: 0 -294px; float: left;padding-left:20px;font-size: 12px; color: #666; }
.activity-wonderful ul li span{ font-size: 12px; color: #666; line-height: 26px; margin: 0 10px; padding-left:20px; display: block;}
.activity-wonderful ul li p{ float: left; width: 172px;font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.activity-wonderful ul li .view-btn{ display: block; width: 134px; height: 34px; line-height: 34px; border-radius: 17px; background: #07bdc7; margin:15px auto 20px; color: #fff; font-size:16px; text-align: center;}
.activity-wonderful ul li .view-btn:hover,.activity-wonderful ul li .link:hover,.activity-wonderful ul li:hover{ text-decoration:none;margin-top: -5px;}
.activity-wonderful ul li.last,.activity-wonderful ul li:last-child{margin-right: 0;}
.activity-wonderful ul li:hover{}

.tool-use .title{ margin-bottom: 20px;}
.tool-list{box-shadow: 0 0 20px #ededed; border-radius: 10px;}
.tool-list ul{ padding:9px 20px;}
.tool-list ul li{ border-bottom: 1px solid #f6f6f6; font-size: 16px; height: 76px; line-height: 76px;}
.tool-list ul li i{display: inline-block;*display:inline; zoom: 1; width: 66px; height: 66px; margin-right:20px; vertical-align: middle;}
.tool-list ul li i.icon01{background-position: 0 -317px;}
.tool-list ul li i.icon02{background-position: 0 -384px;}
.tool-list ul li i.icon03{background-position: 0 -455px;}
.tool-list ul li i.icon04{background-position: 0 -525px;}
.tool-list ul li.last{ border-bottom: none;}
.tool-list ul li a:hover,.tool-list ul li:hover{ text-decoration:none;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);}

/**/
.custom-plan{ background: url(/images/zzss/people-form.jpg) no-repeat center top; height: 517px; padding-top: 1px;}
.custom-plan .title{ border-bottom: none; color: #fff; margin-top: 38px;}
.custom-plan  .custom-plan-from{ width:585px; float: right;}
.custom-plan  .custom-plan-from li{margin-bottom: 26px;}
.custom-plan  .custom-plan-from li strong{ font-size: 16px;}
.custom-plan  .custom-plan-from li span{display: inline-block; *display:inline; zoom: 1; border: 1px solid #e7e4e4; border-radius: 5px; padding:5px 32px; margin-right: 10px; color: #999; font-size: 14px; cursor: pointer;}
.custom-plan  .custom-plan-from li.service span{ padding: 5px 29px;}
.custom-plan  .custom-plan-from li span.on{background: #07bdc7; color: #fff; border: none; padding: 6px 33px;}

/*select*/
.selectBox {position:relative}
.selectBox select{display:none}
.selectBox input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.selectBox i{position:absolute}
.selectBox ul {list-style-type:none;padding:0;margin:0;width:100%;display:none;position:absolute;overflow-x: hidden;overflow-y: auto}
.selectBox ul li{list-style-type:none;padding:0;margin:0}
.selectBox ul.show{display:block}
.areaSelect{width:432px; height:40px; line-height:40px; padding: 0 10px; background: #fff;border-radius: 5px;display: inline-block; *display:inline; zoom: 1; border: 1px solid #e7e4e4; vertical-align: middle;}

.areaSelect input{width:432px; height:40px; line-height:40px; border:none; font-size:14px; overflow:hidden; text-indent:8px; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53; color:#999;}
.areaSelect input.on{color:#333}
.areaSelect input.show{}
.areaSelect i{display:block;width:32px;height:50px; top:0px; right:2px; background:url(/images/zzss/icon.png) no-repeat 0px -655px; border: none;}
.areaSelect i.on{ background-position:0px -688px;}
.areaSelect ul {width:450px; border:1px solid #ddd;background:#fff; padding:0;}
.areaSelect ul.show{ width:450px;}
.custom-plan .custom-plan-from .areaSelect ul li {overflow:hidden;width:98%;cursor:pointer; font-size:14px; line-height:26px;height:26px;padding:0 0 0 2%; margin-bottom:5px;}
.areaSelect ul li.hover {background:#e6f4f4;color:#07bdc7}
.custom-plan  .custom-plan-from li .useName,.custom-plan  .custom-plan-from li .phoneNum{ width: 432px; border: 1px solid #e7e4e4; height: 40px; line-height: 40px; border-radius: 5px;padding: 0 10px;}
.custom-plan  .custom-plan-from li input::placeholder,.custom-plan  .custom-plan-from li input::-webkit-input-placeholder{ color: #999;opacity: 1; font-size: 14px;}
.custom-plan  .custom-plan-from .pack-btn{ display: block; width: 222px; height: 48px; line-height: 48px; background: #ff8932; color: #fff; font-size: 16px; text-align: center; margin: 0 auto; border-radius: 24px; -webkit-transition: margin-top .3s ease;-moz-transition: margin-top .3s ease;-o-transition: margin-top .3s ease;-ms-transition: margin-top .3s ease;transition: margin-top .3s ease;}
.custom-plan  .custom-plan-from .pack-btn:hover{text-decoration:none; margin-top: -10px;}


/**/
.report-success{ padding: 55px 0 35px; background: #fff;}
.report-success .title{ margin-bottom: 28px;}
.report-success h3{ font-size: 20px; margin-bottom: 15px;}
.admin-university{ width: 350px;}
.report-admin{ width: 820px;}
.admin-university dl{ background: url(/images/zzss/logo-bg.png) no-repeat; width: 350px; height: 114px;box-shadow: 0 0 20px #ededed; border-radius: 10px; margin-bottom: 15px;}
.admin-university dl dt{ margin:5px 10px 0; float: left; width: 100px;}
.admin-university dl dd{position: relative; width: 220px; float: left; font-size: 12px; color: #999; line-height: 24px;}
.admin-university dl dd h4{ font-size: 20px; margin: 10px 0 0px; color: #333; line-height: 36px;}
.admin-university dl dd .apply-btn{position: absolute; display: block; width: 80px; height: 30px; border-radius: 5px; background: #ff8932; color: #fff; text-align: center; line-height: 30px; right:10px; bottom: 0;}
.admin-university dl dd .apply-btn:hover{text-decoration:none;transform:translateY(-5px); -webkit-transform:translateY(-5px);}

.report-admin-list{box-shadow: 0 0 20px #ededed; border-radius: 10px; padding: 10px;}
.report-admin-list .tabTitle{ background: #e6f4f4; text-align: center;}
.report-admin-list .tabTitle li{ float: left; height: 40px; line-height: 40px; color: #07bdc7; font-size: 16px; font-weight: bold; border-bottom: 1px solid #fff;}
.report-admin-list .tabTitle li.w30{width: 30%;}
.report-admin-list .tabTitle li.w20{width: 20%;}
.report-admin-list .tabTitle li.w20{width: 20%;}
.report-admin-list .report-scroll li{ border-bottom: 1px solid #e6f4f4; height: 61px; line-height: 61px;}
.report-admin-list .report-scroll li span{display: block; float: left; text-align: center;}
.report-admin-list .report-scroll li span.name{width: 30%; background: #f5fbfb;}
.report-admin-list .report-scroll li span.subject{width: 20%; background: #fff;}
.report-admin-list .report-scroll li span.city{width: 20%; background: #f5fbfb;}
.report-admin-list .report-scroll li span.consult{ background: #fff; text-align: center;width: 30%;}
.report-admin-list .report-scroll li span.consult a{ display: inline-block; *display:inline; zoom: 1; width: 88px; height: 28px; border:1px solid #07bdc7; margin: 15px 5px 0 5px; border-radius: 15px; color: #07bdc7; text-align: center; line-height: 28px; vertical-align: top;}
.report-admin-list .report-scroll li span.consult a:hover{text-decoration:none;transform:translateY(-5px); -webkit-transform:translateY(-5px);}



/**/
.student-story{ padding: 55px 0;}
.student-list .student-list-video video {width: 570px;height: 321px;object-fit: fill; z-index: 0;}
.student-list {width: 1200px;height: 321px;margin:32px auto 0;}
.student-list-item {width: 200px;height: 321px;border-radius: 10px;float: left;margin: 0 4px;overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;cursor: pointer;}
.student-list .student-list-item:first-child {margin-left: 0;}
.student-big {width: 570px;}
.student-show img {display: none;height: 321px;}
.student-show .student-list-small {display: none;}
.student-down video {display: none;}
.student-list-video {position: relative; z-index: 2;}
.student-list-small {position:relative; height: 320px; width: 200px; z-index: 3;}
.student-list-small img {height: 321px; border-radius: 10px; width: 200px;}
.student-list-small-txt {font-size: 18px;color: #fff;position: absolute;left:30px;top:115px;width: 150px; text-align: center;}
.student-list-small-txt:after{ content: ''; display: block; width: 32px; height: 3px; background: #fff; margin:30px auto 0; font-size: 0; z-index: 1;}
.student-play {background-position:0 -601px;position: absolute;width: 50px;height: 50px;top: 45%;left: 47%; z-index: 19;}
.student-list-video .student-list-video-text {position: absolute;font-size: 16px;height: 50px;line-height: 50px;text-align: center;background-color: #000;color: #fff;width: 100%;}

/**/
.help-dream{background: url("/images/zzss/foot-bottom-bg.jpg") no-repeat center top; height: 690px; padding-top: 2px;}
.help-dream h3{ text-align: center; color: #fff; font-size: 36px; padding: 60px 0 45px;}
.help-dream h3:after{ content: ''; display: block; width: 112px; height: 2px; background: #26c1ca; margin: 20px auto 0;}
.know-saying{ width:540px; height: 64px; padding-top: 16px; line-height: 26px; border-radius: 40px; background: #26c1ca; box-shadow: 0 5px 20px rgba(60,199,210,0.65); font-size: 18px; color: #fff; font-weight: bold; margin: 90px auto 0; text-align: center;}
.know-saying strong{ font-size: 24px;}
.help-dream ul li{line-height: 24px; font-size: 16px;}
.help-dream ul li strong{ font-size: 50px;line-height: 70px;}
.help-dream ul li strong span{ font-size: 30px; font-weight: bold;}
.help-dream li.text01{ left:160px; top:290px;}
.help-dream li.text02{ left: 300px; top:390px;}
.help-dream li.text03{ left: 50%; top: 400px; margin-left: -88px; width:170px; text-align: center;}
.help-dream li.text04{ right:260px; top:390px;}
.help-dream li.text05{ right:120px; top: 260px;}


.mask{display:none; width:100%;z-index:98;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;}
.common-pop{ display:none; width:660px; position:fixed; left:50%; background:#fff; border-radius:10px; margin-left:-330px; top:50%; z-index:99;}
.common-pop .top-tit{ line-height:56px; text-align:center; padding-top:13px; font-size:20px; font-weight:bold;}
.common-pop .top-tit:before{ content:""; width:38px; height:3px; background:#07bdc7; position:absolute; left:50%; margin-left:-19px; bottom:-3px;}
.common-pop .close-btn{ display:block; width:16px; height:16px; position:absolute; right:20px; top:20px; z-index:9; background-position:0 -748px;}
.informationForm-pop{ width:820px; height:433px; margin-left:-410px; margin-top:-216px; background:url("/images/zzss/pop-box.png") no-repeat;}
.informationForm-pop .left-con{ width:380px; height:433px; border-radius:10px 0 0 10px;}
.informationForm-pop .left-con .list{ height:256px;}
.informationForm-pop .left-con .list p{ display:block; width:164px; height:30px; line-height:30px; text-align:center; border:1px solid #c9f1f3; color:#fffefe; border-radius:40px 40px 40px 0; position:absolute;}
.informationForm-pop .left-con .list p.abs01{ left:137px; top:34px;}
.informationForm-pop .left-con .list p.abs02{ width:134px; left:36px; top:81px;}
.informationForm-pop .left-con .list p.abs03{ left:188px; top:90px; color:#07bdc7; background:#fff; border-color:#fff;}
.informationForm-pop .left-con .list p.abs04{ width:114px; left:54px; top:131px;}
.informationForm-pop .left-con .list p.abs05{ left:178px; top:148px;}
.informationForm-pop .left-con .list p.abs06{ width:134px; left:102px; top:194px;}
.informationForm-pop .left-con .ewm{}
.informationForm-pop .left-con .ewm .pic{ display:block; width:109px; height:109px; border:7px solid #fff; margin:0 auto;}
.informationForm-pop .left-con .ewm p{ color:#fff; text-align:center; font-weight:bold; line-height:20px; padding-top:8px;}
.informationForm-pop .right-con{ width:440px;}
.informationForm-pop .right-con .tit{ text-align:center; line-height:62px; font-size:20px; font-weight:bold; padding-top:59px;}
.informationForm-pop .right-con .tit:before{ content:""; width:38px; height:3px; background:#07bdc7; position:absolute; left:50%; margin-left:-19px; bottom:0;}
.informationForm-pop .right-con .infor-list{ padding:30px 0 0 0;}
.informationForm-pop .right-con .infor-list .box{ margin-bottom:20px;}
.informationForm-pop .right-con .infor-list h4{ display:block; float:left; width:122px; line-height:50px; font-weight:normal; text-align:right; padding-right:10px;}
.informationForm-pop .right-con .infor-list .ipt{ display:block; float:left; width:248px; height:48px; line-height:48px; border:1px solid #e3e3e3; border-radius:6px; text-indent:12px;}
.informationForm-pop .right-con .infor-btn{ display:block; width:195px; height:48px; line-height:48px; text-align:center; font-size:16px; color:#fff; font-weight:bold; text-decoration:none; background:#f29702; border-radius:40px; margin:30px auto 0;}



.rightFloat{ position: fixed;top: 50%; left:10px;margin-top: -200px; width: 130px; border-radius: 10px; background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.2); z-index: 601;}
.rightFloat .closeRightFloat{ left: 0px; top: -25px;}
.rightFloat .serviceImg{ left:15px; top: -9px; z-index: 0;}
.rightFloat .consuLink{display: block; width: 108px; height: 36px; line-height: 36px; box-shadow:0 5px 13px #ffe4d5;border-radius: 18px; background: #ff680f; text-align: center; font-size: 16px; color: #fff; margin: 60px auto 12px; z-index: 1; position: relative; cursor: pointer;}
.rightFloat .consuLink:hover{text-decoration:none;}
.rightFloat .ewmCmaImg{ padding: 6px; background: #f1f2f4; display: block; width: 90px; height: 90px; margin: 0 auto;}
.rightFloat p{ width: 112px; margin: 6px auto 12px; line-height:18px; font-size: 14px; }
.rightFloat p span{ color: #ff1a06;}

.rightFloatNav .rightFloatNav-list li.rf-app,.rightFloatNav .rightFloatNav-list li.rf-weixin{ display: none;}









