@charset "utf-8";
/* banner+课程 */
.navWrap {
    margin:22px 0;
}
/* 首页导航栏 */
.navWap .navWapper li .navallContent{
    position: absolute;
    top:61px;
    left: 0;
    z-index: 99999;
    display: block;
}
 .layui-nav .layui-this::after{
    content: none;
}
.layui-nav .layui-this{
    background: #da3a24;
    height: 100%;
}
.navWap .layui-nav-bar{
    display: none;
}
.navWap .navWapper li .indexnavallContent .selectSub{
    background: #fff;
    height: 360px;
    width: 280px;
}
.indexnavallContent .layui-tab{
    margin:0;
}
.indexnavallContent .layui-tab-title.selectSub .layui-this{
    height: 60px;
    background-color: #fff6f5;
}
.indexnavallContent .layui-tab-title.selectSub .layui-this span{
    color:#da3a24
}
.indexnavallContent .layui-tab-content{
    padding:0 !important;
    position: absolute;
    top: 0px;
    left: 280px;
}
.indexnavallContent .layui-tab-content .tab_list{
    width: 280px;
    background-color: #fff6f5;
    color: #333;
    height: 361px;
}
.indexnavallContent .tab_list_ul.show{
    display: none;
}
.indexnavallContent .layui-tab-title li{
    display: block;
    line-height: 60px;
    position: relative;
    text-align: left;
    margin: 0;
    padding: 0 30px;
    font-size: 16px;
}
.indexnavallContent .layui-tab-title li:first-child{
    display:none;
}
.layui-tab-content .tab_list .tab_list_ul li.cur1 span{
    color: #da3a24;
}
.layui-tab-content .tab_list .tab_list_ul li.cur2 span{
    color: #da3a24;
}
.layui-tab-content .tab_list .tab_list_ul li.cur4 span{
    color: #da3a24;
}
.layui-tab-content .tab_list .tab_list_ul li.cur5 span{
    color: #da3a24;
}
.layui-tab-content .tab_list .tab_list_ul li.cur7 span{
    color: #da3a24;
}
.indexnavallContent .layui-tab-title li span{
    color:#333;
    font-size: 16px;
}
.indexnavallContent .selectSub li i{
    color: #999;
    width: 8px;
    height: 13px;
    margin-right: 10px;
    background: url(../images/rightMore.png) no-repeat;
    right: 44px;
    top: 26px;
    position: absolute;
    display: inline-block;
    transition: all 1s ease;
}
.indexnavallContent .tab_list ul{
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap:wrap;
    align-content:space-between;
}
.indexnavallContent .tab_list ul li{
    margin: 0px 2%;
}
.indexnavallContent .tab_list ul li span{
    font-size: 14px;
    float: left;
    cursor: pointer;
    color: #333;
}
/* 广告图片 */
.navBanner{
    float: right;
}
.bannerHtml{
    width: 894px;
    height: 339px;
    overflow: hidden;
}
.bannerHtml img{
    width: 100%;
    height: 100%;
}
.bannerHtmlNoId{
    width: 894px;
    height: 339px;
    overflow: hidden;
}
.bannerHtmlNoId img{
    width: 100%;
    height: 100%;
}
/*课程列表*/
.smallIcon{
    width: 280px;
    height: 160px;
    border-radius: 5px;
    margin-right: 28px;
}
.smallIcon .linkBox a {
    display: block;
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 12px 0;
    position: relative;
    background: #fff;
    transition: all .3s;
}
.smallIcon .linkBox a:hover{
    background-color: #eee;
}
.smallIcon .linkBox a:hover p{
    color:#e84c3e;
}
.smallIcon .linkBox a::before{
    content: "";
    position: absolute;
    top:6px;
    left: 92px;
    height: 44px;
    width: 1px;
    background: #ffd5c6;

}
.smallIcon .linkBox a:nth-child(3n)::before{
    background: #fff;
}
.smallIcon .linkBox a:nth-child(1)::after{
    content: "";
    position: absolute;
    top:62px;
    left: 12px;
    height: 1px;
    width: 68px;
    background: #ffd5c6;
}
.smallIcon .linkBox a:nth-child(2)::after{
    content: "";
    position: absolute;
    top:62px;
    left: 8px;
    height: 1px;
    width: 72px;
    background: #ffd5c6;
}
.smallIcon .linkBox a:nth-child(3)::after{
    content: "";
    position: absolute;
    top:62px;
    left: 3px;
    height: 1px;
    width: 72px;
    background: #ffd5c6;
}
.smallIcon .linkBox a p{
    font-size:12px ;
    color:#da3a24;
}
.smallIcon .linkBox a i.i5{
    display: inline-block;
    background: url(../images/i5.png) no-repeat center;
    height: 20px;
    width: 20px;
}
.smallIcon .linkBox a i.i6{
    display: inline-block;
    background: url(../images/i6.png) no-repeat center;
    height: 20px;
    width: 20px;
}
.smallIcon .linkBox a i.i7{
    display: inline-block;
    background: url(../images/i7.png) no-repeat center;
    height: 20px;
    width: 20px;
}
.smallIcon .linkBox a i.i8{
    display: inline-block;
    background: url(../images/i8.png) no-repeat center;
    height: 20px;
    width: 20px;
}
.smallIcon .linkBox a i.i9{
    display: inline-block;
    background: url(../images/i9.png) no-repeat center;
    height: 20px;
    width: 20px;
}
.smallIcon .linkBox a i.i10{
    display: inline-block;
    background: url(../images/i10.png) no-repeat center;
    height: 20px;
    width: 20px;
}
.smallIcon .linkBox a:hover i{
    -webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform:rotate3d(0,1,0,360deg);
    transform:rotate3d(0,1,0,360deg);
    transition:-webkit-transform 0.8s ease-in-out;
    transition:-moz-transform 0.8s ease-in-out;
    transition:transform 0.8s ease-in-out;
}
.selectCourseWrap{
    display: flex;
    flex-wrap: nowrap;
    align-content: space-between;
    flex-grow:1;
    height: 126px;
    overflow: hidden;
    width: 892px;
}
.selectCourseWrap li{
    float: left;
    padding-right: 1px;
    cursor: pointer;
}
.selectCourseWrap li{
    display: inline-block;
    border: 1px solid transparent;
    width: 220px;
    height: 123px;
    overflow: hidden;
}
.selectCourseWrap li img{
    transition: all 0.5s;
}
.selectCourseWrap li:hover img{
    transform: scale(1.1);
}
.selectCourseWrap li:last-child(4n){
    padding:0
}
.selectCourseWrap li img{
    width: 100%;
    height: 100%;
}

/* 直播 */
.liveWrap{
    margin:36px 0;
}
.liveWrap .beforeLive{
    width:680px;
    background-size: cover;
    position:relative;
}
.liveWrap .beforeLive .summar{
    position: absolute;
    color: #fff;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -105px;
    margin-top: -65px;
}
.liveWrap .beforeLive .summar h3{
    font-size: 42px;
}
.liveWrap .beforeLive .summar h4{
    font-size: 32px;
}
.liveWrap .beforeLive .summar h5{
    font-size: 16px;
    padding: 10px;
}
.liveWrap .beforeLive .summar .playLive{
    background: #da3a24;
}
.liveWrap .beforeLive .teacher{
    width: 680px;
    height: 410px;
}

.liveWrap .beforeLive .teacher img{
    width:100%;
    height:100%;
}
.liveWrap .video{
    position: relative;
    width:680px;
    height: 410px;
}
.liveWrap .livevideo .myVideo{
    width: 100%;
    height: 100%;
}
.liveWrap .livevideo .selRateBox {
    width: 40px;
    height: 16px;
    position: absolute;
    bottom: 47px;
    right: 228px;
}
.liveWrap .livevideo .selRateBox .layui-form-item .layui-input-inline {
    width: 100%;
    height: 100%;
}
.liveWrap .livevideo .selRateBox .layui-form-select .layui-input {
    border-radius: 15px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    background: #da3a24;
    border: none;
    color: #fff;
    text-align: center;
}
.liveWrap .livevideo .selRateBox .layui-form-select .layui-edge {
    display: none;
}
.liveWrap .livevideo .selRateBox .layui-form-select dl {
    bottom: 30px;
    top: inherit;
    width: 82px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    border-radius: 8px;
    text-align: center;
    border: none;
    left: -22px;
}
.liveWrap .livevideo .pause{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    cursor: pointer;
}
.liveWrap .liveList{
    width: 503px;
    background: #fff;
    padding-left: 15px;
}
.liveWrap .liveList .latestLive{
    padding:12px 0;
}
.liveWrap .liveList .latestLive h4{
    color:#222;
    font-size: 14px ;
}
.liveWrap .liveList .latestLive a{
    color:#222;
    font-size: 14px ;
    padding-right: 24px;
}
.liveWrap .liveList .liveTime{
    overflow: hidden;
    overflow-y: scroll;
    height: 367px;
}
.liveWrap .liveList .dot{
    background: #da3a24;
    width: 12px;
    height: 12px;
    left: 0;
    top:20px
}
.liveWrap .liveList .modifiyText{
    padding-top: 16px;
}
.liveWrap .liveList .layui-timeline-item::before{
    top: 20px;
}
.liveWrap .liveList .textL .replay{
    font-size:16px ;
    color:#999999;
    line-height: 24px;

}
.liveWrap .liveList  .textL .liveimg{
    background: url(../images/noliving.png) no-repeat;
    width:13px;
    height: 13px;
    margin-top: 13px;
}
.liveWrap .liveList li:hover .textL .liveimg{
    background-image: url(../images/live.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.liveWrap .liveList li:hover .dot{
    width: 15px;
    height: 15px;
    left: -2px;
}
.liveWrap .liveList li .teacherT{
    font-size: 12px;
    padding-right: 15px;
    width: 150px;
    text-align: left;
}
.liveWrap .liveList .textR .textTile{
    width: 166px;
    text-align: left;
    border-radius: 5px;
    color:#666666;
    font-size:12px ;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.liveWrap .liveList .textR{
    padding-left: 20px;
}
.liveWrap .liveList .textR p{
    font-size:12px ;
    color:#999;
}
.liveWrap .liveList li.layui-timeline-item{
    padding-bottom: 0;
    cursor: pointer;
}
.liveWrap .liveList li:hover .textL .replay{
    color:#da3a24;
}
.liveWrap .liveList li:hover .textR .textTile{
    color:#da3a24;
}
.liveWrap .liveList li:hover .textR p{
    color:#da3a24;
}
.liveWrap .liveList li:hover .teacherT{
    color:#da3a24;
}
.liveWrap .liveList li.curItem .textL .replay{
    color:#da3a24
}
.liveWrap .liveList li.curItem .textR p{
    color:#da3a24
}
.liveWrap .liveList li.curItem .textR .textTile{
    color:#da3a24
}
.liveWrap .liveList li.curItem .teacherT{
    color:#da3a24
}
.liveWrap .liveList li.curItem .textL .liveimg{
    background-image: url(../images/live.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.liveWrap .liveList li.curItem .dot{
    width: 15px;
    height: 15px;
    left: -2px;
}
/* 课程精选 */
.ourCourseWrap .courseWrapper em{
    font-size: 24px ;
    position: relative;
}
.ourCourseWrap .courseWrapper span{
    font-size: 18px ;
    color: #666;
}
.ourCourseWrap .courseWrapper em::before{
    content: '';
    position: absolute;
    top:4px;
    left: 0;
    height: 15px;
    width: 27px;
    display: inline-block;
    background: url(../images/ddot.png) no-repeat;
}
.ourCourseWrap .courseWrapper .courseFloat{
    margin-bottom:34px;
}
.ourCourseWrap .courseWrapper .courseFloat .courseMore a{
    font-size:16px ;
    color:#222222
}
.courseWrapper .courseList {
    height: 640px;
    overflow: hidden;
}
.courseWrapper .courseList li{
    float: left;
    box-shadow: 0px 0px 5px #e7e7e7;
    background: #fff;
    border-radius: 10px;
    margin-right: 41px;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
}
.courseWrapper .courseList li .btnClick{
    padding-bottom: 20px;
}
.courseWrapper .courseList li:nth-child(4n){
    margin-right: 0;
}
.courseWrapper .courseList li .courseimg{
    transition: all 0.6s; 
    width: 269px;
    height: 182px;
    border: none;
}
.courseWrapper .courseList li img{
    width: 100%;
    height: 100%;
}
.courseWrapper .courseList li:hover .courseimg{
    transform: scale(1.1);
}

.courseWrapper .courseList li h3{
     color:#262626;
     font-size:16px;
     padding:22px 0;
     width: 214px;
     margin:0 auto;
     overflow: hidden;
     text-overflow:ellipsis;
     white-space: nowrap;
     line-height: 20px;
     cursor: pointer;
}
.courseWrapper .courseList li .img_bg{
    display: inline-block;
}
.courseWrapper .courseList li a{
    display: inline-block;
    width: 100px;
    border: 1px solid #df5441;
    background: transparent;
    border-radius: 5px;
    color: #df5441;
    height: 30px;
    cursor:pointer;
}
.courseWrapper .courseList li a.audition{
    color:#fff;
    background: #da3a24;
}
.courseWrapper .courseList li a:hover.audition{
    background: #df5441 ;
}
.courseWrapper .courseList li a:hover.buy{
    color:#df5441;
}
.courseWrapper .courseList .btnClick a{
    display: inline-block;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    transition: all 1s;
}
.btnClick .audition{
    background: #da3a24;
    border:1px solid #da3a24;
    color: #fff;
    margin-right: 25px;
}

.btnClick .buy{
   border: 1px solid #da3a24;
   color: #da3a24;
}

/* 我们的优势 */
.ourAdvanWrap .advanWrapper em{
    font-size: 24px ;
    position: relative;
}
.ourAdvanWrap .advanWrapper em span:nth-of-type(1){
    font-size: 24px ;
    font-weight: 600;
}
.ourAdvanWrap .advanWrapper em span:nth-of-type(2){
    font-size: 16px ;
    font-weight: 600;
    color: #666;
}
.ourAdvanWrap .advanWrapper span{
    font-size: 14px ;
}
.ourAdvanWrap .advanWrapper em::before{
    content: '';
    position: absolute;
    top:4px;
    left: 0;
    height: 15px;
    width: 27px;
    display: inline-block;
    background: url(../images/ddot.png) no-repeat;
}
.aboutWrap{
    margin: 30px 0 33px 0;
}
.aboutWrap .aboutUsL{
    background-color: #da3a24;
    width:212px;
    padding:25px 42px 36px 42px;
    color:#fff;
}
.aboutWrap .aboutUsL h3{
    font-size:24px ;
    padding-top: 27px;
}
.aboutWrap .aboutUsL .acon .layui-table{
    background: none;
}
.aboutWrap .aboutUsL .acon{
    font-size:16px ;
    line-height: 30px;
    overflow : hidden;
    height: 210px;
}
.aboutWrap .aboutUsL .acon .layui-table td {
    position: relative;
    padding: 0;
    min-height: 20px;
    line-height: 1;
    font-size: 16px;
    background: none;
    border: 0;
    color: #fff;
}
.layui-table tbody tr:hover {
    background-color: transparent
}
.aboutWrap .aboutUsL a{
    color:#fff;
    font-size:16px ;
    padding-top: 20px;
    display:inline-block;
}
.aboutWrap .aboutAdvantageR{
    width:904px;
}
.aboutWrap .aboutAdvantageR ul{
    padding-left: 18px;
}
.aboutWrap .aboutAdvantageR li{
    float: left;
    padding: 20px 40px 0px 40px;
    background: #fff;
    width: 204px;
    height: 198px;
    margin-right: 14px;
    box-shadow: 0px 0px 5px #e7e7e7;
    border:1px solid transparent;
    margin-bottom: 22px;
    text-align: center;
}
.aboutWrap .aboutAdvantageR li:nth-child(4),.aboutWrap .aboutAdvantageR li:nth-child(5),.aboutWrap .aboutAdvantageR li:nth-child(6){
    margin-bottom: 0px;
}
.aboutWrap .aboutAdvantageR li:nth-child(3n){
    margin-right: 0;
}

.aboutWrap .aboutAdvantageR li:hover{
    border:1px solid #da3a24;
}
.aboutWrap .aboutAdvantageR li h4{
    color:#07222f;
    font-size:18px ;
    padding-top: 16px;
}
.aboutWrap .aboutAdvantageR li p{
    color:#888;
    font-size:14px ;
    padding-top: 20px;
}
/*通关指南*/
.hotNewsList{
    padding:33px;
    overflow: hidden;
    margin-bottom: 30px;
}
.hotNews_pic{
    width:100%;
    height:176px;
}
.hot_item{
    width:264px;
    overflow: hidden;
    float: left;
    margin-right:26px;
    cursor: pointer;
}
.hot_item:nth-child(4){
    margin-right: 0;
}
.hot_item h3{
    width:100%;
    font-size:18px;
    color:#000;
    padding:20px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.hot_item p{
    color:#666;
    height: 36px;
    line-height: 18px;
    margin-bottom: 20px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hot_item_bottom{
    border-top:1px solid #f1f1f1;
    padding-top:20px;
    display: flex;
    justify-content:space-between;
    align-items:center;
}
.hot_item_bottom img{
    width:37px;
    height:6px;
    float: right;
}