.hide{
   display: none;
}
/* 子元素-平均分栏 */
.flex1 {
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    width: 20%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 父元素-横向排列（主轴） */
.flex-h {
    display: box;              /* OLD - Android 4.4- */

    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */


    /* 09版 */
    -webkit-box-orient: horizontal;
    /* 12版 */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}
/* 父元素-横向换行 */
.flex-hw {
    /* 09版 */
    /*-webkit-box-lines: multiple;*/
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* 父元素-水平居中（主轴是横向才生效） */
.flex-hc {
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 其它取值如下：
        align-items     主轴原点方向对齐
        flex-end        主轴延伸方向对齐
        space-between   等间距排列，首尾不留白
        space-around    等间距排列，首尾留白
     */
}
/* 父元素-纵向排列（主轴） */
.flex-v {
    display: box;              /* OLD - Android 4.4- */

    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */


    /* 09版 */
    -webkit-box-orient: vertical;
    /* 12版 */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
/* 父元素-纵向换行 */
.flex-vw {
    /* 09版 */
    /*-webkit-box-lines: multiple;*/
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* 父元素-竖直居中（主轴是横向才生效） */
.flex-vc {
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
/* 子元素-显示在从左向右（从上向下）第1个位置，用于改变源文档顺序显示 */
.flex-1 {
    -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
    -ms-flex-order: 1;              /* TWEENER - IE 10 */
    -webkit-order: 1;               /* NEW - Chrome */
    order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 子元素-显示在从左向右（从上向下）第2个位置，用于改变源文档顺序显示 */
.flex-2 {
    -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
    -ms-flex-order: 2;              /* TWEENER - IE 10 */
    -webkit-order: 2;               /* NEW - Chrome */
    order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.clear{ clear:both} 

img{
    -webkit-user-drag: none;
}
 
.bottom_line{
	height: 1rem;
    background: #fafafa;
    margin-left: -30px;
    margin-right: -30px;
}
.course_living_box{
    position: relative;
}

.course_living_box .item-status {
    position: absolute;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    bottom: 0;
    right: 0;
    overflow: hidden;

}

.course_living_box .item-status-living {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    padding: 0 8px;
    background: #000;
    background: rgba(0,0,0,.3);
    color: #fff;
    border-radius: 3px 0 0 0;
}
.course_living_box .item-status-living i{
    vertical-align: middle;
}
.course_living_box .item-status-icon--live {
    background-image: url(../img/liveing-status-icon.gif);
}
.course_living_box .item-status-icon {
    display: inline-block;
    vertical-align: sub;
    width: 16px;
    height: 16px;
    background-size: cover;
    margin-right: 4px;
}
.course-list .course-item .tags .tag-finished{width: 85px !important;}
.course-manage-self-exit{display:none}
.course-list .course-item .course-img .img-responsive{padding:0 !important}
@media (min-width: 992px){
    .modal-dialog.modal-lg {
        width: 940px !important;
    }
}
.iframe-parent-content .row{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/*course-img*/
.vcp-poster img{opacity: 1;}
.vcp-panel-bg{background-color: #2424246 !important}

.swiper-button-next, .swiper-button-prev{z-index:0 !important}

.article-metas .metas-body{padding-left:0 !important}
.cke_editable{font-size:18px}
.es-tabs{border:0 !important}

.course-buy-btn a{
    background: #ffffff;
    border-color: #ffffff;
}
#initModal .modal-header{
    border-bottom:0 !important;
}
#initModal .xieyi_box{
    border: 1px solid #d8d8d8;
    padding: 30px;
    border-radius: 5px;
    font-size: 16px;
}
#initModal .modal-title{
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}
#initModal .xieyi_box a{
    color:#34d4a1;
    cursor: pointer;
}
#initModal .xieyi_box p{
    line-height: 30px;
}
#initModal .yes_btn{
    display: block;
    margin-top: 20px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.thago-chat-float-btn {
    position: fixed;
    border: none;
    width: 70px;
    height: 75px;
    bottom: 20px;
    right: 30px;
    outline: 0px;
    background: none;
    text-align: left;
    z-index: 999;
    font-weight: bold;
    border-radius: 50%;
    letter-spacing: 1px;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
    background-size: contain;
    font-size: 14px;
    overflow: visible;
}
.thago-chat-float-btn-bg {
    background-image: url('../img/chat/kf_icon.png');
}
.thago-chat-float-btn .thago-chat-float-btn-content {
    position: relative;
    float: right;
    margin-right: 68px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 5px;
    white-space: nowrap;
    background-color: #20b573;
    font-size: 12px;
    opacity: 0;
    animation: chatgo 20s infinite linear;
    -moz-animation: chatgo 20s infinite linear;
    -webkit-animation: chatgo 20s infinite linear;
    -o-animation: chatgo 20s infinite linear;
}
.thago-chat-float-btn .thago-chat-float-btn-content::before {
    content: '';
    position: absolute;
    right: -18px;
    top: 15px;
    border-left: 9px solid #20b573;
    border-top: 5px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 5px solid transparent;
}

@keyframes chatgo
{
    25% {opacity: 0;}
    50% {opacity: 1;}
    75% {opacity: 0;}
    100% {opacity: 1;}
}

@-moz-keyframes  chatgo
{
    25% {opacity: 0;}
    50% {opacity: 1;}
    75% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes chatgo
{
    25% {opacity: 0;}
    50% {opacity: 1;}
    75% {opacity: 0;}
    100% {opacity: 1;}
}

@-o-keyframes chatgo
{
    25% {opacity: 0;}
    50% {opacity: 1;}
    75% {opacity: 0;}
    100% {opacity: 1;}
}


#zc__sdk__container{
    bottom: 50px !important;
}

.media-desc-p{
    line-height: 26px;
}
.practical_icon_box{
    float: right;
    font-size: 12px;
}
.practical_icon{
    content: url(../img/nowplay_icon/practical_icon.png);
    width: 13px;
    vertical-align: middle;
    margin-right: 6px;
}


 
/* mobile-courselist */
.m-course-list{
    overflow: hidden;
}
.m-course-list .m-course-item{
    margin-bottom: 3rem;
}
.m-course-list .m-course-item .m-course_link{
    display: block;
    position: relative;
    box-sizing: content-box;
    color: #000;
}
.m-course_link .m-cover-out-wrap{
    display: inline-block;
    width: 40%;
    vertical-align: top;
}
.m-course_link .m-cover-warp{
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    padding-top: 56%;
    width: 100%;
}
.m-course_link .m-cover-warp img{
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
}

.m-course_link .m-course-info{
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    box-sizing: border-box;
    padding: 2px 10px;
    width: 58%;
    -webkit-transform: translate3d(0,-50%,0);
}
.m-course-info .title{
    height: 28px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
}
.m-course-info  .metas {
    position: relative;
    padding: 10px 10px 10px 0;
    font-size: 12px;
    color: #c1c1c1;
}
.course-list .org_name {
    font-size: 12px;
}
.m-course-info .org_name.my_org {
    background-color: #f48518;
    color: white !important;
    padding: 4px;
    border-radius: 6px;
}
.m-course-info .true_color{
    color: #616161 !important;
}
.blue_color{
	color: #34d4a1 !important;
}
.m-course-info .num .es-icon{
    vertical-align: middle;
    margin-right: 4px;
}
.m-course-info .practical_icon_box{
    float: left;
}
.m-course-info .course-price-widget{
    float: right;
}

.sidenav1{
    overflow-x: auto;
}
.list-group1{
    overflow: hidden;    
    width: 620px;
}
.list-group1 .list-group-item1{
    float: left;
    margin: 0 20px;
}
.list-group1 .list-group-item1 a{
    display: block;
    padding-bottom: 16px;
    position: relative;
    font-weight: 500;
    font-size: 14px;
}
.list-group1 .list-group-item1.active>a:before {
    display: block;
    content: "";
    background: #43bc60;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    animation-name: tabs-line;
    animation-duration: .25s;
}


.user-center-header .blurr-bg{
    background: #34d4a1 !important;
    filter: none !important;
    width: 100% !important;
}
.user-center-header .blurr-bg .follow-btn{
    border-color: #f48518;
    background-color: #f48518;
}
.user-center-header .follow-btn:focus,
.user-center-header .follow-btn:hover {
    color:#f48518;
}

.login-section{
    position: relative;
}
.login-section .rightpng {
    position: absolute;
    top: 0;
    right: 0;
}
.login-section .rightpng .toqrcode {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url(../img/toqrcodeh.png) no-repeat;
}
.login-section .rightpng  .toaccount {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url(../img/toaccount.png) no-repeat;
}

.js-login-main .qrcode_login_box{
    display: none;
    width: 100%;
    overflow: hidden;
    height: auto;
}
.js-login-main .qrcode_login_box .qrcode_box {
    width: 150px;
    height: 150px;
    border: 1px solid #e2e2e2;
    margin: 0 auto;
    position: relative;
    display: block;
    cursor:pointer;
}
.js-login-main .qrcode_login_box .qrcode_box img{
    width: 100%;
}
.js-login-main .qrcode_login_box .scanbg {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 31px;
}
.js-login-main .qrcode_login_box .scanbg i {
    display: inline-block;
    width: 42px;
    height: 40px;
    background: url(../img/loginscan.png) 50% no-repeat;
    margin-right: 15px;
    vertical-align: -3px;
}
.js-login-main .qrcode_login_box .scanbg .scantext {
    font-size: 16px;
    text-align: left;
    display: inline-block;
}
.js-login-main .qrcode_login_box .scanbg .scantext .scana {
    color: #34d4a1;
}

.panel-create-course .course-select.disabled{
    display: none;
}
.testpaper-card{
    margin-top: 45px;
    margin-right: 20px;
}

  
.nowplay-order-box{
    padding-left: 150px;
}
.nowplay-order-box .center-card-pirce-box{
    margin-bottom: 8px;
}
.nowplay-order-box .center-card-pirce-box .item{
    color: #999;
    font-size: 12px;
    text-align: left;
    float: left;
    width: 69px;
    margin: 0 0 0 8px;
}
.nowplay-order-box .center-card-pirce-box .old-price{
    text-decoration: line-through;
    line-height: 1;
    font-size: 12px;
}
.nowplay-order-box .center-card-pirce-box .now-price{
    line-height: 1;
    font-size: 12px;
    color: #ed3e3e;
}
.color-red{
    color: #ed3e3e;
}

/*practicaling-box*/
.practicaling-icon-box{
    display: none;
    position: fixed;
    border: none;
    width: 40px;
    height: 40px;
    bottom: 100px;
    right: 30px;
    outline: 0px;
    background: none;
    text-align: left;
    z-index: 999;
    font-weight: bold;
    letter-spacing: 1px;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    overflow: visible;
}
.practicaling-icon-box.nowplay-close{
    display: block;
}
.practicaling-icon-box .practical-text-content{
    position: relative;
    float: right;
    margin-right: 51px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 5px;
    white-space: nowrap;
    background-color: #34d4a1;
    font-size: 12px;
    color: white;
    display: inline-block;
}
.practicaling-icon-box .practical-text-content::before{
    content: '';
    position: absolute;
    right: -18px;
    top: 15px;
    border-left: 9px solid #34d4a1;
    border-top: 5px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 5px solid transparent;
}
.practicaling-icon-box .practicaling-con{
    background-color: #34d4a1;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 8px;
}
.practicaling-icon-box .practicaling-con .iconfont{
    color: white;    
}
/*e-practical-box*/
.course-list .course-item .metas{
	font-size: 12px;
}
.course-list .course-item .tags{
    top: 0px !important;
    left: 0px !important;
}
.course-list .course-item .tags .tag-serialing{
    width: 80px !important;
    height: 53px !important;
}
.course-list .course-item .price-metas{
	position: relative;
	height: 40px;
	padding: 10px;
}
.course-list .course-price-widget{
	float: left !important;
}
.course-list .org_name,.course-list .true_color{
	color: #616161 !important;
}
.course-list .org_name,.course-list .blue_color{
	color: #34d4a1;
	margin-left: 1rem;
}
.course-list .org_name{
	cursor: pointer;
	font-size: 12px;
}
.course-list .org_name.my_org{
	background-color: #f48518;
    color: white !important;
    padding: 4px;
    border-radius: 6px;
}
.course-list .link-dark:hover{
	color:#34d4a1 !important;
}
.course-list .course_section{
	margin-left: 1rem;
}
.course-price-widget .price_huang{
	color: #f58d27;
    font-size: 14px;
    margin-right: 0;
}

/*ketang-img-icon*/
.ketang-img-icon{
    display: inline-block;
    background-image: url(../image/ketang_img_icon.png);
    background-size: 782px 721px;
}
.i-hot-icon{
    width: 28px;
    height: 26px;
    background-position: -12px -20px;
}
.i-hbook-icon {
    width: 19px;
    height: 18px;
    background-position: -30px -86px;
    background-size: 600px 631px;
}
.i-price-free-icon{
    width: 68px;
    height: 28px;
    background-position: -440px -17px;
}
.i-price-member-icon{
    width: 84px;
    height: 25px;
    background-position: -542px -17px;
}
.i-tehui-icon{
    width: 45px;
    height: 25px;
    background-position: -361px -17px;
}
.i-fire-icon{
    width: 34px;
    height: 44px;
    background-position: -118px -6px;
}
.i-zero-fire-zi-icon{
    width: 164px;
    height: 29px;
    background-position: -169px -15px;
}
.i-radio-true-icon{
    width: 30px;
    height: 30px;
    background-position:-460px -60px;
}
.i-x-icon {
    width: 18px;
    height: 18px;
    background-position: -529px -156px;
    background-size: 1171px 1081px;
}
.i-alipay-icon{
    width: 40px;
    height: 40px;
    background-position: -350px -58px;
}

.i-wxpay-icon{
    width: 40px;
    height: 40px;
    background-position: -405px -58px;
}
.i-pay-select{
    width: 30px;
    height: 30px;
    background-position: -465px -64px;
}

/*e-ketang-img-icon*/

/*zdy-course-item*/
.zdy-course-item{
    border-radius: 10px !important;
}
.zdy-course-item .i-tehui-icon{
    position: absolute;
    left: 0;
    top: 9px;
}
.zdy-course-item  .course-img{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.zdy-course-item .course-info{
    padding-bottom: 20px;
    padding-top: 10px;
}
.zdy-course-item .course-info .coursename-tit{
    color:#000;
    font-size: 15px;
    font-weight: 700;
}
.zdy-course-item .course-info .title-subtitle{
    padding: 0 10px;
    color: #424242;
    min-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zdy-course-item .course-info .total-num{
    padding: 0 10px;
    color:#9E9E9E;
    font-size: 12px;
}
.zdy-course-item .course-info .total-num .codeketang{
    font-size: 12px;
    vertical-align: middle;
}
.zdy-course-item .course-info .total-num .ke-price{
    float: right;
}


.zdy-course-item .course-info .total-num .ke-price .pirce-num{
    color:#FE4A49;
    font-size: 18px;
}
.zdy-course-item .course-info .total-num .ke-price .oldprice-num{
    text-decoration: line-through;
    margin-left: 1rem;
    font-size: 14px;
}
/*e-zdy-course-item*/
.mainbodybgc {
    background: #F8F8F8;
}
/*submitsuc*/
#submitsuc {
    width: 400px;
    height: 340px;
    background: #FFFFFF;
    border-radius: 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -200px;
    text-align: center;
    z-index: 9999;
}
#submitsuc .top {
    position: relative;
}
#submitsuc .top img {
    width: 175px;
    heigth: 180px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -29px;
    margin-left: -87px;
}
#submitsuc .top i {
    position: absolute;
    top: 28px;
    right: 28px;
}
#submitsuc .desc {
    text-align: center;
    margin-top: 180px;
}
#submitsuc .desc .top{
    color: #000000;
    font-size: 18px;
    margin-bottom: 0;
}
#submitsuc .desc .bottom{
    color: #9F9E9E;
    font-size: 16px;
    line-height: 24px;
    margin-top: 5px;
}
#submitsuc .iknow {
    background-color: #00C7A3;
    width: 120px;
    height: 42px;
    border-radius: 31px;
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 10px;
    border-width: 0;
    cursor: pointer;
}
#submitsuc .iknow:hover {
    opacity: 0.8;
}
/*e-submitsuc*/
a:focus {
	outline: none;
	outline-offset: 0;
}
.cd-link-primary, .cd-link-primary:focus, .cd-link-primary:hover{
    color: #1acba9;
}
.cd-dropdown .dropdown-menu>li>a:hover{
    color: #1acba9;
    background: none;
}
.cd-btn.cd-btn-primary{
    background: #1acba9;
    border-color: #1acba9;   
}
.top-banner img{
    border-radius: 10px;
}
.cd-btn.cd-btn-link-primary{
    color: #1acba9;
}

.pagination a{
    border-radius: 50% !important;
}
.pagination a:hover {
    -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
     box-shadow: none !important;
     color: #1acba9 !important;
}
.cd-pagination>li.active>a, .cd-pagination>li.active>a:focus, .cd-pagination>li.active>a:hover {
    background-color: #1acba9 !important;
}

.btn-primary {
    border-color: #1acba9 !important;
    background-color: #1acba9 !important;
}
.color-primary, .link-dark:hover, .link-darker:hover, .link-gray:hover, .link-light:hover, .link-lighter:hover, .link-medium:hover, .link-primary, .link-white:hover {
     color: #1acba9!important; 
}

.pirce-num {
    color: rgba(254,74,73,100);
}
.modal-header .close:active {
    outline-width: 0 !important;
}
.alert .alert-link {
    color: #00C7A3;
}

.bar-mask{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgb(0 0 0 / 30%);
}