@charset "UTF-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin: 0;padding: 0;}
fieldset, img, input, button ,select{border: none;padding: 0;margin: 0;outline-style: none;}
/*ul, ol {list-style: none;}*/
input , button{padding-top: 0;padding-bottom: 0;font-family: "微软雅黑";}
.layui-btn{cursor:pointer;border-radius:6px;background-color:#4cc48e;}
.article .article-report button {
    margin-left: 60px;
    margin-right: 60px;
    padding-left: 30px;
    padding-right: 30px;
}
.layui-btn {
    cursor: pointer;
    border-radius: 6px;
    background-color: #4cc48e;
}
.layui-btn[disabled='disabled']{
    opacity: .8;
    filter: alpha(opacity=80);
}
.layui-btn-primary {
    border-color: #d2d2d2;
    background: 0 0;
    color: #666;
}
.layui-layer-btn .layui-layer-btn0{border-color:#4cc48e !important;background-color:#4cc48e !important}

.big-btn{height:50px;width:400px;font-size:26px;}
select, input {vertical-align: middle;}
select, input, textarea {font-size: 12px;margin: 0;background: transparent;}
textarea {resize: none;font-family: "Microsoft YaHei";outline-style: none;}
img {border: 0;vertical-align: middle;}
table {border-collapse: collapse;}
body {font: 14px/150% "微软雅黑"!important;color: #000;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1; /*IE/7/6*/}
.f-l{float: left;}
.f-r{float: right;}
a:hover{color:#4cc48e}
a.green{color:#4cc48e}
h1, h2, h3, h4, h5, h6 {text-decoration: none;font-weight: normal;font-size: 100%;}
em ,i , u{font-style: normal;text-decoration: none;}
.block-center{margin: 0px auto;;}
.inner{width:1080px;box-sizing: border-box;margin: 0 auto;
    clear: both;}

.inner:after, .inner:before {
    content: "";
    display: block;
    clear: both;
}

.inner-main{margin-top:20px;margin-bottom:100px;font-size:16px;}
.inner .inner-left{width:750px;overflow: hidden;float: left;}
.inner-left .left-item{padding:15px 25px 8px 25px; background-color:#eee;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-radius:10px;
}
.inner-cat{height:40px;font-size:18px;}
.inner-cat span{display:block;float: left;padding:5px 0px;margin-right:15px;}
.inner-cat span.active{border-bottom: 2px solid #4cc48e;}
.inner-left .list-title{font-size:18px;margin-top:18px;font-weight:bold;}
.inner-left .list-desc{font-size:16px;color:#666;margin-top:10px;}
.inner-left .list-desc a:hover{color:#888}
.inner-left .list-desc img{width:80px;height: auto; float: right;margin:0px 0px 5px 5px;border-radius:6px;}
.inner-left .list-count{margin-top:12px;border-bottom: 1px solid #ccc;padding-bottom:16px;color:#888}
.inner-left .list-count .count-item{float:left;margin-right:15px;}
.inner-left .list-count img{width:22px;height:22px;vertical-align:middle;}
.inner-left .list-count a{color: #888;}
.inner-left .list-count a:hover{color:#333;}

.inner-right{width:320px;float:right;}
.inner-right .right-item{margin-bottom:10px; background-color: #eee;border-radius:10px;padding:15px;padding-bottom:15px;;}
.inner-right .right-title{font-size:17px;margin-bottom:10px;}
.inner-right .item-title img{width:40px;height: auto; float:right;margin-left:5px;margin-bottom:5px;border-radius:6px;}
.inner-right .count-item{color:#888; margin-top:5px;border-bottom: 1px solid #ccc;padding-bottom:6px;margin-bottom:10px;font-size:13px;}
.inner-right .count-item img{width:18px; height:18px;}



.article{}
.article .detail-title{font-size:24px;text-align: center;line-height:30px;margin-top:15px;}
.article .detail-info{margin-top:30px;font-size:14px;}
.article .detail-info .user-logo{width:50px;height: 50px;border-radius:6px;}
.article .detail-info span{margin-left:12px;margin-top:16px;}
.article .detail-content{margin-top:30px;color:#666;overflow: hidden;}
.article .detail-count{margin-top:15px;height:40px;font-size:13px;line-height: 50px; overflow: hidden;color:#999;}
.article .detail-count a{color:#999;}
.article .count-item{float:left;margin-right:15px;}
.article .detail-count img{width:22px;height: auto;}
.article .sosh{width:auto;text-align: left;float:left;}
.article .sosh-item-icon{width:12px;height:12px;}
.article .sosh-item-icon img{width:16px;height:16px;margin-left:-2px;margin-top:-3px;}
.article .review{margin-top:60px;}
.article .review .right span{margin-left:4px;margin-right:4px;}
.article .article-report{margin-top:40px;margin-bottom:40px;text-align:center;}
.article .article-report button{margin-left:60px;margin-right:60px;padding-left:30px;padding-right:30px;}
.article .article-report .glyphicon{color:#999;}
.article .article-report .report-num{color:#aaa;}
.article-content{line-height:2em !important}
#editor-container{height:auto; border-bottom:0px solid #fff;}

/** 文章评论 **/
/* .article-review{border:1px solid #ddd;margin-top:15px;padding:10px 10px 30px 10px;} */
.article-review{overflow: hidden}
.article-review .left-item{margin-top:15px;}
.article-review .row{}
.article-review .reply{width:95%;margin-left:5%;}
.article-review .title{font-size:18px;height:30px;padding-left:30px;border:0px solid #fff;}
.article-review .title a:hover{text-decoration:none;}
.article-review .logo{padding-top:0px;}
.article-review .logo img{width:50px;height:50px;border-radius:6px;}
.article-review .text{padding-top:0px;}
.article-review .bottom{margin-top:15px;height:28px;width:100%;color:#999;border-bottom:1px solid #e8e8e8;}
.article-review .bottom a{color:#999;}
.article-review .bottom .left{width:50%;height:24px;float:left;overflow:hidden;text-align:left;}
.article-review .bottom .right{width:50%;height:24px;float:right;overflow:hidden;text-align:right;}
.article-review .bottom span{margin-right:8px;}
.article-review .add-btn{text-align:right;}
.article-review textarea{width:100%;height:80px;border:1px solid #ccc;margin-top:10px;}
.article-review .bottom-btn:hover{text-decoration:underline;cursor:pointer;}
.article-review .line{width:90%;border-top:dotted 1px #ddd;margin-top:20px;margin-left:40px;}
.article-review .line-com{width:80%;border-top:dotted 1px #ddd;margin-top:20px;margin-left:80px;}
.article-review .reply-item{padding-top:2px;}
.article-review .reply-item-son{background:#f5f5f5;padding:5px 15px;}
.article-review .reply-item + .reply-item-son{padding-top:10px;}
/*
.article-review .reply-list:last-child .bottom{border-bottom: 0px solid #fff}
.article-review .reply-list .reply-item-son .bottom:last-child{border: 0px solid #fff;}
*/

.article-review .reply-nickname{}
.review-list .reply-item:last-child .bottom{border-bottom:0px dotted #ddd;font-size:13px;height:24px;}

.article-review .review-reply{
    margin-top:10px;
    border-radius: 15px;
    background-color: #fff;
}
.article-review .review-reply .reply-container{height:100px;}
.article-review .review-reply .reply-tools{height:40px;}
.article-review .review-reply .reply-btn{float:right; border-radius: 15px;margin-top:5px;
    margin-right: 15px;padding:0px 15px;}
.article-review .w-e-text-container,
.article-review .w-e-toolbar{border-radius:15px;}



.header{width: 100%;height: 60px;background: #51AD89;}
/* .header+div{margin-top:60px;} */
.header .inner{width:1200px;}

.site-index .header{background:none;position: fixed;top: 0;left: 0;z-index: 999;}
.site-index .header.fix{background: #51AD89 !important;}
.site-index .header+div{margin-top:0px;}
.top-search{margin-top:15px;}
.top-search input{width:500px;height:40px;border-radius: 8px;padding-right:20px;display: inline;border:solid 2px #eee;padding-left:10px;padding-right:30px;font-size:15px;}
.top-search input:hover{border-color:#4cc48e;box-shadow:2px 2px 4px #ccc;}
.top-search button{margin-left:5px;height:42px;}



.header .logo{float: left;line-height:60px;}
.header .logo img{height:50px;}
.nav{float: right;}
.nav li{float: left;width: 110px;height: 60px;margin-left: 30px;text-align: center;cursor: pointer;line-height: 32px;}
.nav li>a{display: inline-block;color: #fff;padding-top: 12px;border-bottom: 3px solid transparent;}
.nav li.on,
.nav li:hover{background: rgba(255,255,255,.2);}
.nav li.on>a,
.nav li:hover>a{border-bottom: 3px solid #fff;}

.nav .header-user.on{background:none;}
.nav .header-user{width:240px;color:#fff;max-width:250px;text-align: right}
.nav .header-user a{float:right;}
.nav .header-user span{float:right;margin-top:12px;}
.nav .header-user>a:hover{text-decoration: underline}
.nav .header-user img{width:20px;height:20px;border:1px solid #ccc;border-radius:10px;vertical-align: middle;margin-top:-5px;}
.nav .header-user,
.nav .header-user:hover{background: none;cursor: default}
.nav .header-user.on>a,
.nav .header-user:hover>a{border-bottom:none;}
.nav .header-user .user-info{max-width:150px}
.nav .header-user .user-quit{margin-left:10px;}


/** 页码 **/
.page{float: left; width:100%;height:40px;display:block;text-align:center;list-style:none;padding:0px;margin-top:30px;clear:both;padding-left:30px;}
.page li{height:30px;float:left;margin:0px;margin-right:5px;border:1px solid #dfdfdf;line-height:30px;}
.page li a{display:block;width:100%;height:100%;}
.page li a:hover{color:#51AD89;text-decoration:underline}
.page .num{width:30px;}
.page .num:hover{border:1px solid #51AD89;}
.page .num2{width:40px;}
.page .num2:hover{border:1px solid #51AD89;}
.page .num3{width:60px;}
.page .num3:hover{border:1px solid #51AD89;}
.page .des{width:148px;height:30px;text-align:left;border:0px solid #fff;line-height:30px;}
.page .des span{float:left;line-height:32px;}
.page .des input{width:30px;height:28px;float:left;border:1px solid #dfdfdf;padding-left:5px;margin:0px 4px;background:none;}
.page .cur{color:#dfdfdf}
.page .cur:hover{border:1px solid #dfdfdf;}
.page a{color:#666;}





/* .swiper-container{width:1080px;} */
.swiper-container .swiper-slide{height: 554px;overflow: hidden;position: relative;}
.swiper-container .swiper-slide>img{width: 1920px;height: 554px;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.swiper-container .swiper-pagination{bottom: 24px;}
.swiper-container .swiper-pagination-bullet{width: 10px;height: 10px;}
.swiper-container .swiper-pagination-bullet-active{width: 20px;border-radius: 30px;}
.app_download{padding-top: 130px;width: 1080px;height: 554px;box-sizing: border-box;position: absolute;top: 0;left: 50%;margin-left: -540px;}
.app_download h3{font-size: 56px;line-height: 176px;color: #fff;}
.app_download a{display: block;font-size: 16px;line-height: 50px;color: #fff;width: 150px;border-radius: 6px;text-align: center;background-image: linear-gradient(to right,#ffaf04,#ffc410);}
.app_download a img{height: 22px;margin: -2px 10px 0 0;}
.app_download h4{margin-top: 30px;}
.app_download h4 a{float: left;margin-right: 30px;border: 1px solid #fff;background: transparent;}
.swiper_txt{padding-top: 206px;width: 1080px;height: 554px;box-sizing: border-box;position: absolute;top: 0;left: 50%;margin-left: -540px;color: #fff;text-align: center;}
.swiper_txt h3{font-size: 56px;line-height: 140px;background: url(../images/line1.png) no-repeat bottom center;background-size: 54px 3px;}
.swiper_txt p{font-size: 30px;line-height: 100px;}
.tit{font-size: 28px;color: #282828;text-align: center;line-height: 210px;}
.tit img{height: 32px;margin: 0 30px;}
.platform{padding-bottom: 90px;}
.platform_list li{float: left;width: 340px;margin-right: 30px;border-radius: 4px;overflow: hidden;background-color: #fff;box-shadow: 0 3px 8px rgba(0,0,0,.1);cursor: pointer;}
.platform_list li:nth-child(2){animation-delay: .2s;}
.platform_list li:last-child{margin-right: 0;animation-delay: .4s;}
.platform_list_img{height: 361px;overflow: hidden;position: relative;}
.platform_list_img img{width: 100%;height: 100%;transition: all .5s;}
.platform_list_img i{font-size: 16px;line-height: 40px;color: #fff;width: 108px;text-align: center;background-color: #4cc48e;border-radius: 4px 0 4px 0;position: absolute;top: 0;left: 0;}
.platform_list li:hover .platform_list_img img{transform: scale(1.1);}
.platform_list_con{height: 100px;box-sizing: border-box;padding: 20px 34px 0; text-align:center;}
.platform_list_con p{font-size: 16px;line-height: 30px;color: #333;}
.model{background-color: #f7f8f7;padding-bottom: 90px;}
.model_list{height: 486px;background: url(../images/bg1.png) no-repeat center top;background-size: 100% 100%;position: relative;}
.model_list li{width: 190px;height: 120px;box-sizing: border-box;padding-top: 20px;color: #fff;position: absolute;}
.model_list li h3{font-size: 18px;line-height: 28px;font-weight: bold;}
.model_list li p{font-size: 16px;line-height: 26px;}
.model_list li:nth-child(1){top: 0;left: 36px;}
.model_list li:nth-child(2){top: 0;right: 36px;}
.model_list li:nth-child(3){bottom: 0;left: 36px;}
.model_list li:nth-child(4){bottom: 0;right: 36px;}
.scenario{padding-bottom: 60px;}
.scenario_list a{float: left;width: 192px;height: 192px;margin: 0 30px 30px 0;border-radius: 4px;overflow: hidden;position: relative;}
.scenario_list a:nth-child(5n){margin-right: 0;}
.scenario_list a img{width: 100%;height: 100%;transition: all 1s;}
.scenario_list a p{width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-align: center;transition: all 1s;}
.scenario_list a p span{display: inline-block;font-size: 28px;line-height: 88px;color: #fff;padding-top: 40px;border-bottom: 1px solid #fff;}
.scenario_list a:hover img{transform: scale(1.1);}
.scenario_list a:hover p{background: rgba(76,196,142,.9);}
.footer{background-color: #05182a;color: #fff;}
.footer a{color: #FFF;}
.footer a:hover{text-decoration: underline;}
.footer_top{padding: 50px 0;}
.footer_top_txt{float: left;width: 420px;}
.footer_top_txt>img{height: 49px;margin-bottom: 12px;}
.footer_top_txt h3{font-size: 18px;line-height: 38px;}
.footer_top_txt p{font-size: 14px;line-height: 32px;}
.footer_service{float: left;width: 280px;border-right: 1px solid #1e3040;}
.footer_service a{display: block;font-size: 15px;line-height: 35px;color: #fff;}

.footer_ewm{float: right;}
.footer_ewm li{float: left;width: 120px;background-color: #fff;border-radius: 4px;margin-left: 40px;text-align: center;padding: 10px 0 4px;}
.footer_ewm li img{width:100px;height:auto;}
.footer_ewm li p{font-size: 12px;line-height: 30px;color: #333;}
.footer_bottom{font-size: 16px;line-height: 60px;text-align: center;background-color: #021222;}
.con{
	width:100%;
	height:600px;}
.sec-header .app_download h3{font-size:36px;}




.inner-info{padding-top:60px;font-size:18px;line-height: 50px;}
.inner-info .info-title{margin-top:40px;font-size:36px;line-height: 50px;margin-bottom:30px;margin-top:30px;}
.inner-info .info-subhead{font-size:20px;}
.inner-info .item{margin-top:40px;margin-bottom:40px;}
.inner-info .item-img img{width:220px; height: auto; box-shadow: 0px 0px 8px rgba(0,0,0,.8);margin-right:10px;margin-left:10px;margin-bottom:5px;}

.login-from{text-align: center;padding-top:30px;padding-bottom:90px;margin-top:100px;margin-bottom:200px;width:600px;box-shadow:2px 2px 12px rgb(0 0 0 / 10%);}
.login-from .title{font-size:36px;margin-bottom:30px;}
.login-from .layui-input-inline{padding-right: 35px;width:330px;}
.login-from .layui-input{height:50px;border-radius: 5px;font-size:24px;}
.login-from .layui-form-item{margin-top:40px;}
.login-from .links{width:600px;margin: 0px auto;margin-top: 12px; }
.login-from .login-btn{margin-top:12px;}
.login-from .code-con{text-align: left;}
.login-from .code-con input{width:185px;display: inline-block;}
.login-from .code-con button{padding:0px;width:130px;display: inline-block;font-size: 20px;float:right;height:48px;margin-top:2px;}
.login-from .layui-form-label{padding-top: 16px;width: 100px;}
.login-from .img-code{height:50px;width:130px;float: right}
.login-from input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color: #aab2bd;
    /* placeholder字体大小  */
    font-size: 20px;
 }


/** 用户中心  **/
.user-site-top{height:40px;background:#383838;color:#fff;line-height:40px;}
.user-site-top a{color:#fff;}
.user{margin-top:40px;font-size:14px;margin-bottom:80px;}
.user .user-block{border:1px solid #E3E3E3;border-radius:5px;overflow:hidden;}
.user .user-logo{width:80px; height:80px;border-radius:15px;vertical-align:middle;}
.user .count{line-height:40px;padding-left:15px;}
.user .count-btns{line-height:45px;height:45px;}
.user .count-btns .check-btn{width:80px;height:45px;border-right:1px solid #ccc;text-align:center;float:left;cursor:pointer;}
.user .count-btns .active{background:#EEEEEE;}
.user .count-btns .check-btn:hover{background:#EEEEEE;}
.user .user-item{display:inline-block;margin-left:4px;;margin-right:4px;}
.user .glyphicon{color:#ccc;}
.user .user-block .item-title{height:40px;line-height:40px; border-bottom:1px dotted #e3e3e3;}
.user .user-block .item-title .title-left{width:60%;float:left;font-size:18px;padding-left:15px;}
.user .user-block .item-title .title-right{width:30%;float:right;padding-right:15px;text-align:right;}
.user .right-btn{float:right;margin-right:15px;}

.user .user-block .article-list{margin:5px 10px 10px 15px;}
.user .user-block .article{height:40px;line-height:40px;border-bottom:1px dotted #e3e3e3;}
.user .page{margin-top:40px;margin-bottom:20px;}
.user .user-block .article-list .title a{color:#337ab7;}
.user .user-block .article:last-child{border-bottom:0px solid #fff;}
.user .user-block .article-list .time{float:right;width:20%;padding-right:15px;}
.user .user-right{padding-left:40px;min-height: 600px;}
.user .right-item{line-height:26px;margin-bottom:16px;}
.user .ulogo{width:36px;height:36px;vertical-align: middle;margin-right:4px;border-radius:6px;}
.user .user-right .user-logo-item{line-height:18px;margin-bottom:16px;color:#999;}
.user .user-right .user-logo-item img{float:left;width:36px;height:36px;margin-right:4px;border-radius:6px;}
.user .user-right .user-logo-item .nickname{width:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:4px;}
.user .user-right .user-logo-item .nickname a{color:#2471b7}
.user .user-right .user-logo-item .num{color:#666;margin-left:2px;margin-right:2px;}
.user .user-right .focus .cat-logo{width:26px;height:22px;vertical-align: middle;margin-right:5px;}
.user .user-right .right-list{line-height:28px;}
.user .user-right .cat-title{line-height:40px;font-size:16px;}
.user .article-item{line-height:26px;font-size:16px;margin-top:10px;margin-bottom:10px;border-bottom:1px dotted #efefef;padding-bottom:10px;}
.user .article-item a {color:#337ab7;}
.user .article-item .desc{font-size:13px;line-height:18px;color:#999;}
.user .article-item .article-logo{width:45px;height:45px;border-radius:6px;}
.user .article-item .item-logo{width:50px;height:44px;float:left}
.user .article-item .item-logo img{width:40px;height:40px;border-radius: 6px;}
.user .article-item .item-content{width:calc(100% - 52px);float:left;}
.user .layui-elem-field legend{text-align:center;}
.user .layui-field-box{padding-top:80px;}
.user .column-title{text-align: center;font-size:20px;padding:10px; margin-bottom: 40px;}
.user a:hover{text-decoration: underline}

.user-agree{font-size: 16px;line-height:28px;margin-bottom:100px;}
.user-agree .title{font-size:20px;margin-bottom: 40px;text-align: center}

.simple-form{font-size:18px;}
.simple-form input{font-size:16px;height:40px;border-radius: 4px;}
.simple-form .form-title{height:40px;line-height:100%;font-size:24px;text-align: center;margin-bottom:60px;}
.simple-form .form-title img{margin:20px;vertical-align: middle;height:32px;width:auto;}
.simple-form .layui-form-item{margin-bottom:30px;}
.simple-form .industry-cat{width:324px;}
.simple-form .industry-item{width:100%;}
.simple-form .industry-item .layui-inline{margin-right:0px;width:100%;}
.simple-form .industry-cat:last-child{float:right;margin-right:0px;}
.simple-form .layui-form-label{width:120px;}
.simple-form .layui-input-block{margin-left:150px;}
.simple-form .layui-form-radio{margin-top:0px;}
.simple-form textarea{font-size:16px;}
.simple-form .layui-form .layui-form-item .desc{display:inline-block;}

.course{margin-bottom:100px;}
.course .course-title{font-size:18px;line-height:60px;margin-top:10px;}
.course .course-title #watch_time{font-size:13px;color:#ccc;}
.course .user-operate{user-select: none;float:right;height:50px;margin-top:10px;text-align:right;}
.course .user-operate i{cursor: pointer;display: inline-block;width: 22px;height: 22px;background-image: url("/images/icons.svg");background-repeat: no-repeat;margin: 0 15px;vertical-align: middle;}
.course .user-operate .operate-micro{background-position: -95px -54px;}
.course .user-operate .operate-camera{background-position: -127px -54px;}
.course .user-operate .operate-hungup{width: 37px;height: 37px;background-position: 0 -87px;}
.course .user-box{width:100%;text-align: right;}
.course .user-item{width:90px;height:90px;display:inline-block;position: relative;}
.course .user-role {
    position: absolute;
    left: 6px;
    top: 6px;
    padding: 4px 7px;
    border-radius: 10px;
    color: white;
    z-index: 11;
    line-height: 1;
    font-size:12px;
}
.course .user-logo{text-align: center}
.course .user-logo img{width:80px;height:80px;border-radius:10px;border:1px solid #f1f1f1}
.course .course-video{background-color:#3D4041; height:600px;}
.course .video-btn{width:100px;height:100px;background-color:#4cc48e;border-radius:50px;
    background-image: url("/images/video-inner-btn.png");background-size: 40% 40%;
    background-position: center;background-repeat: no-repeat;
    position: absolute;left:50%;margin-left:-50px;top:50%;margin-top:-50px;
    cursor: pointer;
}
.course .video-btn:hover{background-color:#51AD89}
.course .video-btn:active{background-color:#40AD76}
.course .share-btns{position: absolute;
    top: 50px;
    left: 15px;
    z-index: 20;
}
.course .share-btns li {
    position: relative;
    display: inline-block;
    padding: 0 16px;
    margin: 0 8px;
}

.course .share-btns li i {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("/images/icons.svg");
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.course .share-btns .icon-box {
    cursor: pointer;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: relative;
    box-shadow: #369688 0px 0px 22px -6px;
    background-color: white;
}

.course .share-btns li span {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -21px;
    font-size: 13px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.45);
    border-radius: 10px;
    cursor: pointer;
}
.course .share-btns li:hover{color:#4cc48e}

/** 白板 **/
.course .share-btns .display-share i {
    background-position: 1px -232px;
}
.course .share-btns .display-share:hover i{
    background-position: -82px -232px;
}


/** 屏幕 **/
.course .share-btns .display-screenshare i {
    background-position: -26px -232px;
}
.course .share-btns .display-screenshare:hover i{
    background-position: -114px -232px;
}
.course .main-video-container{width:100%;height:100%;}






    /** 遮罩样式 **/
.ShopCMS-mask{text-align:center;position: absolute;left:0px;top:0px;width:100%;height:100%;z-index: 999999;background-color: #000;background:rgba(0,0,0,0.6);background: transparent\9;zoom:1\8; /* required for the filters */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* IE8 */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE5.5-7 */}
.ShopCMS-mask .error-icon{width:45px;height:45px;position:relative;margin:auto;background-image:url(../images/shopcms_error.png);background-repeat:no-repeat;background-size:100% 100%;}
.ShopCMS-mask .loading-icon{width:31px;height:31px;position:relative;margin:auto;background-image:url(../images/shopcms_loading.gif);background-repeat:no-repeat;background-size:100% 100%;}
.ShopCMS-mask .ok-icon{width:45px;height:45px;position:relative;margin:auto;background-image:url(../images/shopcms_ok.png);background-repeat:no-repeat;background-size:100% 100%;}
.ShopCMS-mask .info-text{width:100%;height:auto;margin-top:5px;text-align:center;color:#ffffff;}
.editor-container{height:auto; border-bottom:0px solid #fff;}
.wangEditor{}
.wangEditor li{list-style: unset}

.layer-com-upload-photo{width:600px;height:500px;}
/*.layer-com-upload-photo .layui-layer-title{background-color: #4cc48e;}*/

.pull-left{float: left;}
.pull-right{float: right;}
.none{display:none;}
.mt20{margin-top: 20px;}
.mb40{margin-bottom: 40px;}
.clear{clear:both;}
.mb100{margin-bottom:100px;}
.mb200{margin-bottom:200px;}
.ml40{margin-left:40px !important;;}
.ml20{margin-left:20px;}
.ml10{margin-left:10px;}
.mt4{margin-top:4px;}
.mt8{margin-top:8px;}
.mt16{margin-top:18px;}
.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt40{margin-top:40px !important;}
.mt100{margin-top:100px;}
.mr10{margin-right:10px;}
.p0{padding:0px !important;}

.pb50{padding-bottom:50px;}
.p6-12{padding:6px 12px !important;}
.pl0{padding-left:0px}
.pl6{padding-left:6px}
.pr10{padding-right:10px !important;}
.pt4{padding-top:4px;}
.pt15{padding-top:15px !important;}
.pt30{padding-top:30px !important;}
.pt50{padding-top:50px !important;}
.lh40{line-height:40px;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.text-left{text-align:left !important;}
.text-italic{font-style: italic}
.text-bold{font-weight: bold;}
.elp{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.c-gray{color:#999;}
.b-gray{background-color:#f7f8f7;}
.c-green{color:#4cc48e}
.c-red{color:#FF0000;}
.c-orange{color:#fb6316;}
.c-yellow{color:rgb(255, 184, 0);}
.font16{font-size:16px !important;}
.bk-orange{background-color: #fb6316}
.bk-blue{background-color: rgb(30, 159, 255);}
.bk-yellow{background-color: rgb(255, 184, 0);}
.bk-red{background-color: rgb(255, 87, 34);}
.bk-green{background-color: #4cc48e;}