*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    
    -webkit-box-sizing: border-box;
    
    box-sizing: border-box;
}
img{
    border:0;
    display: inline-block;
}
a, a:hover{
    
}
.mfl{ float: left;}
.mfr{ float: right;}
.cl{clear: both;}
.mbox{width: 1200px;margin: 0 auto;}
.mboxs{width: 1220px;margin: 0 auto;}

#hdr_mn > div {
    width: 640px;
}
#hdr_mn > div > ul > li {
    width: 80px;
    font-size: 14px;
}



/*banner图*/
#vid{ width: 100%;
height: 602px;
position: relative;
overflow: hidden;
background: #ccc;
padding-top: 0px;
}

#bid{
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    z-index: 0;
    -o-object-fit: fill;
    object-fit: fill;
}
.cid { width: 100%; height: 602px;position: relative;z-index: 1; margin: 0 auto }
.cid div{width: 100%; height: 602px; background: url(../images/banner-max.png) center center no-repeat;}
/*考个注会  坐拥六大权益*/
.ma{ width: 100%; height:897px;background: url(../images/ma-bg.jpg) top center no-repeat;padding-top: 60px; }
.ma-a{width: 354px;height: 334px; background-color: #ffdcb4;background: url(../images/ma-box.png) top center no-repeat; margin-bottom: 20px; padding-top: 10px; float: left; margin-right: 69px;}
.ma-a-lr{ margin-right: 0 !important;}
.ma-tittle{}
.ma-tittle-img{display: block; width: 486px; height:64px; margin: 0 auto; margin-bottom: 40px;}
.ma-a img{ width: 164px; height: 125px; margin: 0 auto; margin-bottom: 10px;}
.ma-a h2{ font-size: 28px; text-align: center; color: #222222; margin-bottom: 10px;}
.ma-h2{color: #5089e4 !important;}
.ma-a p{display: block; width: 275px; height: 72px; font-size: 16px; text-align: center; color: #222222;margin: 0 auto;}
.ma-p{ text-align: justify !important;}
.ma-a a{ display: block;width: 340px; height: 58px;border-radius: 0px 0px 14px 14px; font-size: 20px; text-align: center; color: #fff; line-height: 58px; margin: 0 auto;}
.ma-a-bga{background-image: -webkit-gradient(linear, left top, right top, from(#5d8ddb), to(#346efe)), -webkit-gradient(linear, left top, left bottom, from(#5d8ddb), to(#5d8ddb));background-image: linear-gradient(90deg, #5d8ddb 0%, #346efe 100%), linear-gradient(#5d8ddb, #5d8ddb);}
.ma-a-bgb{background-image: -webkit-gradient(linear, left top, right top, from(#dfaf60), to(#ca8245)), -webkit-gradient(linear, left top, left bottom, from(#d7a87e), to(#d7a87e));background-image: linear-gradient(90deg, #dfaf60 0%, #ca8245 100%), linear-gradient(#d7a87e, #d7a87e);}

/*多方向发展  入职高薪企业*/
.mb{ width: 100%; height:827px;background: url(../images/mb-bg.jpg) top center no-repeat;padding-top: 670px; }
.mb-a{display: block;width: 380px; height: 64px;border-radius: 40px; font-size: 20px;font-weight: bold; text-align: center; color: #fff; line-height: 64px;background-image: -webkit-gradient(linear, left top, left bottom, from(#f74f4c), to(#ca2020)), -webkit-gradient(linear, left top, left bottom, from(#4677c7), to(#4677c7));background-image: linear-gradient(180deg, #f74f4c 0%, #ca2020 100%), linear-gradient(#4677c7, #4677c7); margin: 0 auto;}

/*2021年注会报考条件审核平台*/
.mc{ width: 100%; height:677px;background: url(../images/mc-bg.jpg) top center no-repeat;padding-top: 60px; }
.mc-tittle-img{display: block; width: 564px; height:64px; margin: 0 auto; margin-bottom: 40px;}
.mc-a{width: 590px;height: 339px;background-image: -webkit-gradient(linear, left top, right top, from(#dfb97a), to(#b98a63)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));background-image: linear-gradient(90deg, #dfb97a 0%, #b98a63 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;border-radius: 0px 120px 0px 120px; float: right; position: relative; z-index: 111; margin-top: -329px;}
.mc-b{ float: left;position: relative;z-index: 11}
.mc-a h2{color: #6a3906;font-size: 24px; text-align: center;line-height: 80px; }
.text{display: block; width: 448px; height: 50px; line-height: 50px; font-size: 16px; border: solid 1px #ffffff; padding-left:15px; padding-right: 30px;   background: none; color: #fff; border-radius: 0px; margin:0 auto; margin-bottom: 20px;}
.text option{ color: #333;}
.text2{ display: block; width: 278px; height: 54px;font-size: 26px; color: #fff; border: 0; background-image: -webkit-gradient(linear,left top, right top,from(#e53935), to(#b71c1c)), -webkit-gradient(linear, 
left top, left bottom, 
from(#e53935), 
to(#e53935)); background-image: linear-gradient(90deg,#e53935 0%, #b71c1c 100%), linear-gradient(#e53935, 
#e53935);border-radius: 27px; margin: 0 auto; margin-bottom: 20px; text-align: center; margin-top: 35px;}
.mc-a form ::-webkit-input-placeholder{ color: #fff;}
.mc-c{ color: #a0a0a0; font-size: 14px; text-align: center;}

/*八大课程模块  层层击破考试障碍*/
.md{ width: 100%; height:631px;background: url(../images/md-bg.jpg) top center no-repeat;padding-top: 60px; }
.md-tittle-img{display: block; width: 564px; height:64px; margin: 0 auto; margin-bottom: 60px;}
.md-a{width: 280px;height: 160px;background-color: #ffffff;-webkit-box-shadow: 0px 2px 4px 0px rgba(32, 79, 236, 0.67);box-shadow: 0px 2px 4px 0px rgba(32, 79, 236, 0.67);border-radius: 4px; padding-top: 20px; float: left; margin-right: 26px; margin-bottom: 50px;}
.md-a-lr{ margin-right: 0 !important}
.md-aa{width: 150px;height: 30px;line-height: 30px; border-radius: 0px 15px 15px 0px; font-size: 20px; padding-left: 10px; color: #fff; margin-bottom: 15px;}
.md-a p{width: 224px;height: 65px; font-size: 14px; color: #666666; margin: 0 auto; line-height: 20px; text-align: justify;}
.md-aa-bga{background-image: -webkit-gradient(linear, right top, left top, from(#a5c6fc), to(#346efe)), -webkit-gradient(linear, left top, left bottom, from(#2c67ff), to(#2c67ff));background-image: linear-gradient(-90deg, #a5c6fc 0%, #346efe 100%), linear-gradient(#2c67ff, #2c67ff);}
.md-aa-bgb{background-image: -webkit-gradient(linear, right top, left top, from(#f1c282), to(#d1923d)), -webkit-gradient(linear, left top, left bottom, from(#5395ff), to(#5395ff));background-image: linear-gradient(-90deg, #f1c282 0%, #d1923d 100%), linear-gradient(#5395ff, #5395ff);}
.md-aa-bgc{background-image: -webkit-gradient(linear, right top, left top, from(#ffb4b2), to(#e53935)), 
-webkit-gradient(linear, left top, left bottom, from(#5395ff), to(#5395ff));background-image: linear-gradient(-90deg, #ffb4b2 0%, #e53935 100%), 
linear-gradient(#5395ff, #5395ff);}

/*视频板块*/
.me{ display: none;width: 100%; height:698px;background: url(../images/me-bg.jpg) top center no-repeat;padding-top: 60px; }
.me-tittle-img{display: block; width: 602px; height:64px; margin: 0 auto; margin-bottom: 60px;}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center; margin-left: 50px;}
.s7-cont{width: 100%; clear: both; float: left;  position: relative;}
.video {width: 100%; margin: 0 auto;}
.s9-title .stkc_p {background: url(../images/s2-img02.png) no-repeat center;}
.video-menu {text-align: left;}
.video-menu li{position: relative; text-align: center; display:inline-block;width:232px;height:58px;margin-right:1px;font:20px/58px "microsoft yahei";background:#333;cursor:pointer;color: #fff;*display:inline; *zoom:1;}
.video-menu .li4{margin-right:326px;}
.video-menu .active{background:#f36540;}
.video-menu .active:after{content: "";position: absolute;bottom: -5px;left: 111px; width: 0;height: 0;border-style: solid;border-width: 5px 5px 0 5px;border-color: #f36540 transparent transparent transparent;line-height: 0px;_border-color: #f36540 #000000 #000000 #000000;_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.video-menu .open-kefu{width:148px;background:#383838;border-right:none}
.video-l{display:inline-block; float: left; margin: 12px 0 0; position:relative;
    width:697px;
    height:392px; 
/*    height:369px;*/
    background:#000;vertical-align:top;overflow: hidden;*display:inline; *zoom:1;}
.video-r{position: relative; display:inline-block; float: right; margin: -58px 0 0; width:380px;font-size: 0; background:#fff;vertical-align:top;*display:inline; *zoom:1;}
.video-r .video-nav li{display:none}
.video-r .video-nav .on{display:block}
.video-r h3{height:58px;font:22px/58px "microsoft yahei";color:#fff;background:#333}
.video-r .nav-con{position: relative; height:336px;padding: 23px 0 0 15px;overflow-x: hidden;overflow-y: auto;text-align: left;}
.video-r .li2 .nav-con,.video-r .li3 .nav-con{height:336px;}
.nav-con a{position: relative; display:block;font:16px/40px "microsoft yahei";color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.nav-con a.active,.nav-con a:hover{color:#222;text-decoration:underline}
.nav-con strong{display:inline-block;width: 280px;margin-top:6px;font:16px/32px "microsoft yahei";background:#ececec;text-align: left;*display:inline; *zoom:1;}
.nav-con strong img{display: inline-block;vertical-align: middle;margin-left:5px;*display:inline; *zoom:1;}
.video-r .nav-a span{position: absolute;top:10px;right:10px; display:inline-block;height:20px;width:35px;margin-left:10px;font:14px/20px "microsoft yahei";color:#fff;background:#cc2215;text-align:center;vertical-align:middle;*display:inline; *zoom:1;}
.video-r .nav-a .free {background: #3278e0;}
.video-r .video-a1{display:inline-block;width:100%;height:44px;font:18px/40px "microsoft yahei";background:#333;color: #fff;*display:inline; *zoom:1;}
.video-r .video-a2{display:inline-block;width:50%;height:44px;font:18px/40px "microsoft yahei";background:#e1413e;color: #fff;*display:inline; *zoom:1;*margin-left: -1px;}
/*.video-r .video-a1:hover,.video-r .video-a2:hover,.video-r .video-btn:hover{background:#cc2215}*/
.video-r .video-btn{display:block;height:50px;background:#d7232b;font:bold 24px/50px "microsoft yahei";color:#fff;cursor: pointer;}
.video-r .nav-con-box .nav-con{display: none;}
.video-r .nav-con-box .nav-con.active{display: block;}
.video-r .nav-teacher {background: #eee;}
.video-r .nav-teacher h4{display: inline-block;width:130px ;cursor: pointer;border-radius:5px 5px 0 0; margin-top: 10px; height:40px;font: 18px/40px "microsoft yahei";color: #666;*display:inline; *zoom:1;}
.video-r .nav-teacher h4.on{display: inline-block; background: #fff;color: #333;*display:inline; *zoom:1;}

/*自由教辅资料  限额免费领取*/
.mf{ width: 100%; height:543px;background: url(../images/mf-bg.jpg) top center no-repeat;padding-top: 50px; }
.mf-tittle-img{display: block; width: 524px; height:64px; margin: 0 auto; margin-bottom: 60px;}
.mf-a{  width: 537px;height: 238px; float: left; margin: 30px 0 0 120px;}
.mf-b{float: right; width: 520px;height: 325px;background-image: linear-gradient(135deg,#3b82f5 0%, #1664da 100%), linear-gradient(#2072ef, #2072ef);background-blend-mode: normal, normal;border-radius: 120px 120px 120px 0px; margin-top: -14px;}
.mf-b h2{ font-size: 20px; text-align: center; color: #fff; line-height: 60px;}
.mf-b .text{ width: 355px; height: 48px; background: #fff; color: #333;}
.mf-b .text2{ width: 219px;height: 48px;background-image: -webkit-gradient(linear, left top, right top, from(#fdd835), to(#ff8f00)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));background-image: linear-gradient(90deg, #fdd835 0%, #ff8f00 100%), linear-gradient(#ffffff, #ffffff); color: #000000;margin-top: 15px; margin-bottom: 10px;}
.mf .mc-c{ color: #fff;}

/*全程服务  打造学习生态圈*/
.mg{ width: 100%; height:535px;background: url(../images/mg-bg.jpg) top center no-repeat;padding-top: 50px; }
.mg-tittle-img{display: block; width: 634px; height:64px; margin: 0 auto; margin-bottom: 50px;}
.mg-left{ float: left;  margin-left: 10px; margin-right: 10px;}
.mg-center{ float: left;}
.mg-right{ float: right; margin-right: 30px;}
.mg-a{ width: 287px; height: 115px; }
.mg-ax{  font-size: 18px; color: #000000; margin-bottom: 8px; }
.mg-ay{  font-size: 18px; color: #000000;text-align: right; margin-bottom: 8px; }
.mg-aa{ height: 64px; font-size: 14px; color: #666666;  text-align: left;}
.mg-ab{ height: 64px; font-size: 14px; color: #666666;  text-align: right;}

/*多种注会好课  免费试听*/
.mh{ width: 100%; height:828px;background: url(../images/mh-bg.jpg) top center no-repeat;padding-top: 50px; }
.mh-tittle-img{display: block; width: 602px; height:64px; margin: 0 auto; margin-bottom: 50px;}

.mi-a{width: 1156px; height: 584px;  }
.mi-b{width: 1076px; height: 70px;border-bottom: solid 1px #ebebeb; margin-left: 80px;background: #fff; }
.mi-b p{ float: left; line-height: 70px;border-right: solid 1px #ebebeb;font-size: 24px;color: #5f2e0b; font-weight: bold;}
.mi-ba{ width: 243px; text-align: center;}
.mi-bb{ width: 334px; text-align: center;}
.mi-bc{ width: 256px; text-align: center;}
.mi-c{width: 1156px; height:160px;}
.mi-left{display:table;width: 80px;height: 160px;background-image: -webkit-gradient(linear, left top, right top, from(#d4ac65), to(#e5c17f)), -webkit-gradient(linear, 
left top, left bottom, 
from(#0d1559), 
to(#0d1559));background-image: linear-gradient(90deg, #d4ac65 0%, #e5c17f 100%), linear-gradient(#0d1559, 
#0d1559);background-blend-mode: normal, normal;border-radius: 10px 0px 0px 10px;font-size: 18px;color: #ebebeb;-webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2); font-weight: bold; text-align: center;}
.mi-left div{display: table-cell; vertical-align: middle; text-align: center; }
.mi-ca{display: table; width: 243px;height: 160px; border-right: solid 1px #ebebeb;background: #fff;border-bottom: solid 1px #ebebeb;}
.mi-ca p{display: table-cell;vertical-align: middle; text-align: center;font-size: 16px; line-height: 35px; }
#mi-caa{  border: none; }
.mi-cb{display:table; width: 243px;height: 160px; border-right: solid 1px #ebebeb;background: #fff;border-bottom: solid 1px #ebebeb;  text-align: center; padding-left: 0;}
.mi-cb div{ display: table-cell; vertical-align: middle; color: #865229;font-size: 18px; line-height: 30px;}
.mi-cb div span{ font-size: 18px;color: #f84b18; font-weight: bold;}
.mi-cc{display:table; width: 334px;height: 160px; border-right: solid 1px #ebebeb;background: #fff;border-bottom: solid 1px #ebebeb;  text-align: left; padding-left: 50px; padding-right: 20px;}
.mi-cc div{ display: table-cell; vertical-align: middle; color: #333;font-size: 14px; line-height: 26px;}
.mi-cc div span{font-size: 14px; color: #999999;}
.mi-cc div span b{font-size: 12px; font-weight: normal}
.mi-cd{display:table; width: 256px;height: 160px; border-right: solid 1px #ebebeb;background: #fff;border-bottom: solid 1px #ebebeb;  }
.mi-cd div{ display: table-cell; vertical-align: middle; }
.mi-cd div a{display: block; width: 138px;height: 40px; border: 1px solid #218ee7; border-radius: 40px;font-size: 18px; text-align: center; line-height: 40px; margin: 0 auto; color: #218ee7; margin-bottom: 15px;}
.mi-ha{background-image: -webkit-gradient(linear, left bottom, left top, from(#0d7ed7), to(#3ba3fb)), -webkit-gradient(linear, left top, left bottom, from(#f84b18), to(#f84b18));background-image: linear-gradient(0deg, #0d7ed7 0%, #3ba3fb 100%), linear-gradient(#f84b18, #f84b18);color: #fff !important; }
.mi-hb:hover{background-image: -webkit-gradient(linear, left bottom, left top, from(#0d7ed7), to(#3ba3fb)), -webkit-gradient(linear, left top, left bottom, from(#f84b18), to(#f84b18));background-image: linear-gradient(0deg, #0d7ed7 0%, #3ba3fb 100%), linear-gradient(#f84b18, #f84b18); color: #fff;}
.mi-ha:hover{  color: #fff !important;}
.mi-d .mi-left{ height: 256px;background-image: -webkit-gradient(linear, left top, right top, from(#d8223e), to(#e14d4b)), -webkit-gradient(linear, left top, left bottom, from(#0d1559), to(#0d1559));background-image: linear-gradient(90deg, #d8223e 0%, #e14d4b 100%), linear-gradient(#0d1559, #0d1559);}
.mi-d .mi-ca,.mi-d .mi-cb,.mi-d .mi-cc,.mi-d .mi-cd{ height: 256px;}
.mi-da{display: block; margin-bottom: 10px;}
.mi-e .mi-left{ height: 437px;background-image: -webkit-gradient(linear, right top, left top, color-stop(1%, #74bdfd), color-stop(50%, #53a9fb), to(#3194f8)), -webkit-gradient(linear, left top, left bottom, from(#0d1559), to(#0d1559));background-image: linear-gradient(270deg, #74bdfd 1%, #53a9fb 50%, #3194f8 100%), linear-gradient(#0d1559, #0d1559);}
.mi-e .mi-left,.mi-e .mi-ca,.mi-e .mi-cb,.mi-e .mi-cc,.mi-e .mi-cd{ height: 246px;}
.mi-f .mi-left,.mi-f .mi-ca,.mi-f .mi-cb,.mi-f .mi-cc,.mi-f .mi-cd{ height: 317px;}
.mi-g .mi-left,.mi-g .mi-ca,.mi-g .mi-cb,.mi-g .mi-cc,.mi-g .mi-cd{ height: 305px;}
.mi-g .mi-ca p{ height: 64px;font-size: 16px; line-height: 64px; text-align: center; border-bottom: solid 1px #ebebeb;color: #865229; }
.mi-g .mi-left{ height: 305px;background-image: -webkit-gradient(linear, left top, right top, from(#d4ac65), to(#e5c17f)), -webkit-gradient(linear, 
left top, left bottom, 
from(#0d1559), 
to(#0d1559));background-image: linear-gradient(90deg, #d4ac65 0%, #e5c17f 100%), linear-gradient(#0d1559, 
#0d1559);}


/*侧边栏导航*/
.cb{width: 163px; height:354px;background: url(../images/cb.png) top center no-repeat; position: fixed; top: 200px; left: 2%; padding-top: 60px; z-index: 1111111111;}
.cb-a{padding-bottom: 20px;}
.cb-a div{ width: 128px;height: 30px; line-height: 29px; border-bottom: 1px solid #001b4e; font-size: 16px; text-align: center; margin: 0 auto; padding: 2px 0; }
.cb-a div a{display: block; width: 128px;height: 25px; line-height: 25px;  font-size: 16px; text-align: center; margin: 0 auto; color: #fff;}
.cb-bg a{ background-image: -webkit-gradient(linear, left top, right top, from(#e53935), to(#b71c1c)), -webkit-gradient(linear, left top, left bottom, from(#ffd850), to(#ffd850)); background-image: linear-gradient(90deg, #e53935 0%, #b71c1c 100%), linear-gradient(#ffd850, #ffd850);}
.cb-b a img{display: block; width: 32px; height: 27px; margin: 0 auto;}
.cb-c{position: absolute; top: -30px; right: -26px;}


.two_if{ display: block; width: 100%; height: 200px}

.two_in .text{ display: block; width: 355px; height: 48px; background: #fff; color: #333;}
.two_in .text2{display: block; width: 219px;height: 48px;background-image: -webkit-gradient(linear, left top, right top, from(#fdd835), to(#ff8f00)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));background-image: linear-gradient(90deg, #fdd835 0%, #ff8f00 100%), linear-gradient(#ffffff, #ffffff); color: #000000;margin-top: 15px;}

/*用户协议*/
.agreement{margin: .1rem auto; text-align: center;}
.agreement input[type = checkbox]{display: inline-block;vertical-align: middle;width: .16rem;height: .16rem;margin: 0 .1rem 0 0;}
.agreement label{display: inline-block;vertical-align: middle;}
.agreement span{display: inline-block;vertical-align: middle;font-size: .14rem;color: #333;}
.agreement a{display: inline-block;vertical-align: middle;font-size: .14rem;color: #f00;}



.mf .agreement span{ color: #fff;}
/*2022-3.29*/
.ps-new{ font-size: 16px; color: #fff; line-height: 50px; margin-left: 20px;}