@charset "utf-8";
*{
    margin: 0;
    padding: 0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    /* font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif; */
    font-family: 'Microsoft YaHei';
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
   
}
.abs{
	position: relative;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix:after{
    content:"";
    display:block;
    visibility:hidden;
    clear:both;
}
 /* top */
 .topBanner{
    width: 100%;
    height: auto;
    background: url(../images/topBg.png) no-repeat;
    background-size: 100%;
    padding-top: 1.0133rem;
 }
 .topSub{
    width: 5.3333rem;
    height: .9333rem;
    background: url(../images/topSubjectImg.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    margin: 0 auto;
    font-size: .4267rem;
    color: #fff;
    font-weight: 600;
    line-height: .8rem;

 }
 .topSub span{
    font-size: .48rem;
    color: #AC182E;
    margin-left: .3733rem;
    margin-right: .5333rem;
 }
 .topTitle{
    display: block;
    width: 7.76rem;
    margin: 0 auto;
    text-align: center;
    margin-top: .4533rem;
 }
 .topInfo{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .3307rem;
    color: #fff;
    margin-top: .5333rem;
    font-weight: bold;
 }
 .topInfo img{
    width: .48rem;
    margin-right: .16rem;
 }
 .topStep{
    width: 9.6rem;
    height: 6.1867rem;
    background: url(../images/topStepImg.png) no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-top: .7733rem;
    /* display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; */

 }
 .topStep h3{
   text-align: center;
   font-size: .48rem;
   font-weight: bold;
   color: #30498E;
   line-height: .6933rem;
 }
 .topStepMain{
   width: 8rem;
   height: 3.92rem;
   background: url(../images/stepImg.png) no-repeat;
   background-size: 100%;
   margin-left: 1.12rem;
   margin-top: .9867rem;
 }
 .topStepMain span{
   font-size: .32rem;
   text-align: center;
   line-height: .4rem;
   color: #333;
   position: absolute;
 }
 .topStepMain span:nth-child(1){
   left: -0.56rem;
   top: 1.0667rem;
 }
 .topStepMain span:nth-child(2){
   left: 2.2933rem;
   top: 1.0667rem;
 }
 .topStepMain span:nth-child(3){
   right: .5333rem;
   top: 1.0667rem;
 }
 .topStepMain span:nth-child(4){
   right: .48rem;
   bottom: -0.1333rem;
 }
 .topStepMain span:nth-child(5){
   left: 2.5333rem;
   bottom: -0.1333rem;
 }

 .topStep li span{
    margin-right: .5333rem;
    margin-right: .2667rem;
    margin-top: .2667rem;
 }

 /* 专业师资授课 化繁为简 */
 .teacher{
    margin-top: .8rem;
    padding-bottom: .8rem;
 }
 .teacherTitle {
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .teacherTitle p{
    margin: 0 .2667rem;
    font-size: .5067rem;
    color: #F6D810;
    font-weight: bold;
 }
 .teacherTitle p span{
    color: #197DE8;
 }
 .teacherTitle img{
    width: 1.2rem;
 }
 .teacherSwiper{
    width: 9.2rem;
    height: 4.5867rem;
    border-radius: .1333rem;
    margin: 0 auto;
    margin-top: .9667rem;
    position: relative;
    padding-top: 0.5333rem;
    padding-bottom: 0.64rem;
    padding-left: 0.1333rem;
    padding-right: 0.1333rem;
 }
 .teacherSwiper ul li {
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 0 0.16rem 0rem rgb(109 109 109 / 10%);
}
.teacherSwiper ul li img{
    width: 2.96rem;
    margin-right: .64rem;
    position: absolute;
    left: .3733rem;
    bottom: .08rem;
}
.tearchInfo{
    margin-left: 3.6667rem;
    margin-top: .5333rem;
}
 .tearchInfo h3{
    font-size: .48rem;
    color: #323232;
    font-weight: 600;
 }
 .tearchInfo p{
    font-size: .3467rem;
    color: #323232;
    font-size: .3467rem;
    margin: .2667rem 0;
 }
 .line{
    display: block;
    width: .6667rem;
    height: .08rem;
    background: #197DE8;
    border-radius: .0267rem;
    margin-bottom: .3467rem;
 }
 .tearchInfo ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
 }
 .tearchInfo ul li{
    padding: .1067rem .1867rem;
    background: #D9EBFF;
    border-radius: .0533rem;
    margin-right: .1333rem;
    margin-bottom: .2667rem;
    color:#666;
 }
 /* 十七年教学沉淀指数提升效率 */
 .efficienty{
    padding-top: .64rem;
    background: #054EBC;
    padding-bottom: .7467rem;
 }

 .effStep li{
    height: 1.3333rem;

 }
 .effStep li .effSepMain{
    display: flex;
    align-items: center;
    color: #8C3D0D;
    font-size: .32rem;

 }
 .effStep li .effSepMain i{
    width: .4267rem;
    height: .4267rem;
    background: #EB512E;
    text-align: center;
    color: #F0F1F2;
    font-size: .2933rem;
    line-height: .4267rem;
    border-radius: 50%;
    border:0.04rem solid rgba(239, 182, 169, 0.97);
    position: relative;
 }
 .effStep li .effSepMain i::after{
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: .4267rem;
    height: .9067rem;
    border: 0.0133rem dashed #B75B11;
    /* background: #B75B11; */
    margin-left: -0.0133rem;
 }
 .effStep li.on .effSepMain i::after{
    display: none;
 }
 .effStep li p{
    color: #8C3D0D;
    font-size: .3467rem;
    margin-top: .32rem;
    margin-left: .96rem;
 }
 .effSepMain h5{
    color: #8C3D0D;
    font-size: .4rem;
    font-weight: bold;
    margin-left: .52rem;
    margin-right: .6133rem;
 }
 .effSepMain span{
    display: block;
    width: .9067rem;
    height: .4267rem;
    border-radius: .1333rem  .1333rem   .1333rem  0pt;
    font-size: .2933rem;
    color: #FEFEFE;
    text-align: center;
    line-height: .4267rem;
    margin-right: .3867rem;
    background: #A55825;
 }
 .efficientyList{
   width: 9.3333rem;
   margin: 0 auto;
   margin-bottom: .6133rem;
 }
 .efficientyList:last-child{
   margin-bottom: 0;
 }
 .efficientyListsty{
   margin-bottom: .6933rem;
 }
 .efficientyListTitle {
   width: 100%;
   height: 1.36rem;
   background: url(../images/quelStepImg01.png) no-repeat;
   background-size: 100% 100%;
   display: flex;
   align-items: center;
 }
 .efficientyListTitle p{
   width: 1.7867rem;
   height: .6933rem;
   background: #1A6DE8;
   color: #FFFFFF;
   font-size: .48rem;
   text-align: center;
   line-height: .6933rem;
   font-style: italic;
   margin-left: .6667rem;
}
.efficientyListTitle h5{
   color: #fff;
   font-weight: 600;
   font-size: .48rem;
   margin-left: .3467rem;
}
.listitle{
   display: flex;
   align-items: center;
   margin-bottom: .2533rem;
   margin-top: .5333rem;
}
.listitle:first-child{
   margin-top: 0;
}
.listitle h3{
   margin-left: .24rem;
   margin-right: .2933rem;
   font-size: .3733rem;
   color: #333;
   font-weight: bold;
}
.listitle p{
   font-size: .32rem;
   color: #999;
}
.listitle i{
   width: .9067rem;
   height: .4533rem;
   text-align: center;
   background: #CC3500;
   line-height: .4533rem;
   color: #fff;
   font-size: .32rem;
   margin-right: .4667rem;
   border-radius: .0533rem;
}
.listitle img{
   width: .2933rem;
}
.efficientyListMain{
   width: 100%;
   padding-top: .5333rem;
   padding-left: .8rem;
   background: #fff;
   padding-bottom: .5333rem;
   box-sizing: border-box;
}
.efficientyListMain span{
   font-size: .32rem;
   color: #666;
   
}
.efficientyListTitle p.purple{
   background: #A47CF7;
}
.efficientyListTitle p.pick{
   background: #FF7348;
}
.efficientyListTitle p.yellow{
   background: #DD9438;
}
 /* 海量智能题库 深挖易错盲区 */
 .quesBank{
    width: 100%;
    height: auto;
    background: url(../images/quesBankbg.png) no-repeat top center;
    padding-top: .6933rem;
 }
 .quesBankTitle {
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .quesBankTitle p{
    font-weight: bold;
    color: #FFF552;
    font-size: .5067rem;
    margin: 0 .2667rem;
 }
 .quesBankTitle img{
    width: 1.0667rem;
 }
 .quesBankMain{
    display: flex;
    align-items: flex-end;
    margin-left: .4rem;
    margin-top: .6133rem;
 }
 .quesBankMain li{
    width: 2.0533rem;
    height: .656rem;
    background: #FFDDBC;
    border-radius: .1333rem .1333rem 0pt 0pt;
    text-align: center;
    line-height: .656rem;
    font-size: .32rem;
    color: #7A5721;
    margin-right: .12rem;
 }
 .quesBankMain li.on{
    height: .8rem;
    line-height: .8rem;
    background: #C53300;
    font-weight: bold;
    color: #fff;
 }
 .quesBankListMain{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   margin-top: .6933rem;
 }
 .quesBankList{
   width: 4.2933rem;
   height: 5.44rem;
   background: url(../images/quesBankImgBg.png) no-repeat;
   background-size:100% ;
   margin-right: .4933rem;
   margin-bottom: .5333rem;
   border-radius: .16rem;
 }
 .quesBankList:nth-child(2n){
   margin-right: 0;
 }
 .quesBankList i{
   position: absolute;
   right: .2267rem;
   top: .32rem;
   color: #fff;
   font-weight: 600;
   font-size: .6267rem;
   opacity: 0.3;
 }
 .quesBankList h3{
   text-align: center;
   font-weight: bold;
   font-size: .3733rem;
   line-height: .96rem;
   color: #fff;
 }
 .quesBankList p{
   font-size: .32rem;
   color: #666;
   line-height: 1.5;
   text-align: center;


 }
 .pyimg{
   width: 3.36rem;
   height: 2.88rem;
   background: #fff;
   border-radius: .08rem;
   margin: 0 auto;
   margin-top: .24rem;
 }
 .quesTabList{
    width: 100%;
    background: #FFEDE0;
    padding-top: .56rem;
    padding-bottom: .2667rem;
 }
 .quesTabList p{
    text-align: center;
    color: #FF7200;
    font-size: .3733rem;
    font-weight: bold;
 }
 .listMain{
    width: 9.2rem;
    height: 3.84rem;
    margin: 0 auto;
    background: url(../images/quesListMain.png) no-repeat;
    background-size: 100% 100%;
    margin-top: .4533rem;
    padding-top: .56rem;
    padding-left: .8rem;
    box-sizing: border-box;
 }

 .listStep {
    display: flex;
    align-items: center;
    color: #4D3A3A;
    font-size: .32rem;
    margin-bottom: .4533rem;
    margin-right: .9333rem;
 }
 .listStep span{
    width: .5867rem;
    height: .5867rem;
    text-align: center;
    line-height: .5333rem;
    background: linear-gradient(to bottom,#FFE6C4,#FFCE81);
    color: #997946;
    font-size: .32rem;
    border-radius: 50%;
    margin-right: .1867rem;
 }
 .listMain>p{
    font-size: .3467rem;
    color: #333;
    text-align: center;
    font-weight: 600;
    float: left;
    margin-left: 1.92rem;
 }
 .matraila{
   padding-top: .6667rem;
   width: 100%;
   background: url(../images/matrailaBg.png) no-repeat;
   padding-bottom: 3.3067rem;
 }
 .matrailaListMain{
   width: 8.2933rem;
   height: 5.0667rem;
   background: url(../images/quelImgBg.png) no-repeat;
   background-size: 100%;
   margin: 0 auto;
   margin-top: 3.0933rem;
 }
.matrilList{
   width: 139px;
   height: 4.08rem;
   background: url(../images/matrailaImg01.png) no-repeat;
   background-size: 100%;
   text-align: center;
   color: #fff;
   font-size: .32rem;
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
}
.matrilList:nth-child(1){
   left: -0.56rem;
   top: -1.8933rem;
   font-size: .4rem;
   font-weight: bold;
   line-height: 1.4;
}
.matrilList:nth-child(2){
   background: url(../images/matrailaImg02.png) no-repeat;
   background-size: 100%;
   right: -0.5067rem;
   top: -1.8933rem;
}
.matrilList:nth-child(3){
   background: url(../images/matrailaImg03.png) no-repeat;
   background-size: 100%;
   left: -0.56rem;
   bottom: -2.3467rem;
}
.matrilList:nth-child(4){
   background: url(../images/matrailaImg04.png) no-repeat;
   background-size: 100%;
   right: -0.5067rem;
   bottom: -2.3467rem;
}
.matrilList p{
   width: 90%;
   line-height: 1.3;
   font-size: .32rem;
   margin-top: .2667rem;
}
.equityMul{
   background: #E4F1FF;
   padding-top: .5867rem;
   padding-bottom: .8rem;
}
.equityMulMain{
   margin-top: .4933rem;
   width: 9.3333rem;
   margin: 0 auto;
}
.equityMulMain ul li{
   width: 100%;
   height: 1.68rem;
   border-radius: .2667rem .2667rem 0 0;
   display: flex;
   align-items: center;
   background: #fff;
   margin-top: .3467rem;

}
.equityMulMain ul li span{
   width: 1.8667rem;
   height: 1.68rem;
   background: linear-gradient(to left,#49F4FF,#197DE8);
   box-shadow: 0 0 0 .08rem #CCF6FF;
   border-radius: .2667rem 0 .4rem 0;
   color: #fff;
   font-size: .3733rem;
   font-weight: bold;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
}
.equityMulMain ul li p{
   color: #666;
   font-size: .32rem;
   line-height: .4rem;
   /* margin-top: .2533rem; */
   margin-left: .2533rem;
   flex: 1;
}
.dream{
   width: 100%;
   background: linear-gradient(to left,#0054DF,#2E9FFF);
   padding-top: .6933rem;
}
.efficienty .teacherTitle p{
   color: #FFF778;
}
.dreamMain{
   width: 10rem;
   height: 5.3333rem;
   background: url(../images/dreampgsy.png) no-repeat;
   background-size: 100% 100%;
   margin-top: .44rem;
   padding-top: .5333rem;
   box-sizing: border-box;
}
.dreamMainTitle{
   width: 4.4267rem;
   height: .5333rem;
   background: linear-gradient(to left,#FFC3A3,#FFA60B);
   text-align: center;
   line-height: .5333rem;
   font-size: .3733rem;
   color: #333;
   margin: 0 auto;
   
}
.dreamMain ul{
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: .4rem;
}
.dreamMain ul li{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   color: #666666;
   font-size: .2667rem;
}
.dreamMain ul li img{
   width: 2.8rem;
   margin-bottom: .2667rem;
}
.dreamMain ul li:nth-child(1) img{
   margin-bottom: .32rem;
}
.brand{
   margin-top: .8rem;
   padding-bottom:2.1333rem;
}
.matrailaMain{
   display: flex;
   width: 9.2rem;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   margin: 0 auto;
   margin-top: 0.5333rem;
   background: #fff;
   box-shadow: 0 0 0.2667rem 0.08rem rgb(146 146 146 / 20%);
   padding-bottom: 0.2667rem;
   padding-top: 0.5333rem;
   border-radius: 0.1333rem 0.1333rem 0 0;
 }
.matrailaMain ul li{
   width: 8.6667rem;
   height: 1.2rem;
   background: url(../images/brandStap.png) no-repeat;
   background-size: 100% 100%;
   position: relative;
   display: flex;
   align-items: center;
   padding-left: 1.0667rem;
   box-sizing: border-box;
   font-size: .32rem;
   color: #666;
   padding-top: .2667rem;
    box-sizing: border-box;

}
.matrailaMain ul li i{
   position: absolute;
   left: .2133rem;
   top: .16rem;
   color: #fff;
   font-size: .2667rem;
   font-style: italic;
}
.matrailaMain ul li h5{
   font-size: .3467rem;
   color: #333;
}
.matrailaMain ul li img{
   margin: 0 .2667rem 0 .5333rem;
   width: .2933rem;
}
.footer {
   position: fixed;
   left: 50%;
   margin-left: -5rem;
   bottom: 0;
   width:10rem;
   height: 1.307rem;
   z-index: 8888;
}
.footer dt img{
   display:block;
   width: 5.8rem;
   height: 1.307rem;
}

.footer dd {
   position: absolute;
   top: 0;
   right: 0;
}

.footer dd a {
   display: block;
   width: 4.2rem;
   height: 1.307rem;
   text-align: center;
   line-height: 1.307rem;
   font-weight: bold;
   font-size: 0.48rem;
   background: #ee445a;
   color: #fff;
}


.fixRight{
   position: fixed;
   right: .4rem;
   bottom: 50%;
   z-index: 999;
}
.fixzixun{
   width: 1.52rem;
   height:1.52rem;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   background: url(../images/fixRight.png) no-repeat;
   background-size: 100% ;
   color: #fff;
   font-size: .32rem;
   text-decoration: none;
}
.fixzixun img{
   width: .56rem;
   margin-bottom: .0533rem;
}