/*分页*/

.pagination > li > a, .pagination > li > span,.pagination > li > a:hover,.pagination > li > a:focus,.pagination > li > a:active {

    position: relative;

    float: left;

    padding: 6px 12px;

    margin-left: -1px;

    line-height: 1.42857143;

    color: #888888;

    text-decoration: none;

    background:none;

    border: 1px solid #aaaaaa;

    margin:0 4px;

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    z-index: 3;

    color: #fff;

    cursor: default;

    background-color: #ffc401;

    border-color: #ffc401;

}

.page{

    text-align: center;

    /* margin-top: 30px; */

}

.nav > li > a{

    padding-left: 20px;

    padding-right: 20px;

}

/* 首页 */

header{

    position: fixed;

    width: 100%;

    top:0;

    left: 0;

    z-index: 1001;

    background: #fff;

}

.head_top{

    background: #f8f8f8;

    padding: 10px 0;

    font-size: 13px;

}

.head_top .container{

    position: relative;

}

.head_top img:nth-child(1){

    vertical-align: -3px;

    margin-right: 5px;

}

.head_top .close{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

}

.HeadCenter{

    padding: 15px 0 15px 0;

}

.HeadLogo{

    margin-top: 5px;

}

.HeaderSearch{

    width: 100%;

   margin-top: 10px;

}

.HeaderSearch .HeaderSearchInput{

    width: 85%;

    height: 40px;

    border: 1px solid #ffc300;

    border-radius: 3px 0 0 3px;

    padding-left: 15px;

}

.HeaderSearchInputLeft{

    width: 80%;

   

}

.HeaderSearchBtn{

    width: 15%;

    height: 40px;

    position: relative;

    background: #ffc300;

    border: 1px solid #ffc300;

    border-radius: 0px 3px 3px 0px;

    cursor: pointer;

}

.HeaderSearchBtn img{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    z-index: 1;

}

.HeaderSearchBtn input{

    position: absolute;

     width: 100%;

     height: 100%;

    left: 0;

    top:0;

    opacity: 0;

    z-index: 2;

}

.HeaderSign a{

    display: inline-block;

    padding: 0px 15px;

    color: #333333;

    border: 1px solid #ffc300;

    font-size: 14px;

    border-radius: 3px;

    height: 40px;

    line-height: 40px;

    background: #ffc300;

}

.HeaderConcat{

    text-align: right;

    padding: 0;

}

.HeaderConcat p{

    color: #b1b1b1;

    font-size: 12px;

}

.HeaderConcat p span{

    display: inline-block;

    

}

.HeaderConcat>div>div{

    padding-right: 5px;

    position: relative;

}

.HeaderConcat>div>div a{

    font-size: 18px;

    color: #333333;

    font-weight: 700;

}

.HeaderConcat div div img{

    vertical-align: middle;

    position: absolute;

    left: -30px;

    top: 50%;

    transform: translateY(-50%);

}

.HeaderConcat div div b{

    display:block;

    width: 1px;

    height: 20px;

    background: #eeeeee;

    position: absolute;

    

    left: -8px;

    top: 50%;

    transform: translateY(-50%);

}

.index_nav .navbar-default{

    background: #cacacc;

    border-color: #cacacc;

    border-radius: 0;

}

.index_nav .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{

    margin-left: 0;

}

.index_nav .navbar-default .navbar-brand{

    color: #000000;

}

.index_nav .navbar-brand{

    color: #000000;

    padding: 15px 0;

}

.index_nav .navbar-default .navbar-nav > li > a{

    color: #000000;

}

.index_nav .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{

    background: none;

    color:#000;

}

.index_nav .navbar-nav .active a span{

    position: relative;

}

.index_nav .navbar-nav .active a span::after{

    content: '';

    width: 100%;

    height: 2px;

    background: #000;

    position: absolute;

    display: block;

    bottom: -10px;

    left: 0;

}

.navbar{

    margin-bottom: 0;

}

.navbar-right li a img{

    margin-left: 5px;

}

.index_nav .navbar-brand > img{

    display: inline-block;

    vertical-align: -2px;

    margin-right: 15px;

}

.banner .swiper-slide{

    position: relative;

}

.banner .banner_text{

    position: absolute;

    left: 50%;

    top: 50%;

   transform: translate(-50%,-50%);

    text-align: center;

    color: #fff;

    

}

.banner_text h2{

    margin-bottom: 10px;

    font-size: 33px;

}

.banner_text h2 span{

    color: #133b6f;

}

.BannerIcon{

    position: absolute;

    left: 50%;

    transform:translateX(-50%);

    bottom: -10px;

   

    display: flex;

    flex-wrap: wrap;

    z-index: 1000;

    padding: 0;

}

.banner{

    position: relative;

}

.BannerIcon>li{

    flex: 0 0 33%;

    padding: 35px 0px 35px 0

}
.BannerIcon a{
    display: block;
    padding-right: 15px;
}
.BannerIcon a::after{
        content: '';
    display: block;
    clear: both;
}
.BannerIcon>li:nth-child(1){

    background: #3965ca;

}

.BannerIcon>li:nth-child(2){

    background: #305dc3;

}

.BannerIcon>li:nth-child(3){

    background: #2d57b6;

}

.BannerIconImg{

    width: 25%;

    text-align: center;

    padding: 15px 0;

}

.BannerIconText{

    width: 75%;

    

}

.BannerIconText{

    color: #f2f5fb;

}

.BannerIconTitle{

    padding-bottom: 10px;

    border-bottom: 1px solid #f2f5fb;

}

.BannerIconContent{

    padding-top: 10px;

}

.PublicTitle{

    text-align: center;

}

.PublicTitleName div{

    font-size: 30px;

    color: #333333;

}

.PublicTitleName p{

    font-size: 14px;

    color: #999999;

    margin-top: 5px;

}

.PublicTitleLine{

    margin-top: 10px;

}

.PublicTitleLine *{

    display: inline-block;

}

.PublicTitleLine span{

    width: 400px;

    height: 1px;

    background: #eaebed;

    vertical-align: middle;

}

.PublicTitleLine b{

    width: 10px;

    height: 10px;

    background: #ffc300;

   

    margin: 0 10px;

}

.wrap>.list{

    padding: 30px 0;

}

.wrap>.list:nth-child(odd){

    background: #f7f8fa;

}

.wrap>.list:nth-child(even){

    background: #fff;

}

.ClassPackageItem{

    margin-top: 20px;

}

.ClassPackageItem,.MenberDetailItem{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.ClassPackageItem::after,.MenberDetailItem::after{

    content: '';

    display: block;

    width: 32%;

}

.ClassPackageItem>li{

    flex: 0 0 24%;

    margin-bottom: 3%;

    background: #fff;

    transition: all 0.3s ease;

}

.ClassPackageListImg{

    transition: all 0.3s ease;

}

.ClassPackageListImg img{

    width: 100%;

    transition: all 0.3s ease;

}

.ClassPackageContent{

    padding: 15px;

}

.ClassPackageTitle{

    color: #1b1b63;

   

    text-align: center;

}

.ClassPackageText{

    color: #999999;

    font-size: 15px;

    margin: 15px 0;

    height: 66px;

    overflow: hidden;

}

.ClassPackageMore{

    text-align: center;

    padding: 15px 0;

}

.ClassPackageMore span{

    display: inline-block;

    padding: 3px 50px;

    border-radius: 20px;

    color: #333333;

    border: 1px solid #d6d6d6;

}

.ClassPackageItem .active{

    box-shadow: 0 0 15px #ccc;

    /*margin-top: -10px;*/
    transform: translateY(-10px);

}

.ClassPackageItem .active .ClassPackageListImg{

    padding: 15px 15px 0 15px;

}

/* .ClassPackageItem .active .ClassPackageMore{

    padding: 25px 0;

} */

.ClassPackageItem .active .ClassPackageMore span{

    background: #ffc300;

    color: #fff;

    border-color: #ffc300;

}

.PublicMore{

    text-align: center;

}

.PublicMore>a{

    display: inline-block;

    padding: 13px 80px;

    border-radius: 60px;

    color: #333333;

    border: 1px solid #d6d6d6;

}

.MenberDetailItem{

    margin-top: 70px;

}

.MenberDetailItem>li{

    position: relative;

    flex: 0 0 32%;

    margin-bottom: 3%;

    background: #fff;

    padding: 0 15px 30px 15px;
    border-radius: 3px;

}

.MenberDetailItem>li:nth-child(1){

    background: url(../img/member_img3.png) no-repeat 100% 100%;

}

.MenberDetailItem>li:nth-child(1) a{

    color: #96abd6;

}

.MenberDetailItem>li:nth-child(2){

    background: url(../img/member_img2.png) no-repeat 100% 100%;

}

.MenberDetailItem>li:nth-child(2) a{

    color: #926a39;

}

.MenberDetailItem>li:nth-child(3) a{

    color: #f3ceb4;

}

.MenberDetailItem>li:nth-child(3){

    background: url(../img/member_img1.png) no-repeat 100% 100%;

}

.MenberDetailImg{

    width: 100px;

    height: 100px;

    border-radius: 100%;

    border-width: 4px;

    border-style: solid;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: -50px;

}

.MenberDetailImg img{

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 60px;

}

.MenberDetailItem>li:nth-child(1) .MenberDetailImg{

    background: #fdfeff;

    border-color: #d3defa;

    top: -50px;

}

.MenberDetailItem>li:nth-child(2) .MenberDetailImg{

    background: #fffaf6;

    border-color: #ebd1b0;

    top: -50px;

}

.MenberDetailItem>li:nth-child(3) .MenberDetailImg{

    background: #f3f3fb;

    border-color: #42476f;

    top: -50px;

}

.MenberDetailInfo{

    text-align: center;

    margin-top: 65px;

   

    padding: 0px 0 25px 0 ;

}

.MenberDetailContent{

    padding: 25px 0 0 0 ;

}

.MenberDetailItem>li:nth-child(1) .MenberDetailInfo{

    border-bottom: 1px solid #b0bfde;

}

.MenberDetailItem>li:nth-child(2) .MenberDetailInfo{

    border-bottom: 1px solid #f9ead7;

}

.MenberDetailItem>li:nth-child(3) .MenberDetailInfo{

    border-bottom: 1px solid #d8d8e2;

}

.LatestCourseItem{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 30px;

}

.LatestCourseItem>li{

    flex: 0 0 24%;

    margin-bottom: 2%;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 0 15px #ccc;

    transition: all 0.3s ease;

}

.LatestCourseItem::after{

    content: '';

    display: block;

    width: 24%;

}

.LatestCourseImg{

    position: relative;

}

.LatestCourseImg .LatestCoursePlay{

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    left: 0;

    top: 0;

    display: none;
    border-radius: 8px 8px 0 0;

}

.LatestCourseItem .active{
    transform: translateY(-10px);
    /*margin-top: -10px;*/

}

.LatestCourseItem .active .LatestCourseImg .LatestCoursePlay{

    display: block;

}

.LatestCoursePlay img{

    left: 50%;

    top:50%;

    transform: translate(-50%,-50%);

    position: absolute;

}

.LatestCourseImg span img{

    width: 100%;

}

.LatestCourseListCenter{

    padding: 15px;

    border-bottom: 1px solid #f8f8f8;

}

.LatestCourseListTitle{

    font-size: 18px;

    font-weight: 700;

    color: #000000;
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.LatestCourseListTitle span{

    display: inline-block;

    padding: 1px 7px;

    background: #fbcd32;

    font-size: 12px;

    color: #fff;

    vertical-align: 1px;

    border-radius: 3px;

    margin: 0 10px 0 0;

}

.LatestCourseListPrice{

    padding: 15px 0 0 0;

}

.LatestCourseListInfo{

    padding: 15px;

}

.LatestCourseListPrice span:nth-child(1),.LatestCourseListText{

    color: #999999;

}

.LatestCourseListPrice span:nth-child(2){

    color: #fe1818;

}

.LatestCourseListHead{

    padding-top: 4px;

    margin-right: 5px;

}

.swiper-container2,.swiper-container3{

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1;

}

.to_left,.to_right{

    width: 40px;

    height: 40px;

    background:rgba(0,0,0,0.5);

    text-align: center;

    line-height:40px;

    position:absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 999;

}

.to_left img,.to_right img{

    width: 12px;

    height: 15px;

    display:inline-block;

}

.to_right{

    right: 0

}

.to_left{

    left: 0

}

.GreateInfo{

    position: absolute;

    width: 100%;

    background:rgba(0,0,0,0.5);

    color: #fff;

    left: 0;

    bottom: 0;

    padding: 5px 0;

    border-radius: 5px 5px 0 0;

    text-align: center;

}

.Greate .swiper-slide{

    position: relative;



}

.Greate,.PhotoNews{

    margin: 30px 0;

}

.PhotoNewsImg img{

    width: 100%;

}

.PhotoNewsInfo{

    padding: 15px;

    border-bottom: 1px solid #f8f8f8;

}

.PhotoNewsTitle{

    color: #000000;

    font-weight: 700;

    padding-bottom: 15px;

}

.PhotoNewsContent{

    font-size: 14px;

    color: #999;

}

.PhotoNewsTime{

    position: relative;

    padding: 15px;

}

.PhotoNewsTime span{

    font-size: 22px;

    color: #888888;



}

.PhotoNewsTime img{

    position: absolute;

    right: 15px;

    top: 50%;

    transform: translateY(-50%);

    display: none;

}

.PhotoNews .active .PhotoNewsTitle,.PhotoNews .active .PhotoNewsTime span{

    color: #ffaf29



}

.PhotoNews .active .PhotoNewsInfo{

    border-bottom: 1px solid #ffaf29;

}

.PhotoNews .active .PhotoNewsTime img{

    display: block;

}

footer{

    background: #2a2a32;

}

.footer_top_nav li{

    width: 20%;

    text-align: center;

    float: left;

}

.footer_top_logo img{

    display: inline-block;

}

.footer_top_nav_wrap{

    padding: 15px 0;

}

.footer_center_left div{

    width: 120px;

    text-align: center;

    margin-left: 60px;

}

.footer_center_left div img{

    width: 100px;

    height: 100px;

}

.footer_center_left p:nth-child(2){

    border: 1px solid #cccc;

    padding-top: 10px;

    padding-bottom: 10px;

    margin-top: 5px;

}

/* .footer_top_logo{

    padding: 0;

} */

.footer_top{

    padding: 15px 0;

    border-bottom: 1px solid #414141;

}

.footer_center_right>div p:nth-child(2){

    color: #ffff;

}

.footer_center_right>div p{

    margin-bottom: 5px;

}

.footer_center_right_tel img{

    width: 13px;

    height: 11px;

}

.footer_center_right_location img{

    width: 12px;

    height: 13px;

}

.footer_center_right_email img{

    width: 16px;

    height: 13px;

}

.footer_center_right>div p:nth-child(1) span{

    display: inline-block;

    border-radius: 100%;

    border: 1px solid #414141;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 25px;

}

.footer_center_right_tel p:nth-child(3){

    font-size: 16px;

    color: #fff;

}

.footer_center_right_tel p:last-child,.footer_center_right_email p:last-child{

    color: #666666;

}

.footer_center{

    padding: 15px 0;

}

.foot_foot{

    padding: 15px 0;

    border-top: 1px solid #414141;

    text-align: center;

}

.foot_foot_right{

    text-align: right;

}

.FriendLink{

    margin-bottom: 5px;

}

.FriendLink a{

    margin-right: 15px;

}



.PublicNav .navbar-default{

    background: #fff;

    padding: 10px 0;

}



.PublicNav .navbar-brand{

    padding: 0;

}

.PublicNavSearch{

    position: relative;

    margin-top: 10px;



}

.PublicNavSearch input{

    height: 30px;

    border: 1px solid #e0e0e0;

    border-radius: 3px;

    padding-left: 15px;

}

/* .PublicNavSearch img{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    cursor: pointer;

} */

.PublicNavSearch div{

    position: absolute;

    right: 15px;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer;

    display: inline-block;

}

.PublicNavSearch div input{

    position: absolute;

    width: 100%;

    height: 100%;

    opacity: 0;

    z-index: 2;

}

.PublicNavBtn{

    color: #313131;

}

.PublicNavBtn a{

    display: inline-block;

    padding: 15px 5px;

    color: #313131;

}



.PublicNav .navbar-nav{

    margin: 0 35px;

}

/* 学习顺序 */

.StudyOrder{

    background: #f5f6fa;

}

.StudyOrderTitle{

    padding: 15px 0;

    color: #313131;

}

.MyStudy{

    margin-bottom: 20px;

}

.MyStudy a{

    display: inline-block;

    padding: 15px;

    background: #fff;

}

.MyStudyText div{

    color: #000;

}

.MyStudyText p{

    font-size: 12px;

    color: #cccccc;

}

.MyStudyText{

    padding-left: 15px;

}

.StudyOrderNav{

    background: #fff;

    padding: 15px;

    border-bottom: 1px solid #eff0f5;

}

.StudyOrderNavList a{

    display: inline-block;

    padding: 5px 5px;

    color: #000;

    margin: 0 15px;

}

.cfff{

    color: #fff !important;

}

.StudyOrderNavTitle{

    padding: 5px 10px;

    color: #999999;

    margin: 0 15px;

}

.StudyOrderNavList .active{

    background-color: #f5f6f6;

    color: #ffc401;

    border-radius: 3px;

}

/*.StudyOrderNavWrap>div:nth-child(1){

    margin-bottom: 20px;

}*/

.StudyOrderNavWrap>div:last-child{

    margin-top: 20px;

}

.CourseDetailBanner{

    position: relative;

}

.CourseDetailBannerText{

    position: absolute;

    left: 50%;

    top:50%;

    transform: translate(-50%,-50%);

    color: #fff;

}

.top40{

    top: 40% !important;

}

.CourseDetailBannerTitle{

    font-size: 24px;

    margin-bottom: 15px;

}

.CourseDetailBannerInfo{

   text-align: center;

}

.CourseDetailBannerInfoDiv{

    display: inline-block;

    text-align: left;

}

.CourseDetailBannerHead{

    padding: 5px;

}

.CourseDetailBannerHead img{

    border-radius: 50%;

}

.CourseDetailWrap{

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    background: #fff;

}

.CourseDetailWrapTop{

    color: #999999;

}

.CourseDetailWrap>div{

    padding: 15px;

}

.CourseDetailWrapTopRight a{

    margin:0 15px;

    display: inline-block;

}

.CourseDetailWrapTopRight span img{

    vertical-align: -2px;

    margin-right: 5px;

}

.CourseDetailWrapPrice{

    color: #ea3553;

    font-size: 30px;

}
.CourseDetailWrapBtns{
    text-align: center;
}
.CourseDetailWrapBtns a{

    display: inline-block;

}

.CourseDetailWrapBtn{

    padding:5px 15px;

    

}

.CourseDetailWrapBtn1{

    color: #000000;

    border: 1px solid #000;

}

.CourseDetailWrapBtn2{

    color: #333333;

    background: #ffaf29;
    border: 1px solid #ffaf29;

}

.CourseDetailWrapBtns .CourseDetailWrapBtn2{

    margin:0 0 0 15px;

}

.CourseDetailWrapCenter{

    margin: 15px 0 0 0;

}

.CourseDetailInfo>div{

    background: #fff;

}

.CourseDetailInfoNav>li{

    float: left;

    padding:0 15px;

}

.CourseDetailInfoNav>li a{

    display: inline-block;

    font-size: 18px;

    color: #000000;

    padding: 15px 0;

    

}

.CourseDetailInfoNav .active a{

    color: #ffc300;

    border-bottom: 1px solid #ffc300;

}

.CourseDetailInfoNavWrap{

    text-align: center;

    border-bottom: 1px solid #eaf0ee;

}

.CourseDetailInfoNav{

    display: inline-block;

}

.CourseDetailInfoVideoWrap{

    text-align: center;

    margin: 20px 0;

}

.CourseDetailInfoVideo{

    display: inline-block;

    position: relative;

    width: 100%;

}

.CourseDetailInfoVideo video{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    background-size: 100%;

    background-repeat: no-repeat;



}

.CourseDetailInfoVideo img{

    opacity: 0;

}

.CourseTitle span{

    display: inline-block;

    color: #000000;

    font-size: 30px;

    position: relative;

    padding:  0 15px;

}

.CourseTitle span img{

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;



}

.CourseTitle{

    text-align: center;

    margin: 40px 0;

}

.CourseTitle a{

    position: relative;

    z-index: 2;

}

.CourseTitle span b{

    position: absolute;

    right: 0;

    bottom: 0;

    display: inline-block;

    width: 10px;

    height: 10px;

    background: #ffc300;

     z-index: 1;



}

.p96{

    padding: 0 96px 20px 96px;

}

.LightSpotList b{

    background: url(../img/liandianbg.png) no-repeat;

    background-size: 100% 100%;

    padding: 8px 40px;

    color: #000000;

    font-size: 22px;

    margin-right: 15px;

}

.LightSpotList span{

    

    font-size: 18px;

    color: #000000;

}

.LightSpotItem>li{

    padding: 20px 0;

}

.CourseContent{

    font-size: 18px;

    text-align: center;

    color: #000;

    margin-bottom: 60px;

}

.CourseRecom{

    margin-top: 20px;

}

.CourseRecomtitle{

    color: #000;

    font-size: 18px;

    padding: 20px 0 0 0;

}

.CourseRecom>div{

    padding: 0 15px;

}

.CatalogListLeft span{

    display: inline-block;

}

.CatalogListLeft{

    width: 50%;

}

.CatalogList{

    padding: 15px 30px;

    

}

.CatalogList a div{

    color: #000;

}

.CatalogRightInt{

    padding: 0px 30px;

}

.CatalogRightImg img{

    vertical-align: -4px;

}

.CatalogRight .CatalogRightImg{

    margin-right: 60px;

    display: inline-block;

}

.CatalogRightBtn{

    display: inline-block;

    padding: 5px 15px;

    background: #ffaf29;

    color: #fff;

    border-radius: 3px;

    display: none;

}

.Catalog .active{

    background: #f8f8f8;

    position: relative;

}

.Catalog .active::before{

    content: '';

    display: block;

    position: absolute;

    width: 2px;

    height: 20px;

    background: #ffaf29;

    top: 50%;

    transform: translateY(-50%);

    left: 0px;

}

.Catalog .active .CatalogRight .CatalogRightImg,.Catalog .active .CatalogRight .CatalogRightTime{

    display: none;

}

.Catalog .active .CatalogRightBtn{

    display: inline-block;

}

.Catalog{

    margin: 20px auto;

}

.Catalog .CourseRecomtitle{

    padding: 20px 30px;

}

.CatalogListLeft span{

    padding-top: 5px;

    padding-bottom: 5px;

}

.confirmOrderSetps{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 15px;

}

.confirmOrderSetps>li{

    flex: 0 0 32%;

}

.confirmOrderSetps>li div{

    color: #999;

    font-size: 14px;

}

.confirmOrderSetpsLine{

    margin-top: 5px;

}

.confirmOrderSetpsLine span{

    display: inline-block;

    width: 100%;

    height: 4px;

    background: #999999;

}

.confirmOrderSetps>.active div{

    color: #000;

}

.confirmOrderSetps>.active .confirmOrderSetpsLine span{

    background: #000;

}

.confirmOrderReturn{

    padding: 30px 0;

}

.confirmOrderReturn a{

    color: #999;

}

.confirmOrderInfo{

    padding: 30px;

    background: #fff;

    margin-bottom: 60px;

}

.confirmOrderInfoTitle{

    font-size: 24px;

    color: #333333;

    margin-bottom: 20px;

}

.confirmOrderInfoTitle span{

    color: #999;

    font-size: 14px;

    margin-left: 5px;

}

.confirmOrderInfoItemRight{

    display: flex;

    flex-wrap: wrap;

}

.confirmOrderInfoItemRight>div{

    flex: 0 0 33.33%;

    text-align: center;

}

.confirmOrderInfoItemLeft,.confirmOrderInfoItemRight{

    width: 50%;

}

.confirmOrderInfoItemTop{

    padding: 20px 0;

    background: #f6f6f6;

    color: #000000;

}

.confirmOrderInfoItemTop .confirmOrderInfoItemLeft{

    /*padding-left: 20%;*/
    padding-left: 45px;

}

.confirmOrderInfoItemWrap .confirmOrderInfoItemLeft{

    padding: 40px 30px;

}

.confirmOrderInfoItemLeftInfo{

    padding-left: 15px;

}

.confirmOrderInfoItemLeftInfo>div{

    margin: 20px 0;

}

.confirmOrderInfoItemLeftInfoTitle,.confirmOrderInfoItemLeftInfoHead{

    color: #000000;

}

.confirmOrderInfoItemLeftInfoHead img{

    margin-right: 5px;

    margin-top: -2px;

}

.confirmOrderInfoItemLeftInfoOrder{

    font-size: 14px;

    color: #999999;

}

.confirmOrderInfoItemRightDiv3{

    color: #ea3653;

}

.confirmOrderInfoItemWrap{

    border: 1px solid #e5e5e5;

    border-top: none;

}

.OrderPrice{

    padding: 20px 0;

    color: #999999;

}

.OrderPrice span{

    display: inline-block;



}

.OrderPrice span:nth-child(1){

    width: 30%;

    text-align: right;

}

.OrderPrice span:nth-child(2){

    width: 70%;

    text-align: right;

}

.confirmOrderInfoItemBottom>div{

    width: 30%;

}

.OrderAllPrice{

    border-bottom: 1px solid #eaf0ee;

}

.OrderPayPrice span:nth-child(2){

    font-size: 24px;

    color: #e93652;

}

.OrderPayBtn{

    padding: 20px 0;

}

.OrderPayBtn a{

    display: inline-block;

    padding: 5px 20px;

    color: #333333;

    background: #ffc300;

}

.PayType{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.PayType>div{

    flex: 0 0 32%;

    border: 1px solid #eaf0ee;

    padding: 45px 0;

    text-align: center;

    cursor: pointer;

    font-size: 18px;

    color: #333333;

}

.PayType>div img{

    margin: 0 20px;

}

.PayType::after{

    content: '';

    display: block;

    width: 32%;

}

.PayType input[type=radio]:checked {

    background: url(../img/radius.png)no-repeat center;

    background-size: 100% 100%;

    border: none;

    outline: none;

}



.PayType input[type='radio'] {

    width: 15px;

    height: 15px;

    background-color: #fff;

    -webkit-appearance: none;

    border: 1px solid #c9c9c9;

    border-radius: 100%;

    outline: none;

}

.PayType .active{

    border: 1px solid #ffdf7a;

    background: #fffcf5;

}

.personal{

    background: #fff;

    position: relative;

    z-index: 2;

}

.personalTop{

    display: flex;

    margin-top: -50px;

}

.personalTop>li{

    flex: 0 0 20%;

    text-align: center;

    color: #fff;

}

.personalTopImg span{

    display: inline-block;

    position: relative;

}

.personalTopImg span .hy{

    position: absolute;

    width: 30px;

    height: 30px;

    right: 7px;

    bottom: 0;

    border-radius: 100%;

    display: inline-block;

    background: #fff;

    

   

}

.personalTopImg span .hy img{

    position: absolute;

    left: 0;

    top:0;

    bottom: 0;

    right: 0;

    margin: auto;

    width: 25px;

}

.personalTopImg img{

    border-radius: 100%;

}

.personalTopImgNum{

    color: #333333;

    font-size: 18px;

    margin-top: 5px;

}

.personalTopName{

    color: #999;

    margin: 5px;

}

.personalTopImgBtn a{

    display: inline-block;

    padding: 5px 20px;

    color: #000;

    background: #ffaf29;

}

.personalTopNav{

    width: 80%;

    margin: 60px auto 20px auto;

}

.personalTopNav>li{

    float: left;

    width: 16.6%;

    text-align: center;

    color: #999;

   

}

.personalTopNav>li a{

    padding: 15px 0;

}

.personalTopNav>.active a{

    color: #000;

    border-bottom: 4px solid #000;

}

.personalInputsWrap{

    background: #fff;

    margin-top: 20px;

}

.personalInputTitle{

    font-size: 18px;

    color: #000000;

    padding: 30px 30px;

}

.personalInfoUl{

    padding:0 30px;

}

.personalInfoUlLeft{

    width: 72px;

    text-align: right;

}

.personalInfoUlRight{

    margin-left: 75px;

}

.personalInfoUlLi{

    padding: 15px 0;

    font-size: 18px;

}

.personalInfoUlPhone{

    color: #333333;

    font-size: 18px;

    margin-right: 20px;

}

.personalInfoUlOnly{

    font-size: 18px;

    color: #999999;

}

.personalInfoUlModify{

    color: #f80707;

    cursor: pointer;

}

.personalInfoUlPhone input{

    display: inline-block;

    width: 60px;



}

.personalInfoUlSex input[type=radio]:checked {

    background: url(../img/radius.png)no-repeat center;

    background-size: 100% 100%;

    border: none;

    outline: none;

}



.personalInfoUlSex input[type='radio'] {

    width: 20px;

    height: 20px;

    background-color: #fff;

    -webkit-appearance: none;

    border: 1px solid #c9c9c9;

    border-radius: 100%;

    outline: none;

    margin: 0px 5px 0px 0px;

    vertical-align: -3px;

}

.personalInfoUlSex{

    margin-right: 15px;

    cursor: pointer;

}

.personalInfoUlRight .active{

    color: #333333;

}

.personalInfoUlRight .personalInput1{

    height: 40px;

    background: #f4f4f4;

    border-radius: 3px;

    border: 1px solid #dddddd;

    padding-left: 15px;

    width: 100%;

    margin-top: -5px;

}

.personalSubmit{

    color: #333333;

    height: 40px;

    padding: 0 25px !important;

    border-radius: 3px;

    border: 1px solid #ffaf29;

    background: #ffaf29;

}

.personalInputsWrap>div{

    padding-bottom: 30px;

    border-bottom: 1px solid #f3f3f3;

}

.personalInfoUlRight .personalInput2{

    height: 40px;

    background: #f4f4f4;

    border-radius: 3px;

    border: 1px solid #dddddd;

    padding-left: 15px;

    width: 80%;

    margin-top: -5px;

}

.personalSubmit2{

    margin-top: -5px;

}

.MyOrderWrap{

    background: #fff;

    padding: 0 30px 30px 30px;

    margin: 20px 0;

}

.confirmOrderInfoItemLeft{

    position: relative;

}

.MyOrderPrice{

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    color: #999999;

}

.MyOrderTop{

    padding: 20px 0;

    border-bottom: 1px solid #f4f4f4;

    margin-bottom: 20px;

}

.MyOrderItemTop span{

    margin-left: 30px;

}

.MyOrderItemRightDiv div{

    margin-bottom: 15px;

}

.MyOrderPrice2 span{

    color: #d81111;

}

.orderStatus{

    color: #999999;

}

.orderStatusRemove{

    color: #000000;

    cursor: pointer;

}

.MyOrderTop b{

    color: #ffe301;

}

.newsList{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.newsList>div{

    flex: 0 0 32%;

    margin-bottom: 2%;

}

.newListNav{

    padding: 30px 0 0 0;

}

.newListNav a{

    color: #999999;

}

.newListNav .active{

    color: #ffaf29;

}

.puiblicBanner{

    position: relative;

    z-index: 1;

}



.loginBannerText{

    position: absolute;

    color: #fff;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    text-align: center;

}

.loginBannerText h2{

    margin-bottom: 10px;

}

.loginWrap{

    padding: 0 160px;

}

.login{

    background: #fff;

    box-shadow: 0 0 15px #ccc;

    margin-top: -70px;

    z-index: 2;

    position: relative;

}

.login>ul{

    width: 50%;

    margin: 0 auto;

    padding: 50px 0 75px 0;

}

.noSignup{

    color: #999;

}

.noSignup span{

    color: #ffc300;

}

.loginInput input{

    width: 100%;

    height: 40px;

    border-radius: 3px;

    border: 1px solid #cccccc;

    padding-left: 20px;

}

.loginUl>li{

    margin-bottom: 20px;

}

.loginBtn input{

    width: 100%;

    height: 40px;

    border-radius: 3px;

    border: 1px solid #ffc300;

    background: #ffc300;

    color: #000;

}

.lookPwd{

    color: #ffc300; 

}

.loginFoot .foot_foot{

    border: none;

    margin-top: 20px;

}

.registerInput input{

    height: 40px;

    border-radius: 3px;

    border-width: 1px;

    border-style: solid;

    border-radius: 3px;

   

}

.registerInput .registerCode{

    width: 62%;

    padding-left: 20px;

    border-color: #ccc;

}

.registerInput .registerCodeBtn{

    width: 35%;

  

   background: #ffc401;

   border-color: #ffc401;

   color: #000;

}

.NewsDetailTop h2{

    color: #000;

    font-size: 30px;

    margin-bottom: 15px;

}

.NewsDetailTop p{

    color: #999999;

}

.NewsDetailTop{

    margin: 20px 0 40px 0;

    text-align: center;

}

.NewsDetailContent{

    color: #999999;

    line-height: 30px;

    text-align: center;

}

.NewsDetailContent p{

    margin-bottom: 40px;

}

.newsDetailPge li{

    width: 50%;

    float: left;

    padding: 50px 30px;

    background: #f5f5f5;

}

.newsDetailPge b{

    display: inline-block;

    background: #e5e5e5;

    width: 2px;

    height: 10px;

    margin: 0 15px;



}

.newsDetailPge .title{

    width: 60%;

    margin-right: 15px;

    display: inline-block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    vertical-align: -6px; 

}

.newsDetailPge .pageImg{

    display: none;

}

.newsDetailPge .pageImg1{

    display: inline-block;

}

.newsDetailPge .pageImg2{

    display:none;

}

.newsDetailPge .active .pageImg{

    display: inline-block;

}

.newsDetailPge .active .pageImg1{

    display:none;

}

.newsDetailPge .active .pageImg2{

    display:inline-block;

}

.newsDetailPge .active{

    background: #ffc401;

    color: #fff;

    padding: 41px 30px;

}

.newsDetailPge .active b{

    background: #fff;

}

.newsDetailPge{

    margin-bottom: 60px;

}

.memberContentSpan{

    width: 50%;

    margin: 0 auto;

}

.memberContentSpan>span{

    display: block;

    float: left;

    width: 25%;

    color: #f9d681;

}

.memberContentSpan img{

    vertical-align: -2px;

    margin-right: 5px;

}

.memberContent h2{

    color: #f9d681;

    text-align: center;

    margin-bottom: 40px;

    letter-spacing: 10px;

    font-size: 30px;

    margin-top: 80px;

}

.memberContent{

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    z-index: 999;

}

.memberList{

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin-top: 60px;

    flex-wrap: wrap;

}

.memberList>li{

    flex: 0 0 30%;

    background: #fff;

    border-radius: 3px;

    flex-wrap: wrap;

}

.memberList>li:nth-child(1) .memberListTop{

    background: url(../img/member_img3.png) no-repeat;

    background-size: 100% 100%;

    /*border-radius:0 0 6px 6px;*/

}

.memberList>li:nth-child(2) .memberListTop{

    background: url(../img/member_img2.png) no-repeat;

    background-size: 100% 100%;

    /*border-radius:0 0 6px 6px;*/

}

.memberList>li:nth-child(3) .memberListTop{

    background: url(../img/member_img1.png) no-repeat;

    background-size: 100% 100%;

    /*border-radius:0 0 6px 6px;*/

}

.memberList>li:nth-child(1){

    color: #8d949e;

   

}

.memberList>li:nth-child(2){

    color: #835624;

   

}

.memberList>li:nth-child(3){

    color: #d5b3a5;

   

}

.memberListTop{

    text-align: center;

    padding: 30px 0;

}

.memberListTop>div{

    padding: 20px 0;

}

.memberList>li:nth-child(1) .memberListTopTitle{

    color: #8d949e;

}

.memberList>li:nth-child(1) .memberListTopPrice b{

    color: #8d949e;

    font-size: 20px;

}

.memberList>li:nth-child(2) .memberListTopPrice b{

    color: #835624;

    font-size: 20px;

}

.memberList>li:nth-child(3) .memberListTopPrice b{

    color: #d5b3a5;

    font-size: 20px;

}

.memberListBottom{

    padding:20px 30px;

}

.memberListBottomTitle{

    padding-bottom: 20px;

}

.memberListBottomList p{

    margin-bottom: 5px;

    color: #333333;

}

.memberListBottomBtn{

    text-align: center;

    margin-top: 65px;

   

}

.memberListBottom{

    box-shadow: 0 0 15px #ccc;

}

.memberListBottomBtn a{

    display: inline-block;

    padding: 10px 105px;

    border-radius: 3px;

    background: #ffe301;

    color: #333333;

}

.memberBg{

    background: #fff;

}

.privilegeNav{

    display: flex;

    flex-wrap: wrap;

    margin: 60px 0;

}

.privilegeNav>li{

    flex: 0 0 33.33%;

    text-align: center;

}

.privilegeNav>li a{

    display: inline-block;

    padding: 5px 15px;

    color: #000;

}

.privilegeNav>.active a{

    background: #ffc401;

}

.privilegeMore span:nth-child(1){

    color: #000;

}

.privilegeMore span:nth-child(2){

    color: #999;

}

.privilegeMore{

    padding-bottom: 5px;

}

.detaliImg img{

    width: 100%;

}

.detaliImg{

    margin-top: 30px;

}

.question{

    padding: 40px;

}

.questionTop{

    padding-bottom: 30px;

    font-size: 18px;

    color: #313131;

    font-weight: 700;

    border-bottom: 1px solid #e5e5e5;

}

.question{

    background: #fff;

    margin: 30px 0 60px;

}

.questionList>li{

    padding: 20px 20px 20px 90px;

    color: #313131;

    border-bottom: 1px solid #e5e5e5;

    position: relative;

    cursor: pointer;

}

.question_img,.question_right{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.question_img{

    left: -50px;

}

.question_right{

    right: 20px;

}

.question_right1,.question_img1{

    display: block;

}

.question_right2,.question_img2{

    display: none;

}

.questioncontent{

    color: #999999;

    line-height: 30px;

    padding: 20px 0;

    display: none;

}

.questionList>.active .question_right2,.questionList>.active .questioncontent,.questionList>.active .question_img2{

    display: block;

}

.questionList>.active{

    color: #febe53;

    background: #fcfcfc;

}

.questionList>.active .question_right1,.questionList>.active .question_img1{

    display: none;

}

.banner .swiper-slide img{

    width: 100%;

}

.LatestCourseImg span img{

    width: 100%;
    border-radius: 8px 8px 0 0;
}



.PublicNav .navbar-nav .active a{

    color: #000;

    background-color: none;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{

    background-color: #fff;

}

.bj_kc{

    margin-top: 5px;

}

.setupTitle{

    font-size: 18px;

    font-weight: 700;

    color: #000;

    padding: 25px;

}

.safetylevel b{

    display: inline-block;

    width: 35px;

    height: 7px;

    border-radius: 15px;

    background: #eeeeee;

    vertical-align: middle;

    margin-left: 5px;

}

.safetylevel{

    color: #000;

    padding: 15px;

}

.safetylevel img{

    margin: 0 15px;

}

.safetylevel .active{

    background: #ffa51f;

}

.safetylevel span{

    color: #ffa51f;

    display: inline-block;

    margin-left: 5px;

}

.setupwrap{

    background: #fff;

    margin: 20px 0 60px 0;

}

.safetyListLeft span{

    color: #000;

    display: inline-block;

    margin: 0 15px;

}

.safetyList li{

    padding:15px 40px 15px 40px;

}

.safetyListRight input{

    display: inline-block;

    padding: 2px 25px;

    border-radius: 3px;

    border: 1px solid #ffe301;

    background: #ffe301;

    color: #000;

    margin-left: 15px;

}

.safetyListRight input[disabled]{

    padding: 2px 17px;

    background: #ccc;

    border: 1px solid #ccc;

}

.jsrighttitle{

    font-size: 24px;

    color: #000000;

}

.js_li li{

    padding: 5px 0;

}

.js_li{

    padding-bottom: 15px;

}

.js_li .jsrighttitle{

    padding:0 0 20px 0;

}

.jswrap{

    padding: 60px 0;

}

.jsinfo{

    text-align: center;

    padding: 20px 0;

}

.jsinfo div{

    font-size: 24px;

    color: #666666;

}

.collect img{

    display: none;

}

.collect{

    cursor: pointer;

}

.collect .show{

    display: inline-block !important;

}



.share{

    position: relative;

}

#share{

    display: none;

    position: absolute;

    left: -260px;

    top: 0px;

    width: 260px;

    background: #fff;

}

.CatalogList{

    position: relative;

}

.shangla{

    position: absolute;

    right: 20px;

    top: 20px;



}

.tc_right{

    padding-left: 20px;

}

.tc_right h2{

    font-size: 20px;

    margin-bottom: 20px;

}

.Cataloga2{

    display: none;

}

.nav li{

    position: relative;

}

.navlist{

    position: absolute;

    width: 100%;

    top:49px;

    background: #fff;

    color: #000;

    left: 0;

    display: none;

}

.navlist p{

    padding: 15px 0;

    text-align: center;

}

.setupinputwraptop{

    padding: 20px 0;

    text-align: center;

    background: #ffe301;

    color: #000;

}

.setupinputwraptoptitle{

    color: #000;

    text-align: center;

    margin: 30px 0;

}

.setupinputwraptopul li{

    width: 60%;

}

.setupinputwraptopinput input{

    width: 100%;

    height: 40px;

    border-radius: 3px;

    border: 1px solid #cccccc;

    padding-left: 20px;

    

}

.setupinputwraptopbtn{

    display: flex;

    justify-content: space-between;

}

.setupinputwraptopbtn input{

    height: 40px;

    width: 48%;

    color: #000;

}

.setupinputwraptopbtn input:nth-child(1){

    background: #ffe301;

    border: 1px solid #ffe301;

}

.setupinputwraptopbtn input:nth-child(2){

    background: none;

    border: 1px solid #dddddd;

    border-radius: 3px;

}

.setupinputwrap{

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    left: 0;

    top: 0;

    z-index: 99999;

    display: none;

}

/* .setupinputwrap .container{

    position: relative;

} */

.setupinputwrap .container ul{

    width: 50%;

    height: 50%;    

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    background: #fff;

}

.setupinputwrap .container ul li:nth-child(1){

    width: 100%;

}

.setupinputwrap .container ul li{

    width: 50%;

    margin: 0 auto;

    margin-bottom: 20px;

}

.all_classify{

    width: 180px;

    height: 50px;

    line-height: 50px;

    color: #fff;

    background: #a57a68;

    position: relative;

    padding-left: 32px;

    cursor: pointer;



}

.all_classify a{

    color: #fff;

}

.all_classify_list{

    position: absolute;

    top: 50px;

    background: rgba(255,255,255,0.8);
    
    width: 15%;

    left: 0;

    z-index: 99;

    padding-bottom: 30px;

    display: none;

}

.all_classify_list li{

    height: 60px;

    line-height: 60px;

    padding-left: 32px;

    cursor: pointer;

    color: #000;

    position: relative;



}

.all_classify_list .active{

    color: #a57a68;

    background: #fff;

}

.all_classify_list li img{

    width: 8px;

    position: absolute;

    right: 15px;

    top: 50%;

    transform: translateY(-50%);

}

.all_classify img{

    position: absolute;

    right: 15px;

    top: 50%;

    transform: translateY(-50%);



}

.classify_wrap{

    position: absolute;

    left: 15%;

    top: 50px;

    background:rgba(255,255,255,0.8);

    z-index: 99;

    padding-bottom: 145px;

    width: 70%;

    display: none;

    overflow: hidden;

    overflow-y: auto;

}

.classify_title{

    color: #1b1b1b;

    font-weight: 700;

    padding: 20px 0 20px 30px;

    width: 125px;

}

.classify_list>div{

    float: left;

    padding: 20px;

}

.classify_list{

    max-width:80%;

    border-bottom: 1px solid #eeeeee;

}

.classify_list>div a{

    color: #000;

}

.classify_list>div a:hover{

    color: #a57a68;

}

.classify_wrap_list{

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top:0;

    display: none;

}

.wechat {

    text-align: center;

    padding: 50px 0;

}

.wechat_top {

    display: inline-block;

    text-align: left;

    font-size: 14px;

    color: #959595;

    margin-bottom: 15px;

}

.wechat_top_img {

    line-height: 60px;

    margin-right: 10px;

}

.wechat_top b {

    font-size: 26px;

    color: #313131;

}

.pay_successly {

    margin: 12px 0;

}

.videoplay{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 20px 0;

}

.videoplay>.videoplayleft{

    flex: 0 0 70%;

    background: #fff;

    padding: 20px;

}

.videoplay>.videoplayright{

    flex: 0 0 29%;

    background: #fff;

    padding:20px;

}

.videoplayright ul>li{

    margin-bottom: 15px;

    position: relative;

}

.videoplayright ul>li a.active,

.videoplayright ul>li a.active .videoplayrighttitle{

    color: #ffc401;

}

.videoplaylefttitle{

    font-size: 22px;

    font-weight: 700;

    color: #000;

    padding-bottom: 15px;

}

.videoplayrighttitle{

    color: #000;

}

.videoplayrightks{

    color: #999;

    font-size: 14px;

   

}

.videoplayrightbtn{

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);



}

.videoplayrightbtn img{

    display: none;

    width: 25px;

}

.videoplayrightbtn .btnshow{

    display: block;

}
.LatestCourseListTitleDiv{
    display:inline-block;
    max-width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: -7px;
}
.CourseDetailBannerHead{
    width:100%;
    text-align:center;
}
.CourseDetailBannerWrap{
    width: 100%;
    text-align:center;
}
.CourseDetailBannerText{
    text-align: center;
}
.CourseDetailBannerHead img{
    width:80px;
}
@media all and (max-width: 768px){
.memberContentSpan img{
    width:14px;
}
    .CourseDetailBannerHead img{
    width:40px;
}

    .LatestCourseListPrice{
        padding:5px 0 0 0;
    }
    .CourseDetailBannerInfoDiv,.CourseDetailBannerHead,.CourseDetailBannerWrap{
        width:100%;
        text-align: center;
    }
    .pageImg{
        display:none !important;
    }
    .newsDetailPge .active{
        padding: 0;
    }
    .LatestCourseListTitleDiv{
        /*display:block;*/
        overflow:hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        max-width: 100%;
        vertical-align:0;
        width:100%;
        white-space: normal;
    }
    .ClassPackageText{
        height: 41px;
        margin:5px 0 0 0;
    }
   /* .LatestCourseListTitle span{
        margin:0 50% 6px 0;
    }*/
    .LatestCourseListTitle{

        font-size: 18px;
    
        font-weight: 700;
        color: #000000;
        overflow: hidden;
        text-overflow: none;
        display:block;
        -webkit-line-clamp: none;
        -webkit-box-orient: vertical;
        height:auto;
    }
    .videoplay>.videoplayleft{

        flex: 0 0 100%;

        background: #fff;

        padding: 20px;

    }

    .videoplay>.videoplayright{

        flex: 0 0 100%;

        background: #fff;

        padding:0 20px;

    }

    .BannerIcon{

        position: static;

        transform: none;

    }

    .BannerIcon>li,.ClassPackageItem>li,.MenberDetailItem>li,.LatestCourseItem>li,.memberList>li,.newsList>div,.personalTop>li{

        flex: 0 0 100%;

    }

    .PublicTitleLine span{

        width: 10%;

    }

    .footer_center_left div{

        width: 100%;

    }

    footer{

        text-align: center;

    }
    .memberContent h2{
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 18px;
    }
    /* .memberContent{

        position: static;

    } */

    .memberContentSpan{

        width: 100%;

    }

    .memberContentSpan>span{

        width: 50%;

        text-align: center;

        margin-bottom: 8px;
        font-size: 14px

    }

    .PublicNav .navbar-nav{

        margin: 0;

    }

    .question{

        padding: 15px;

    }

    .questionList>li{

        padding: 20px;

    }

    .question_img{

        left: -20px;

    }

    .question_right{

        right: -20px;

    }

    .loginWrap{

        padding: 0;

    }

    .login{

        margin-top: 0;

    }

    .login>ul{

        width: 80%;

    }

    .loginBannerText h2{

        font-size: 18px;

    }

    .personalTopLi{

        display: none;

    }

    .MyOrderWrap{

        padding: 0 15px;

    }

    .personalInfoUlRight{

        margin-left: 10px;

    }

    .personalSubmit2{

        margin-top: 15px;

    }

    .personalInfoUlRight .personalInput2{

        width: 100%;

    }

    .personalInfoUlPhone,.personalInfoUlLi{

        font-size: 16px;

    }

    .personalInfoUl{

        padding: 0 15px;

    }

    .personalTopNav{

        width: 100%;

    }

    .personalTopNav>li{

        width: 33%;

    }

    .PublicMore>a{

        padding: 9px 60px;

    }

    .PublicMore{

        margin-top: 15px;

    }

    .MenberDetailItem>li{

        margin-bottom: 65px;

    }

    .memberListBottomBtn a{

        padding: 10px 60px;

    }

    .BannerIcon>li{

        padding: 15px 0px 15px 0;;

    }

    .memberList>li{

        margin-bottom: 15px;

    }

    /* .memberBg{

        display: none;

    } */
    .memberList{
        margin-top: 30px;
    }
    .CourseDetailWrapTopRight,.CourseDetailWrapBtns{
        width: 100%;
    }
    .CourseDetailWrapTopRight{
        padding-top: 10px;
    }
    .CourseDetailWrapTopRight a{
        margin: 0 15px 0 0;
    }
    .CourseDetailWrapCenter{
        margin:  0;
    }
    .StudyOrderNavList{

        width: 100%;

       /* display: flex;

        flex-wrap: wrap;*/
        white-space: nowrap;
    overflow-x: auto;
    }
    .StudyOrderNavList::-webkit-scrollbar {

display:none

}
.MenberDetailItem::-webkit-scrollbar {

display:none

}
    .CourseDetailWrapPrice{
        font-size: 24px;
        padding: 10px 0;
    }
    .StudyOrderNavList a{

      /*  flex: 0 0 50%;*/
        display:inline-block;

        text-align: center;

        padding: 5px 10px;

        margin: 5px 0;

    } 
    .StudyOrderNavTitle{
        margin:0;
        padding:5px 0;
    }

    .swiper-container4,.swiper-container5{

        position: relative;

        overflow: hidden;

        margin: 20px 0;

    }

    .newsDetailPge li{

        width: 100%;

    }

    .newsDetailPge li{

        padding: 15px 15px;

    }

    .confirmOrderInfo{

        padding: 15px;

    }

    .confirmOrderInfoItemWrap .confirmOrderInfoItemLeft,.confirmOrderInfoItemLeft, .confirmOrderInfoItemRight,.confirmOrderInfoItemBottom>div{

        width: 100%;

    }

    .OrderPrice span:nth-child(1){

        width: 40%;

    }

    .OrderPrice span:nth-child(2){

        width: 60%;

    }

    .PayType>div{

        flex: 0 0 100%;

        margin-bottom: 15px;

    }

    .confirmOrderInfoItemTop{

        display: none;

    }

    .confirmOrderInfoItemRight>div{

       

       

        padding-top: 15px !important;

        padding-bottom: 15px !important;

    }

    .confirmOrderInfoItemWrap .confirmOrderInfoItemLeft{

        padding: 15px 15px;

    }

    .navbar-header{

        position: relative;

    }

    .index_nav .navbar-default{

        background: #fff;

    }

    .mobileLogo {

        position: absolute;

        left: 15px;

        top:50%;

        transform: translateY(-50%);

        

    }

    .index_nav .mobileLogo > img{

        width: 120px;

    }

    .PublicNav .navbar-brand{

        position: absolute;

        left: 15px;

        top:50%;

        transform: translateY(-50%);

        height: auto;

    }

    .PublicNav .navbar-brand > img{

        width: 120px;

        

    }

    .PublicNav .navbar-default{

        padding: 0 0;

    }

    .personalTop{

        margin-top: 0 !important;

    }

    .question_img1,.question_img1{

        display: none !important;

    }

    .CourseDetailWrap{

        position: static;

        transform: none;

    }

   .CourseDetailBanner .CourseDetailBannerText{

        /* position: static; */

        /* color: #000; */
        top:0 !important;

        transform: translate(-50%,-0%);

        padding: 15px 0;
        
    }

    .CourseDetailBannerTitle{

        font-size: 18px;

        padding: 0 15px;

        text-align: center;

        margin-bottom: 0;
    }

    .p96{

        padding: 0;

    }
    .CatalogRight{
        padding: 5px 0;
    }
    /* .CatalogListLeft{

        width: 100%;



    } */

    .CatalogRightInt{

        padding: 0 10px;

    }

    .CatalogList{

        padding: 15px;

    }

    .CatalogRight .CatalogRightImg{

        display: none;

    }

    .CourseDetailInfo{

        margin-top: 20px !important;

    }

    .footer_center_left p:nth-child(2){

        border: none;

    }

    .safetyListRight{

        width: 100%;

        margin-top: 15px;

    }

    .setupinputwrap .container ul{

        width: 90%;

        height: 60%;

    }

    .setupinputwrap .container ul li{

        width: 80%;

    }

    .ClassPackageItem>li,.MenberDetailItem>li,.LatestCourseItem>li{

        flex: 0 0 48.5%;

    }

    .ClassPackageMore span{

        padding: 3px 30px;

    }

    .MenberDetailImg{

        width: 70px;

        height: 70px;

    }

    .MenberDetailImg img{

        width: 40px;

    }

    .MenberDetailItem>li:nth-child(1) .MenberDetailImg,.MenberDetailItem>li:nth-child(2) .MenberDetailImg,.MenberDetailItem>li:nth-child(3) .MenberDetailImg{

        top: -35px;

    }

    .MenberDetailInfo{

        margin-top: 50px;

        /* font-size: 14px; */

    }

    /* .MenberDetailItem>li{

        padding: 0 5px 5px 5px;

    } */

    /* .mobile_left{

        float: right;

    } */

    .MenberDetailItem>li{

        flex:0 0 32.5%;

        font-size: 12px;

        padding: 0 5px 15px 5px;

    }

    .footer_center_left div{

        float: left;

        width: 50%;

        margin-left: 0;

    }

    .footer_center_left p:nth-child(2){

        padding-top: 5px;

    }

    .footer_center_left {

        margin-top: 15px;

    }

    .MenberDetailContent{

        padding: 10px 0 0 0;

    }

    .MenberDetailInfo{

        padding: 0 0 15px 0;

    }

    /* .MenberDetailItem>li:nth-child(1){

        border: 1px solid #b0bfde;

    }

    .MenberDetailItem>li:nth-child(2){

        border: 1px solid #926a39;

    }

    .MenberDetailItem>li:nth-child(3){

        border: 1px solid #f3ceb4;

    } */
    .CourseDetailWrapPrice{
        width: 100%;
    }
    .CourseDetailWrapPrice .CourseDetailWrapTopRight{
        width: 50%;
        padding-top: 0;
        text-align: right;
    }
    .CourseDetailWrapBtns{
        display: flex;
        justify-content: space-between;
    }
    .CourseDetailWrapBtns a{
        flex: 0 0 48%;
    }
    .tc_left{
        width: 50%;
    }
    .tc_right{
        width: 50%;
        padding: 25px 20px;
    }
    .CatalogListLeft{
        width: 70%;
    }
    /* .CatalogListLeft .CatalogRightName{
        max-width: 140px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: -10.8px;
    } */
    .CatalogListLeft::after{
        content: '';
        display: block;
        clear: both;
    }
    .CatalogListLeft span{
        float: left;
    }
    .CatalogListLeft .CatalogRightName{
        max-width: 55%;
    }
    
}
.Catalog>li{
    border-bottom: 1px solid #eeeeee;
}
@media all and (min-width: 1300px){

    .container{

        width: 1200px;

    }

}

/*20200317 cyril*/

.LatestCourseListHead img{

    border-radius: 50%;

}
.NewsDetailContent p,.NewsDetailContent p span{
    white-space:pre-wrap !important;
}


@media all and (min-width: 769px) and (max-width: 991px){
    .HeaderSearchInputLeft{
        width:66%;
    }
    .HeaderConcat>div>div a{
        font-size: 14px;
    }
    .HeaderConcat div div img{
        left: -24px;
    }
}