html{background-color: #f3f3f3;}
body{font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑","STHeiti","MingLiu"}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mt180{margin-top: 180px;}
.pt180{margin-top: 180px;}
.mb20{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}
.c_top_b{height: 140px;}
img{
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
/* 头部 */
.header-extends{position:fixed;width: 100%;top:0;left:0;z-index: 9999}
.itop{width: 100%;height: 50px;position: relative;}
.header{height:auto;background-color: #fff;box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.header-top{background: url(../images/s-back.jpg);height: 50px;}
.header-contact>li{color:#fff;font-size:13px;margin-left: 20px;line-height:50px;}
.header-contact>li,.header-socials li{float:left}
.header-right{float:right!important}
.header-socials{display:inline-block;vertical-align:middle}
.header-socials li{padding:0 10px;font-size:13px}
.header-socials li a{color:#fff;line-height: 50px;}
.header-btn{margin-left:10px;display:inline-block;vertical-align:middle;text-align: center;}
.header-btn .btn{color:#fff;border-radius:0;padding:0;font-size:14px;text-transform:capitalize;font-weight:400;line-height:50px;height: 50px;display: block;}

.header .logo img{max-height: 50px;padding:10px 0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}


.layui-btn-blue{background-color:#065ea5}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#2a3c50}
.header .layui-nav{position: absolute; right: 0; top:0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 5px;line-height:70px;}
.header .layui-nav .layui-nav-item[mobile]{display: none;}
.header .layui-nav .layui-nav-item a{color: #000;font-size: 18px;}
.header .layui-nav .layui-nav-item a:hover,.header .layui-nav .layui-this a{color:#2a3c50}
.header .layui-nav .layui-this:after, .header .layui-nav-bar,.header .layui-nav-tree .layui-nav-itemed:after{background-color:#2a3c50;}
.header .layui-nav .layui-nav-child{border: 0;line-height: 40px;top:70px;}
.header .layui-nav .layui-nav-child a{font-size: 16px;padding:0 25px;}
.header .layui-nav .layui-nav-child a:hover{background-color:#2a3c50;color: #fff;}
.header .layui-container .layui-nav{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.header .layui-nav .layui-badge, 
.header .layui-nav .layui-badge-dot{right: 0;}
.header .fly-nav-avatar{padding-right: 0;}
.header .fly-nav-avatar img{width: 36px; height: 36px; border-radius: 100%;}
.header .fly-nav-user .layui-nav-child a i{position: relative; top: 2px; margin-right:2px; font-size: 22px;color: #2a3c50}
.header .layui-nav .layui-nav-more{font-size: 16px;right:0;}

.site-nav{padding: 0; background: none;}
.site-nav .layui-nav-item{line-height:50px;}
.site-nav i{font-size: 20px;}
.site-nav .layui-nav-child i{font-size: 16px;}
.site-nav .layui-nav-child{top:50px;}

.header-extends .weixinbox{display: none;width: 120px;height: 160px;position: absolute;top:50px;right:20px;z-index: 9999;padding:10px;background-color: #fff;-moz-box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);}
.header-extends .weixinbox img{width: 120px;height: 120px;border:none;}
.header-extends .weixinbox p{text-align: center;line-height: 20px;}
 .text-center{text-align: center;}


.i_banner{width:100%;height:600px;overflow:hidden;background:#000;}
.layui-carousel.i_banner .banner_t{background: url(/tpl/images/banner-t.png) bottom center repeat-x;position: absolute;bottom: 0;left: 0;width: 100%;display: block;height: 100%}

.layui-common-main{width: 100%;padding:0;}
.index-box{margin-top:-100px;padding:0 20px;background: #fff url(/tpl/images/redian.png) 0 0 no-repeat;}
.toutiao{text-align: center;height: 120px;}
.toutiao h1 a{line-height: 120px;font-weight: bold;}
#flashnews{height:100%;}
#flashnews .sipai img{width: 100%;height: 100%;}
#flashnews .sipai .title{position:absolute;bottom: 0;left: 0;width: 100%;height: 50px;background:rgba(0,0,0,0.5);display: block;line-height: 50px;color: #fff;text-indent: 10px;}
#flashnews .layui-carousel-ind{text-align: right !important;padding-right:10px;}

.vodlist{background-color: #333;height: 500px;overflow:hidden;}
.vodlist .layui-card-header{color: #fff;border-bottom:1px #666 solid;}
.vodlist .layui-card-header:before{background-color: #f3f3f3}
.vodlist .innerbox{width:auto;height:450px;overflow-y:auto;overflow-x:hidden;color: #fff;padding-right:0;font-weight: normal;line-height: 200%;font-size:14px;margin-top: 10px;}
.vodlist .innerbox::-webkit-scrollbar{width:10px;height:100%;}
.vodlist .innerbox::-webkit-scrollbar-thumb{background:#4a4a5a;}
.vodlist .innerbox::-webkit-scrollbar-track{background:none;}
.videolist-item{position:relative;display:block;padding:10px 15px;color: #fff;}
.videolist-item:hover,.item-hover{background-color:#065ea5;color: #fff;}
.videolist-item .meida-left{display:table-cell;padding-right:10px;}
.videolist-item .meida-left img{width:100px;height: 60px;}
.videolist-item .meida-right{display:table-cell;vertical-align:top;}
#vodbox_item{width: 100%;height:500px;overflow:hidden;display: block;}
.tox .tox-dialog{border:none}
.tox .tox-button,.tox .tox-dialog,.tox .tox-selectfield select,.tox .tox-textarea,.tox .tox-textfield,.tox .tox-toolbar-textfield{border-radius:0}
.tox .tox-dialog-wrap__backdrop{background-color:rgba(0,0,0,.3)}
.tinymce-btn{border-radius:0;border-bottom:0}
.layui-word-red{color: #ff5722}
.layui-upload-img{width:80px; height:80px; margin: 0 10px 10px 0;}
.order-pay{margin:0 auto;}
.order-pay .pay-item{padding:10px 15px;line-height:27px;cursor: pointer;border:2px #FF5722 solid;}
.order-pay .pay-item span{font-size:14px;color: #666; float:left;padding-right: 20px;}
.order-pay .pay-item .wx-logo{width: 100px;height: 27px;display: inline-block;background: url(/tpl/images/WePayLogo.png) 0 0 no-repeat;background-size: 100px 27px;padding-right: 5px;}
.order-pay .pay-item .wx-spec{width: 47px;height: 27px;display: inline-block;background: url(/tpl/images/wxpayspec.png) 0 0 no-repeat;background-size: 47px 20px;margin-top: 3px;}

.news-top .layui-tab{margin: 0;}
.news-top .layui-tab-title{border-bottom-width: 1px;height: 38px}
.news-top .layui-tab-content{height:auto;}
.news-top .layui-tab-title li{font-size:18px;color: #333;padding:0 30px;}
.news-top .layui-tab-title li i{font-size: 20px;}
.news-top .layui-tab-title .mores{padding: 0;margin: 0;font-size: 14px;float: right;line-height: 40px;}
.news-top .layui-tab-title .layui-this,.news-top .layui-tab-title .layui-this a{color: #fff;font-weight: bold;background: #2a3c50}
.news-top .layui-tab-title .layui-this:after{border-bottom:3px solid #2a3c50}
.news-top .layui-tab-content{padding: 15px 5px 0 5px;}
.news-top .layui-text a{color: #000 !important;}
.news-top .layui-text .toptitle{height: 50px;line-height: 50px;text-align: center;width:500px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;margin: 0 auto;padding-top: 10px;}
.news-top .layui-text .toptitle a{color: #ff0000 !important;font-size: 22px;font-weight: bold;}
.news-top .layui-text ul li{margin:0;padding:5px 0;clear: both;font-size: 16px;color: #ccc}
.news-top .layui-text ul li a{float: left;white-space:nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;width:85%}
.news-top .layui-text ul li span{padding-left: 10px;float:right;color: #fc5531}

.adbox img{width: 100%;}

.news-left .layui-tab{margin: 0;}
.news-left .layui-tab-title{border-bottom-width: 1px;height: 38px}
.news-left .layui-tab-content{height: 220px;}
.news-left .layui-tab-title li{font-size:16px;color: #333;}
.news-left .layui-tab-title li i{font-size: 20px;}
.news-left .layui-tab-title .mores{padding: 0;margin: 0;font-size: 14px;float: right;line-height: 40px;}
.news-left .layui-tab-title .bigtitle{padding: 0 30px;margin: 0;font-size:20px;float: left;line-height: 40px;color: #fff;font-weight: bold;margin-right: 20px;background: #2a3c50}
.news-left .layui-tab-title .bigtitle i{font-size: 20px;color: #2a3c50;}
.news-left .layui-tab-title .layui-this,.news-left .layui-tab-title .layui-this a{color: #2a3c50;font-weight: bold;}
.news-left .layui-tab-title .layui-this:after{border-bottom:3px solid #2a3c50}
.news-left .layui-tab-content{padding: 5px}
.news-left .layui-text a{color: #000 !important;}
.news-left .layui-text .toptitle{height: 50px;line-height: 50px;text-align: center;width:500px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;margin: 0 auto;padding-top: 10px;}
.news-left .layui-text .toptitle a{color: #ff0000 !important;font-size: 22px;font-weight: bold;}
.news-left .layui-text ul li{margin:0;padding:5px 0;clear: both;font-size: 16px;color: #ccc}
.news-left .layui-text ul li a{float: left;white-space:nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;width:85%}
.news-left .layui-text ul li span{padding-left: 10px;float:right;color: #fc5531}

.links-header{font-size:18px;font-weight: bold;height:auto;line-height: 50px;color: #2a3c50;}
.links-header:before{content:"";position:absolute;bottom:-2px;left:10px;width:100px;height:3px;background-color: #2a3c50}

.footer{text-align: center;background: url(../images/s-back.jpg);padding:20px 0;}
.footer,.footer a{color: #fff;line-height: 25px;}
.footer a{padding:0 5px;}

.list-left .layui-card-header{background: none;margin: 0 20px -15px;padding: 0;font-size: 16px;font-weight: 600;height: 56px;line-height: 56px;border-bottom: 0 solid var(--comiis-borderb);overflow: hidden}
.list-left .layui-card-header i{font-size: 18px;}
.list-left .layui-text ul li{margin:0;padding:5px 0;clear: both;font-size: 14px;color: #ccc}
.list-left .layui-text ul li a{float: left;width:100%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;color: #000 !important;}
.list-left .layui-text ul li span{padding-left: 10px;float:right;}


.secondary-nav{margin-bottom:20px;border-bottom: 1px #eee solid}
.section-title{align-items:center;position:relative;padding-top:8px;line-height:24px;font-size:24px;font-weight:600;float:left;margin:9px 0 0 5px}
.section-title i{vertical-align:middle;font-size:24px}
.section-title h1{line-height:33px;font-size:20px}
.nav-list1{padding:20px 24px;background:#fff;float:right}
.nav-list1 li{float:left}
.nav-list1 li a{position:relative;display:block;margin:0 12px;line-height:1;font-size:16px;font-weight:500;color:#2c2e3b;padding:5px 10px;border-radius:20px;border:1px solid #fff;cursor:pointer}
.nav-list1 li a.active{color:#fc5531;border:1px solid #fc5531}
.nav-list1 li a:hover{color:#fc5531}

.news_list{overflow:hidden}
.news_list li{padding:20px 0;border-bottom:1px dashed var(--comiis-bordera);overflow:hidden}
.news_list li .kmpic{float:left;width:190px;height:130px;margin-right:20px;overflow:hidden;border-radius:var(--comiis-radius-s);position:relative}
.news_list li .kmpic img{width:100%;height:100%;object-fit:cover;transition:all .4s;overflow:hidden}
.news_list li .kmpic img:hover{transform:scale(1.1)}
.news_list li .kmtit{height:35px;line-height:35px;font-size:18px;overflow:hidden;}
.news_list li .kmtit a{float:left;color:#333;font-weight: bold;}
.news_list li .kmtit a:hover{color:#fc5531}
.news_list li .kmuser{margin-top:8px;height:22px;line-height:22px;overflow:hidden;}
.news_list li .kmuser a{float:left;color:#2B65B7}
.news_list li .kmuser a:hover{color:#fc5531}
.news_list li .kmuser span{float:left;color:#666;margin:0 5px}
.news_list li .kmtxt{margin-top:8px;max-height:44px;line-height:22px;font-size:13px;color:var(--comiis-fb);overflow:hidden}
.news_list li.kmimgx .kmtxt{min-height:44px}

.show_content{margin: 20px 0;}
.show_content .breadcrumb{text-align: center;margin:20px 0;}
.show_content .video{display: block;width: 800px;height: 450px;margin:0 auto;}
.show_content .video .tit{text-align: center;font-size:14px;color: #666;}
.show_content .audio{display: block;width: 300px;height: 100px;margin:20px auto;text-align: center;}
.show_content .audio .tit{text-align: center;font-size:14px;color: #666;}
.show_content .content_box{line-height: 200%;padding:30px;font-size: 16px;}
.show_content .content_box img{max-width: 80%!important;margin: 0 auto!important;}
.show_content .content_box p{padding:10px 0;}
.show_content .content_box p.videobox{flex:0 0 auto;max-width:none;overflow:hidden;position:relative;width:750px;height:450px;margin: 0 auto;display: block;cursor: pointer;}
.show_content .content_box p.videobox::before{position:absolute;content:"";right:0;top:0;width:100%;height:100%;background:rgba(7,41,77,.7) url(/tpl/images/icon-play.svg) no-repeat 50% 50%;background-size:80px 80px; z-index:1}
.show_content .content_box p.videobox img{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0;}
.show_content .sharebox{text-align: center;padding:20px 0;margin:10px auto;}
.show_content .sharebox a{font-size: 14px;margin:0 5px}
.show_content span.attachment{background-image: url(../images/files.png);background-size:15px;background-repeat: no-repeat;padding-left: 22px;background-position: 5px 8px;height: 30px;line-height: 30px;display:inline-block;}
.show_content span.attachment:before{content:"附件下载：";color: #999;}
.show_content span.attachment a{color: #065ea5;font-size:16px;}

.show_content .title_box{text-align:left;border-bottom:1px solid #eee;margin-left:0;margin-right:0;padding:30px}
.show_content .title_box .news_title{padding:0 0 10px;font-weight:600;font-size:24px}
.show_content .title_box p{line-height:30px;font-size:13px;color:#999;overflow:hidden}
.show_content .title_box p a,.show_content .title_box p span{float:left;color:#999;margin-right:15px}
.show_content .title_box p .kmrtxt{margin-top:0;padding-left:28px}
.show_content .title_box p em{float:right;font-style:normal;margin-left:15px}

.layui-form-item .layui-tab-title .layui-this,.layui-form-item .layui-tab-title .layui-this a{color: #2a3c50;font-weight: bold;}
.layui-form-item .layui-tab-title .layui-this:after{border-bottom:3px solid #2a3c50}

.list-search .layui-input-split i{color: #fff;font-size: 20px;}



uk-slider-items{will-change:transform;position:relative}
.course-card{box-sizing:border-box;position:relative;overflow:hidden;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);height:325px}
.course-card-thumbnail{flex:0 0 auto;max-width:none;max-height:100%;overflow:hidden;position:relative;width:100%;height:160px}
.course-card-thumbnail img{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0;}
.course-card-body{padding:16px 13px;padding-bottom:10px}
.course-card-body .course-card-info{display:flex;justify-content:space-between}
.course-card h4{color:#065ea5;font-weight:600;margin:10px 0;font-size:15px;line-height:150%}
.course-card p{font-size:13px;margin:0;color:#666;}
.course-card ul{padding:0;margin:0;}
.course-card ul li{list-style:none;display:inline;font-size:13px;color:#666;margin-right: 10px;}
.course-card ul li i{color: #065ea5;font-size:14px;}
.course-card-thumbnail .play-button-trigger,.play-button-trigger{left:0;top:0;width:100%;height:100%;position:absolute;background:url(../images/icon-play.svg) no-repeat;background-size:auto 50%;background-position:center;visibility:hidden;opacity:0;-webkit-transition:opacity 150ms ease-in-out;-moz-transition:opacity 150ms ease-in-out;-ms-transition:opacity 150ms ease-in-out;-o-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;-webkit-transition:-webkit-transform 150ms ease-in-out;-moz-transition:-moz-transform 150ms ease-in-out;-o-transition:-o-transform 150ms ease-in-out;transition:transform 150ms ease-in-out}
.course-card-thumbnail:hover .play-button-trigger,.play-button-trigger.show{visibility:visible;opacity:1;-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}


.navcontent {
    margin: 15px 0;
    padding: 10px 15px 10px 15px;
    line-height: 34px;
    background:#f7f9fa;
    font-size: 14px;
    border-radius: 5px;
    color: #666;
}
.navcontent span{font-weight: bold;color: #ff3300}
.locked {
    margin: 15px 0;
    padding: 10px 15px 10px 15px;
    line-height: 34px;
    border: 1px dashed #fc8a9f;
    background:#fdf3f5;
    font-size: 14px;
    border-radius: 5px;
}
.locked i{
    color: #ff3300;
    font-size: 30px;
    vertical-align:middle;

}
.locked a{
    color: #065ea5;
}

.locked button{float: right;}
.locked button i{color: #fff;font-size: 18px;}
.locked1{border: 1px dashed #b3d8ff;background:#ecf5ff;}
.locked1 i{color: #1e9fff;}

.layui-bg-gray1{
    background-color: #f3f3f3!important;
    color: #999!important
}

.layui-bg-gray1:hover{
    background-color: #1e9fff!important;
    color: #fff!important
}