@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}




*{box-sizing:border-box;color:#333;font-size: 16px;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:"microsoft yahei",'PingFang SC','PingFangMedium';/* font-size: inherit; */}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{margin:0 auto;max-width: 1200px;width: 90%;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}	
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #E1E1E1;overflow-x: hidden;}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline:hover{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 
.img_full{width: 100%;height: 100%;display: block;object-fit: fill;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}

/* ::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;} */

::-webkit-scrollbar{width: 7px;height: 6px;} 
::-webkit-scrollbar-track {background-color:transparent;} 
::-webkit-scrollbar-thumb { background-color:#cdcdcd;border-radius:4px;} 
::-webkit-scrollbar-button { display:none;} 
::-webkit-scrollbar-resizer {display:none;}

.hidden{overflow: hidden;}
.scrolly{overflow-y:scroll;}
.scrolly::-webkit-scrollbar{width: 0;} 
.scrollybg{overflow-y:scroll!important;/* padding-right: 0.03rem; */}


.c-main{color:#275CAA!important;}
.btn{border:none;cursor: pointer;color:#fff;background-color: #275CAA;text-align: center;display: inline-block;vertical-align: middle;}
.btn:hover{background-color: #1b62ba;}

/* 公共部分 */
.head{background-color: #fff;}
.hd-t{padding:30px 0;}
.hd-t .wrap{display: flex;align-items: center;justify-content: space-between;}
.hd-t .r{display: flex;align-items: center;}
.hd-logo{}
.hd-logo .img{height: 75px;width: auto;}

.hd-lks{font-size: 12px;color:#8e8e8e;}
.hd-lks .lk{padding:0 10px;display: inline-block;vertical-align: middle;font-family: 'simsun';font-size: 14px;}
.hd-lks .lk:last-child{padding-right: 0;}
.hd-lks .lk:hover{color:#275CAA;}

.hd-nav{background-color: #275CAA;}
.hd-nav .list{font-size: 0;}
.hd-nav li{min-width: 170px;display: inline-block;vertical-align: middle;padding-top: 3px;height: 46px;position: relative;}
.hd-nav li>a{display: block;font-size: 17px;color:#fff;padding:0 15px;line-height: 43px;text-align: center;}
.hd-nav li.has>a::after{content:'';display: inline-block;vertical-align: middle;margin-left: 7px;width: 11px;height: 11px;background:url(../images/arrow.png) no-repeat center;background-size:contain;}
.hd-nav li.cur>a{background-color: #0C3877;}

@media screen and (min-width:1200px){
	.hd-nav li:hover>a{background-color: #fff;color: #0C3877;}
	.hd-nav li:hover>a::after{background-image:url(../images/arrow-1.png);transform: rotate(180deg);}
	.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);}
}


.hd-nav .drop{background-color: #fff;position: absolute;left: 0;padding:20px 35px;z-index:100;box-shadow:0 5px 10px rgba(0,0,0,.1);left:0;transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .2s ease 0s;transform-origin: center top;}
.hd-nav .tit{font-size: 22px;color:#275CAA;font-weight: bold;margin-bottom: 10px;}
.hd-nav .box{display: flex;margin-left: -40px;}
.hd-nav .col{margin-left: 40px;flex:1;overflow: hidden;}
.hd-nav .smtit{font-size: 15px;color:#2e2e2e;line-height: 34px;border-bottom:1px solid #6c6c6c;margin-bottom: 8px;}
.hd-nav .lks{}
.hd-nav .lk{display: block;font-size: 14px;line-height: 30px;color:#5d5d5d;}
.hd-nav .lk::before{content:'';display: inline-block;vertical-align: middle;width: 6px;height: 6px;background-color: #878787;margin-right: 10px;}
.hd-nav .lk:hover{color:#275CAA;}
.hd-nav .lk:hover::before{background-color: #275CAA;}

.hd-nav li:last-child .drop{left:auto;right: 0;}
.hd-nav .drop1{width: 545px;}
.hd-nav .drop2{width: 100%;}

    


.foot{background-color: #303741;border-top:7px solid #275CAA;}
.ft-t{padding:25px 0;display: flex;align-items: flex-start;justify-content: space-between;}
.ft-t .wxbox{}
.ft-t .wxbox .img{width: 138px;}
.ft-t .wxbox .fz{font-size: 16px;color:rgba(255,255,255,.81);text-align: center;margin-top: 6px;}

.ft-t .menu{display: flex;flex:1;overflow: hidden;margin:0 12% 0 10%;justify-content: space-between;}
.ft-t .col{}
.ft-t .tit{font-size: 16px;color:#fff;margin-bottom: 8px;}
.ft-t .lks{}
.ft-t .lk{display: block;font-size: 14px;line-height: 25px;color:rgba(255,255,255,.5);}
.ft-t .lk:hover{color:#fff;}

.ft-t .info{width: 220px;}
.ft-t .txt{font-size: 14px;line-height: 25px;color:rgba(255,255,255,.5);}
.ft-t .form{}
.ft-t .ipt-txt{width: 100%;max-width: 186px;line-height: 28px;background-color: #fff;font-size: 14px;padding:0 10px;margin-top: 6px;}
.ft-t .submit{font-size: 12px;color:#fff;width: 80px;line-height: 24px;background-color: #275CAA;text-align: center;border:0;cursor: pointer;margin-top: 10px;}
.ft-t .submit:hover{background-color: #1b62ba;}

.ft-b{text-align: center;font-size: 11px;color:rgba(255,255,255,.45);padding:8px 0 15px;line-height: 1.4;border-top:1px dashed rgba(255,255,255,.45);}
.ft-b *{font-family: 'SimSun';}

/* 子目录 */
.pub-tt{margin-bottom: 25px;display: flex;align-items: center;justify-content: space-between;}
.pub-tt .smb{display: flex;align-items: center;}
.pub-tt .bt{font-size: 22px;color:#275CAA;font-weight: bold;}
.pub-tt .en{font-size: 18px;color:#275CAA;line-height: 1;margin-top: 4px;}
.pub-tt .ico{width: 74px;margin-left: 25px;}

.publist{display: flex;flex-wrap: wrap;margin-left: -1%;}
.publist .item{background-color: #fff;width: 19%;margin:0 0 1% 1%;display: block;}
.publist .imgbox{height: 133px;}
.publist .info{padding:8px 15px 15px;}
.publist .title{font-size: 13px;color:#5c5c5c;font-weight: bold;-webkit-line-clamp: 1;}
.publist .txt{font-size: 13px;color:#5c5c5c;-webkit-line-clamp: 1;margin-top: 5px;}
.publist .sm{display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.publist .xs{font-size: 13px;color:#da0000;font-weight: bold;}
.publist .wz{font-size: 13px;color:#727171;}
.publist .item:hover .title{color:#275CAA;}


.zml-main{padding:30px 0 60px;}

.zml-sx{padding:10px 35px;background-color: #F3F3F3;margin-bottom: 40px;}
.zml-sx .top{padding:15px 0;display: flex;align-items: center;}
.zml-sx .top .l{display: flex;flex:1;overflow: hidden;}
.zml-sx .smtit{font-size: 16px;color:#275CAA;font-weight: bold;width: 75px;line-height: 34px;}
.zml-sx .box{font-size: 14px;color:#4c4948;margin-left: -28px;}
.zml-sx .lk{font-size: 16px;color:#4c4948;display: inline-block;vertical-align: middle;margin:0 28px;line-height: 34px;border-bottom:3px solid transparent;}
.zml-sx .lk.checked{color:#275CAA;font-weight: bold;border-bottom-color:#275CAA;}
.zml-sx .lk:hover{color:#275CAA;}
.zml-sx .search{width: 184px;height: 22px;border:1px solid #275CAA;border-radius:2px;display: flex;overflow: hidden;}
.zml-sx .search .icon{width: 22px;height: 22px;background:url(../images/icon_02.png) no-repeat center #275CAA;background-size:13px;}
.zml-sx .search .ipt-txt{flex:1;overflow: hidden;font-size: 13px;padding:0 10px;}

.zml-sx .bot{padding:20px 0 10px 80px;border-top:1px solid #eaeaea;}
.zml-sx .wz{font-size: 15px;color:#2f2725;display: inline-block;vertical-align: middle;padding:0 15px;min-width: 66px;text-align: center;line-height: 24px;margin-bottom: 15px;border:1px solid transparent;border-radius:2px;/* margin-right: 5px; */}
.zml-sx .wz.checked{background-color: #eeeeee;border-color:#c8c8c8;}
 


.zml-sec{display: flex;align-items: flex-start;}
.zml-sec .menu{width: 230px;background-color: #F3F3F3;margin-right: 12px;}
.zml-sec .menu .lk{font-size: 16px;color:#2f2725;height: 65px;display: flex;align-items: center;justify-content: center;position: relative;}
.zml-sec .menu .lk::before{content:'';position: absolute;left: 20px;right: 20px;bottom: 1px;height: 1px;background-color: #eaeaea;}
.zml-sec .menu .lk::after{content:'>';position: absolute;right: 20px;top: 50%;transform: translate(0,-50%);color:#afafaf;}
.zml-sec .menu .lk.cur{font-weight: bold;color:#fff;background-color: #275CAA;}
.zml-sec .menu .lk.cur::before{display: none;}
.zml-sec .menu .lk.cur::after{color:#fff;}
.zml-sec .menu .lk:last-child::before{display: none;}


.zml-sec .rbox{flex:1;overflow: hidden;}
.zml-sec .publist{margin: 0;display: block;}
.zml-sec .publist .item{margin: 0;width: initial;}

.swiper-pagination{position: static;font-size: 0;}
.swiper-pagination-bullet{width: 9px;height: 9px;background-color: #dce5f4;opacity: 1;margin:0 7px!important;}
.swiper-pagination-bullet-active{background-color: #275CAA;}

.zml-sec .swiper-di{position: relative;height: 22px;display: flex;align-items: center;margin-top: 25px;justify-content: center;}
.zml-sec .readmore{font-size: 13px;color:#275CAA;line-height: 22px;position: absolute;right: 0;top: 50%;margin-top: -11px;font-weight: bold;display: inline-block;vertical-align: middle;}
.zml-sec .readmore:hover{text-decoration: underline;}

.zml-recom{margin-top: 35px;}


/* 订单提交 */
.tj-sec{padding:15px 0 45px;}
.tj-sec .wrap{background-color: #fff;padding:90px 30px 80px;}

.tj-sec .icon{width: 60px;margin:0 auto;display: block;}
.tj-sec .title{font-size: 23px;color:#140804;text-align: center;margin-top: 15px;}
.tj-sec .txt{font-size: 14px;color:#4c4948;line-height: 23px;margin-top: 20px;}
.tj-sec .box{text-align: center;border:2px solid #f1f1f1;margin-top: 15px;}
.tj-sec .box-t{height: 68px;background-color: #f7f7f7;display: flex;align-items: center;justify-content: center;font-size: 14px;color:#4c4948;flex-wrap: wrap;}
.tj-sec .box-t span{margin:0 55px;}
.tj-sec .box-t span em{margin-right: 12px;}
.tj-sec .box-b{padding:35px 0;}
.tj-sec .ann{font-size: 15px;color:#4c4948;display: inline-block;vertical-align: middle;line-height: 32px;border:2px solid #f1f1f1;padding:0 20px;margin:0 20px;}
.tj-sec .ann.this{color:#fff;background-color: #275CAA;border-color:#275CAA;}
.tj-sec .ann:hover{background-color: #1b62ba;color:#fff;border-color:#1b62ba;}

/* 付费成功 */
.fk-sec{padding:55px 0;}
.fk-top{display: flex;align-items: flex-start;margin-bottom: 28px;}
.fk-top .icon{width: 50px;margin-right: 15px;}
.fk-top .info{flex:1;overflow: hidden;}
.fk-top .title{font-size: 24px;color:#000;font-weight: bold;}
.fk-top .txt{font-size: 14px;line-height: 1.6;}
.fk-top .txt p{margin-top: 10px;}

.fk-bot{padding:15px 20px 60px;background-color: #fff;}
.fk-bot .font{font-size: 14px;color:#666;display: flex;flex-wrap: wrap;justify-content: space-between;line-height: 40px;}
.fk-bot .font em{font-size: 22px;color:#275CAA;font-weight: bold;}

.fk-bot .opts{margin-top: 12px;padding-top: 1px;}
.fk-bot .opt{display: flex;align-items: center;height: 70px;padding:0 18px;cursor: pointer;border:2px solid transparent;position: relative;font-size: 15px;}
.fk-bot .opt::after{content:'';position: absolute;width: 100%;left: 0;bottom: 0;height: 1px;background-color: #efefef;}
.fk-bot .opt .ico{width: 26px;margin:0 12px 0 18px;}
.fk-bot .opt input{width: 16px;height: 16px;}
.fk-bot .opt.checked{border-color:#4878b7;}
.fk-bot .opt.checked::after{display: none;}
.fk-bot .sibmit{font-size: 16px;color:#fff;width: 180px;line-height: 48px;border-radius:8px;height: 48px;background-color: #275CAA;margin-top: 35px;text-align: center;border:none;cursor: pointer;}
.fk-bot .sibmit:hover{background-color: #1b62ba;}


.pop{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index:100;background-color: rgba(0,0,0,.5);display: none;}
.pop .wrapbox{background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius:8px;}

.pop-pay .wrapbox{width: 385px;padding:35px 30px;text-align: center;}
.pop-pay .close{font-size: 30px;line-height: 1;color:#999;position: absolute;right: 12px;top: 7px;cursor: pointer;}
.pop-pay .title{font-size: 16px;color:#666;margin-bottom: 50px;}
.pop-pay .pic{width: 200px;display: block;margin:0 auto;}
.pop-pay .fz{font-size: 16px;color:#666;margin-top: 50px;}
.pop-pay .total{font-size: 22px;color:#f95a5a;margin-top: 12px;}


/* 我的课程 */
.kc-main{padding:20px 0 45px;}
.kc-s1,.kc-s2{display: flex;}
.kc-s1{margin-bottom: 12px;}

.kc-xx,.kc-func{max-width: 345px;width: 30%;margin-left: 12px;}


.pub-smtt{height: 50px;border-bottom:1px solid #d3d3d3;display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.pub-smtt .bt{font-size: 19px;color:#4c4948;display: inline-block;vertical-align: middle;margin-right: 40px;position: relative;line-height: 50px;}
.pub-smtt .bt:last-child{margin-right: 0;}
.pub-smtt .bt::after{content:'';position: absolute;left: 50%;bottom: 0;height: 5px;background-color: #275CAA;transition: all .3s;width: 0;}
.pub-smtt .ico{width: 24px;margin-right: 8px;}
.pub-smtt .bt.cur{color:#275CAA;font-weight: bold;}
.pub-smtt a.bt:hover{color:#275CAA;}
.pub-smtt .bt.x.cur::after{width: 100%;left: 0;}
.pub-smtt .more{font-size: 13px;color:#b9b9b9;font-weight: bold;}
.pub-smtt .more:hover{color:#275CAA;}

.pub-smtt .wz-lk{font-size: 13px;color:#4c4948;}
.pub-smtt a.wz-lk:hover{color:#275CAA;}

.kc-live{background-color: #fff;padding:10px 25px 15px;}

.kc-live .publist{margin: 0;display: block;}
.kc-live .publist .item{margin: 0;width: initial;background-color: #f7f7f7;}
.kc-live .publist .imgbox{height: 110px;}

.kc-live .swiper-pagination{margin-top: 12px;}
.kc-live .swiper-pagination-bullet{width: 5px;height: 5px;margin:0 4px!important;}



.kc-xx{padding:25px 30px 20px;background-color: #fff;}
.kc-xx .name{font-size: 20px;color:#4c4948;display: flex;align-items: center;margin-bottom: 20px;}
.kc-xx .hdpic{width: 68px;height: 68px;border:1px solid #275CAA;border-radius:50%;margin-right: 14px;}
.kc-xx .fz{font-size: 18px;color:#4c4948;line-height: 40px;}


.kc-qk{background-color: #fff;padding:10px 25px 0;}
.kc-qk .detail{height: 525px;width:calc(100% + 25px);padding-right: 25px;}
.kc-qk .list{position: relative;}
.kc-qk .list::before{content:'';position: absolute;left: 75px;top: 20px;bottom: 15px;width: 1px;background-color: #a1a1a1;}
.kc-qk .list .item{display: flex;align-items: flex-start;}
.kc-qk .list .lbox{width: 75px;padding:15px 15px 0 0;text-align: right;margin-right: 30px;}
.kc-qk .list .year{font-size: 17px;color:#4c4948;font-weight: bold;position: relative;}
.kc-qk .list .year::after{content:'';position: absolute;right: -21px;top: 4px;width: 12px;height: 12px;background-color: #275CAA;border-radius:50%;}
.kc-qk .list .fz{font-size: 14px;color:#4c4948;line-height: 20px;margin-top: 3px;}
.kc-qk .list .rbox{padding:15px 0;border-bottom:1px solid #e7e7e7;display: flex;align-items: center;flex:1;overflow: hidden;}
.kc-qk .list .imgbox{width: 25%;max-width: 180px;height: 100px;margin-right: 12px;}
.kc-qk .list .info{flex:1;overflow: hidden;}
.kc-qk .list .title{font-size: 18px;color:#4c4948;font-weight: bold;-webkit-line-clamp: 1;line-height: 1.4;margin-top: 5px;}
.kc-qk .list .cenbox{display: flex;align-items: center;font-size: 13px;color:#4c4948;margin-top: 15px;}
.kc-qk .list .bar{width:65%;max-width: 175px;height: 10px;background-color: #e7e7e7;border-radius:5px;position: relative;margin-right: 10px;}
.kc-qk .list .bar span{position: absolute;left: 0;top: 0;bottom: 0;background-color: #275CAA;border-radius:5px;}
.kc-qk .list .time{font-size: 13px;color:#4c4948;margin-top: 17px;}
.kc-qk .list .anniu{width:120px;line-height:35px;background-color: #e7e7e7;margin-left: 15px;border:none;cursor: pointer;font-weight: bold;}
.kc-qk .list .anniu.this{background-color: #275CAA;color:#fff;}
.kc-qk .list .anniu:hover{background-color: #1b62ba;color:#fff;}
.kc-qk .list .item:last-child .rbox{border-bottom:0;}
.kc-qk .list .title:hover{color: #275CAA;}

.kc-qk .tip-txt{text-align: center;font-size: 18px;color:#a6a6a6;line-height: 30px;padding-top: 170px;}


.kc-func{background-color: #fff;padding:10px 20px;}
.kc-func .list{display: flex;flex-wrap: wrap;}
.kc-func .list .lk{width: 33.333%;text-align: center;padding:20px 5px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;}
.kc-func .list .icon{height: 54px;width: auto;display: block;margin:0 auto;}
.kc-func .list .tit{font-size: 18px;color:#4c4948;margin-top: 10px;}
.kc-func .list .lk:nth-child(3n+1){border-left:none;}
.kc-func .list .lk:nth-child(1),.kc-func .list .lk:nth-child(2),.kc-func .list .lk:nth-child(3){border-top:0;}
.kc-func .list .lk:hover .tit{color:#275CAA;}


/* 学习视频 */
.crumb{font-size: 14px;color:#4c4948;line-height: 24px;margin-bottom: 8px;}
.crumb a:hover{color:#275CAA;}

.kc-top{padding: 20px;background-color: #fff;margin-bottom: 20px;}
.kc-top .detail{display: flex;align-items: flex-start;}
.kc-top .imgbox{max-width: 510px;height: 320px;overflow: hidden;width: 47%;margin-right: 30px;}
.kc-top .tt{display: flex;align-items: center;margin-bottom: 18px;}
.kc-top .title{font-size: 25px;color:#275CAA;font-weight: bold;line-height: 1.4;flex:1;overflow: hidden;}
.kc-top .share{margin-left: 30px;font-size: 12px;color:#5c5c5c;}
.kc-top .share .grp{display: inline-block;vertical-align: middle;margin:0 8px 0 0;}
.kc-top .share .grp:last-child{margin-right: 0;}
.kc-top .share .icon{width: 25px;height: 25px;}
.kc-top .txt{font-size: 13px;color:#5c5c5c;line-height: 18px;}
.kc-top .sm{font-size: 12px;color:#5c5c5c;flex-wrap: wrap;justify-content: space-between;margin-top: 15px;}
.kc-top .anniu{width: 185px;line-height: 48px;border-radius:3px;font-size: 21px;color:#fff;margin-top: 30px;}

.kc-top .anniu.disabled{background-color: #c4c4c4;}
.kc-top .desc{font-size: 16px;color:#5c5c5c;line-height: 27px;}
.kc-top .keyw{font-size: 14px;line-height: 22px;margin-top: 25px;}



.kc-s{display: flex;align-items: flex-start;margin-bottom: 20px;}
.kc-s:last-child{margin-bottom: 0;}
.kc-s-l{flex:1;overflow: hidden;background-color: #fff;}
.kc-s-r{width: 320px;margin-left: 20px;}

.kc-sec{padding:15px 30px;min-height: 383px;}

.kc-intro{padding:10px 0;}
.kc-intro .txt{font-size: 14px;color:#4c4948;line-height: 23px;}

.kc-eval{}
.kc-eval .starall{display: flex;align-items: center;padding:12px 0 22px;border-bottom:1px solid #d9d9d9;}
.kc-eval .starall .ic{width: 19px;margin-right: 5px;}

.kc-eval .list{}
.kc-eval .list .item{padding:15px 0;border-bottom:1px solid #d9d9d9;display: flex;align-items: flex-start;}
.kc-eval .list .item:last-child{border:0;}
.kc-eval .list .lbox{margin-right: 20px;width: 60px;}
.kc-eval .list .rbox{flex:1;overflow: hidden;}
.kc-eval .list .hdpic{width: 58px;height: 58px;border-radius:50%;margin:0 auto;}
.kc-eval .list .name{text-align: center;font-size: 14px;margin-top: 6px;}
.kc-eval .list .tt{display: flex;align-items: center;justify-content: space-between;margin-top: 6px;}
.kc-eval .list .star{display: flex;}
.kc-eval .list .star .ic{width: 19px;margin-right: 3px;}
.kc-eval .list .date{font-size: 14px;color:#999;}
.kc-eval .list .txt{margin-top: 10px;font-size: 14px;color:#333;}

.pages{text-align: center;margin-top: 20px;margin-bottom: 15px;font-size: 14px;}
.pages a{display: inline-block;vertical-align: middle;width: 32px;height: 32px;margin:0 1px;line-height: 32px;}
.pages a.active,.pages a:hover{color:#fff;background-color: #0e629e;border-color:#0e629e;}



.kc-catalog{}
.kc-catalog .item{margin-bottom: 10px;}
.kc-catalog .title{font-size: 16px;color:#999;font-weight: bold;line-height: 25px;padding:9px 0;}
.kc-catalog .drop{background-color: #f0f0f0;padding:8px 20px 8px 12px;}
.kc-catalog .row{font-size: 14px;color:#999;line-height: 30px;padding-left: 20px;position: relative;cursor: pointer;display: flex;align-items: center;}
.kc-catalog .row::before{content:'';position: absolute;width: 12px;height: 12px;background:url(../images/icon_27.png) no-repeat center;background-size:contain;left: 0;top: 8px;}

.kc-catalog .item.cur .title,.kc-catalog .item:hover .title{color:#333;}
.kc-catalog .item.cur .drop{background-color: #e6f1fd;}

.kc-catalog .row.this,.kc-catalog .row:hover{color:#333;}
.kc-catalog .row.this::before,.kc-catalog .row:hover::before{background-image:url(../images/icon_27-1.png)}
.kc-catalog .row:hover::after{content:'';display: block;width: 24px;height: 24px;background:url(../images/icon_28.png) no-repeat center;background-size:contain;margin-left: 20px;}




.kc-teach{background-color: #fff;padding:15px 20px;min-height: 383px;}
.kc-teach .wz-lk i{font-size: 14px;font-weight: bold;}
.kc-teach .box{display: flex;align-items: center;}
.kc-teach .box .hdpic{width: 74px;height: 74px;border-radius:50%;margin-right: 18px;}
.kc-teach .box .name{font-size: 14px;color:#4c4948;font-weight: bold;}
.kc-teach .box .font{font-size: 14px;color:#4c4948;line-height: 23px;margin-top: 5px;}
.kc-teach .desc{font-size: 14px;color:#4c4948;line-height: 28px;margin-top: 35px;}


/* 课程介绍 */

/* 云会议 */
.kc-bm{padding:15px 30px 25px;}
.kc-form{}
.kc-form .row{display: flex;justify-content: space-between;margin-bottom: 10px;}
.kc-form .item{width: 48%;}
.kc-form .tit{font-size: 16px;color:#4c4948;font-weight: bold;margin-bottom: 6px;}
.kc-form .tit i{color:#c70000;}
.kc-form .ipt-txt{width: 100%;line-height: 26px;border:1px solid #e0e0e0;padding:0 12px;font-size: 15px;color:#4c4948;}
.kc-form .disabled{background-color: #E1E1E1;}
.kc-form .box{background-color: #f7f7f7;padding: 18px;}
.kc-form .hang{margin-bottom: 10px;}
.kc-form .smtit{font-size: 15px;color:#4c4948;font-weight: bold;line-height: 40px;display: flex;align-items: center;}
.kc-form .radios{}
.kc-form .grp{font-size: 15px;color:#4c4948;margin-bottom: 25px;}
.kc-form .radio1{width: 17px;height: 17px;background:url(../images/icon_30.png) no-repeat center;background-size:contain;appearance: none;-webkit-appearance: none;margin-right: 10px;}
.kc-form .radio1:checked{background-image:url(../images/icon_30-1.png)}
.kc-form .radio2{width: 14px;height: 14px;background:url(../images/icon_31.png) no-repeat center;background-size:contain;appearance: none;-webkit-appearance: none;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -2px;}
.kc-form .radio2:checked{background-image:url(../images/icon_31-1.png)}
.kc-form .wenzi{font-size: 15px;color:#275CAA;font-weight: bold;}

.kc-form .sf{display: flex;justify-content: center;margin-top: 25px;}
.kc-form .sf .wz{margin:0 18px;font-size: 16px;color:#4c4948;cursor: pointer;}
.kc-form .sf .wz::before{content:'';display: inline-block;vertical-align: middle;width: 9px;height: 9px;margin-right: 8px;border-radius:50%;background-color: #d8d8d8;}
.kc-form .sf .checked::before{background-color: #275CAA;}




.kc-form .submit{font-size: 17px;font-weight: bold;width: 220px;height: 38px;border-radius:3px;display: flex;align-items: center;justify-content: center;margin:16px auto 0;}
.kc-form .submit::before{content:'';width: 24px;height: 24px;background:url(../images/icon_32.png) no-repeat center;background-size:contain;margin-right: 8px;}



.kc-fw{background-color: #fff;}
.kc-fw .t-tit{font-size: 19px;color:#275CAA;text-align: center;background-color: #daeaff;line-height: 26px;padding:17px 10px;font-weight: bold;}
.kc-fw .box{background-color: #598ac8;padding: 20px;}
.kc-fw .top{display: flex;align-items: center;margin-bottom: 13px;}
.kc-fw .top .icon{width: 66px;margin-right: 8px;}
.kc-fw .top .info{font-size: 17px;color:#fff;font-weight: bold;line-height: 1.5;}

.kc-fw .txt{font-size: 14px;color:#ffffff;line-height: 23px;}
.kc-fw .txt p{margin-bottom: 10px;display: flex;}
.kc-fw .font{text-align: center;font-size: 14px;color:#275CAA;background-color: #fff;line-height: 22px;padding:5px 10px;}


/* 我的订单 */
.pub-smwz{font-size: 19px;color:#4c4948;font-weight: bold;margin-bottom: 15px;}

.order-main{padding:25px 0 45px;}
.order-main .wrap{background-color: #fff;}
.order-main .t-tit{padding:25px 35px 0;}
.order-main .pub-smtt{padding:0 35px;margin-bottom: 25px;}
.order-main .pub-smtt .bt{margin-right: 40px;padding:0 7px;}
.order-main .detail{padding:0 35px 30px;}

.order-sec .nrw{border:2px solid #f7f7f7;margin-bottom: 25px;}
.order-sec .top{padding:20px 24px;background-color: #f7f7f7;display: flex;align-items: center;}
.order-sec .top .tag{display: inline-block;vertical-align: middle;margin-right: 18px;font-size: 13px;color:#fff;padding:0 14px;line-height: 24px;border-radius:2px;background-color: #275CAA;}
.order-sec .top .fz{font-size: 15px;color:#4c4948;margin-right: 75px;}
.order-sec .top .fz:last-child{margin-right: 0;}
.order-sec .top .zt{font-size: 18px;color:#275CAA;}

.order-sec .list{padding:0 20px;}
.order-sec .list .item{padding:30px 0;border-bottom:1px solid #e9e9e9;display: flex;align-items: center;}
.order-sec .list .item:last-child{border:0;}
.order-sec .list .rbox{flex:1;overflow: hidden;display: flex;align-items: flex-start;}
.order-sec .list .item *{font-size: 14px;line-height: 1.6;color:#333;}
.order-sec .list .sel{width: 17px;height: 17px;margin-right: 10px;appearance: none;-webkit-appearance: none;background:url(../images/icon_35.png) no-repeat center;background-size:contain;}
.order-sec .list .sel:checked{background-image:url(../images/icon_35-1.png)}
.order-sec .list .imgbox{width: 187px;height: 106px;border-radius:6px;margin-right: 15px;}
.order-sec .list .title{-webkit-line-clamp: 3;}
.order-sec .list .ann{width: 90px;line-height: 30px;font-size: 14px;color:#666;border:1px solid #e5e5e5;text-align: center;background-color: #fff;cursor: pointer;}
.order-sec .list .ann:hover{color:#fff;background-color: #275CAA;border-color:#275CAA;}
.order-sec .list .title:hover{color: #275CAA;}


.order-sec .list .w1{flex:1;overflow: hidden;margin-right: 5%;display: flex;align-items: flex-start;}
.order-sec .list .w2{width: 25%;}

.order-sec .dibot{display: flex;flex-wrap: wrap;justify-content: space-between;padding-right: 25px;}
.order-sec .total{display: flex;align-items: center;}
.order-sec .total span{font-size: 15px;color:#275CAA;}
.order-sec .total .paybtn{font-size: 15px;width: 90px;line-height: 30px;height: 30px;border-radius:2px;margin-left: 25px;}

.pagelist{display: flex;align-items: center;}
.pagelist *{font-size: 14px;}
.pagelist .wz{margin-right: 5px;}
.pagelist a{display: inline-block;vertical-align: middle;width: 30px;height: 30px;border:1px solid #e5e5e5;text-align: center;line-height: 30px;margin:0 5px;}
.pagelist a.active,.pagelist a:hover{color:#275CAA;border-color:#275CAA;}
.pagelist .select{width: 100px;height: 30px;line-height: 30px;padding:0 8px;border:1px solid #e5e5e5;margin-left: 8px;}



/* 云会议0 */
.hy-ban{}
.hy-ban .item{/* height: 375px; */}

.hy-bar{background-color: #E1E1E1;}
.hy-bar .box{display: flex;align-items: center;}
.hy-bar .tit{font-size: 14px;color:#E1E1E1;font-weight: bold;width: 158px;height: 37px;background:url(../images/img_06.png) no-repeat center;background-size:100% 100%;margin-right: 45px;line-height: 37px;text-align: center;display: block;}
.hy-bar .crumb{margin-bottom: 0;}

.hy-main{padding:30px 50px;background-color: #fff;margin-bottom: 65px;}

.hy-xw{margin-bottom: 60px;}
.hy-xw .list .item{padding:25px 0;border-bottom:1px solid #ababab;display: flex;align-items: flex-start;justify-content: space-between;}
.hy-xw .list .imgbox{width: 320px;height: 200px;margin-left: 30px;}
.hy-xw .list .info{flex:1;overflow: hidden;max-width: 445px;}
.hy-xw .list .title{font-size: 25px;color:#275CAA;line-height: 33px;-webkit-line-clamp: 2;font-weight: bold;}
.hy-xw .list .txt{font-size: 16px;color:#5c5c5c;line-height: 28px;margin-top: 20px;}
.hy-xw .list .button{margin-top: 18px;width: 148px;line-height: 38px;border-radius:2px;font-size: 17px;font-weight: bold;}

.hy-s1{display: flex;justify-content: space-between;align-items: flex-start;}
.hy-ril{width: 42%;}
.calendar{width: 100%;}
.calendar *{font-size: 13px;}
.calendar .layui-laydate-static{display: block;}
.calendar .layui-laydate-main{width: 100%;}
.calendar .layui-laydate-footer{display: none;}

.calendar .layui-laydate-content{padding: 0;}
.calendar .layui-laydate, .calendar .layui-laydate-hint{border:0;box-shadow:none;}
.calendar .layui-laydate-header{padding:0;margin-bottom: 0;border:0;}
.calendar .layui-laydate-content td,.calendar .layui-laydate-content th{padding: 4px 0;width: 26px;height: 26px;}
.calendar .layui-laydate-header i{padding: 0;font-size: 13px;top: 1px;}


.calendar .layui-laydate-content thead tr{background-color: #f4f4f4;}
.calendar .layui-laydate-content tbody tr:nth-child(even){background-color: #f4f4f4;}
.calendar .laydate-set-ym span{padding:0 3px;}

.hy-dt{width: 53%;}
.hy-dt .list{display: flex;justify-content: space-between;margin-top: -15px;flex-wrap: wrap;}
.hy-dt .list li{width: 48%;margin-top: 15px;}
.hy-dt .list .box{display: flex;align-items: flex-start;}
.hy-dt .list .date{width: 58px;text-align: center;margin-right: 12px;}
.hy-dt .list .fz1{font-size: 13px;color:#fff;line-height: 28px;background-color: #275CAA;}
.hy-dt .list .fz2{font-size: 13px;color:#275CAA;line-height: 28px;border:1px solid #e5e9e5;border-top:0;}
.hy-dt .list .info{flex:1;overflow: hidden;}
.hy-dt .list .title{font-size: 14px;color:#275CAA;-webkit-line-clamp: 1;margin-bottom: 3px;}
.hy-dt .list .fz{font-size: 13px;color:#666;line-height: 18px;}
.hy-dt .list li:hover .title{font-weight: bold;}


.hy-tips{margin-top: 60px;padding:35px 0 0;font-size: 14px;color:#4c4948;line-height: 23px;padding:35px 0 0;border-top:1px solid #ababab;}
.hy-tips .tit{font-size: 14px;color:#275CAA;font-weight: bold;}
.hy-tips h6,.hy-tips p{position: relative;padding-left: 18px;}
.hy-tips i{position: absolute;left: 0;top: 0;}


/* 购买课程 */
.buy-main{padding:15px 0 45px;}
.buy-xx{padding:25px 35px;background-color: #fff;margin-bottom: 15px;}
.buy-xx .detail{border:2px solid #f7f7f7;}
.buy-xx .desc{font-size: 14px;color:#4c4948;line-height: 23px;padding:20px 24px;background-color: #f7f7f7;}
.buy-xx .form{margin-top: 30px;padding:0 25px;}
.buy-xx .form .row{display: flex;margin-bottom: 20px;}
.buy-xx .form .tit{font-size: 15px;color:#4c4948;width: 80px;line-height: 35px;}
.buy-xx .form .tit i{color:red;}
.buy-xx .form .info{width: calc(100% - 80px);display: flex;align-items: center;}
.buy-xx .form .smb{width: 76%;max-width:500px;}
.buy-xx .form .ipt{width: 100%;padding:0 10px;border:1px solid #dfdfdf;height: 35px;line-height: 35px;font-size: 15px;}
.buy-xx .form .ipt-txt{}
.buy-xx .form .tips{font-size: 13px;color:#ff4b5c;margin-left: 8px;background:url(../images/icon_36.png) no-repeat left center;background-size:14px;padding-left: 20px;}
.buy-xx .form .select{width: 150px;margin-right: 15px;}


.buy-order{padding:25px 35px;background-color: #fff;}

.buy-order-t{}
.buy-order-t .bq{font-size: 12px;color:#fff;width: 67px;height: 23px;background:url(../images/icon_38.jpg) no-repeat center;background-size:100% 100%;display: block;text-align: center;line-height: 23px;}
.buy-order-t .box{padding:0 20px;background-color: #f7f7f7;border-radius:0 8px 8px 8px;}
.buy-order-t .infobox{display: flex;align-items: center;padding:12px 0;}
.buy-order-t .infobox *{font-size: 14px;color:#666;}
.buy-order-t .infobox .w1{flex:1;overflow: hidden;}
.buy-order-t .infobox .w2{width: 25%;}
.buy-order-t .infobox .w3{}
.buy-order-t .goodinfo{display: flex;align-items: center;}
.buy-order-t .goodinfo .imgbox{width: 80px;height: 45px;margin-right: 10px;border-radius:8px;}
.buy-order-t .goodinfo .title:hover{color:#275CAA;}

.buy-order-t .youhui{font-size: 14px;height: 50px;padding:0 15px;background-color: #fff;border-radius:4px;display: flex;align-items: center;justify-content: space-between;}
.buy-order-t .coupon{font-size: 14px;background:url(../images/icon_39.png) no-repeat right center;background-size:13px;padding-right: 20px;}


.buy-order-t .xiaoji{height: 36px;display: flex;align-items: center;justify-content: flex-end;font-size: 14px;color:#555;}

.buy-order-b{margin-top: 65px;}
.buy-order-b .total{width: 275px;font-size: 15px;line-height: 1.4;}
.buy-order-b .total p{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.buy-order-b .total .price{font-size: 22px;color:#2e6fd1;font-weight: bold;}

.buy-order-b .way{display: flex;align-items: center;justify-content: flex-end;margin-top: 50px;}
.buy-order-b .way .wz{font-size:16px;display:flex;align-items: center;margin-left: 15px;}
.buy-order-b .way input{width: 9px;height: 9px;background-color: #d8d8d8;border-radius:50%;margin-right: 8px;appearance: none;-webkit-appearance: none;}
.buy-order-b .way input:checked{background-color: #275CAA;}

.buy-order-b .di{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;align-items: center;}
.buy-order-b .ts{font-size: 13px;color:#666;background:url(../images/icon_37.png) no-repeat left center;background-size:14px;padding-left: 20px;}
.buy-order-b .rr{display: flex;align-items: center;}
.buy-order-b .deal{font-size: 13px;color:#666;display: flex;align-items: center;}
.buy-order-b .deal input{width: 14px;height: 14px;border:1px solid #f2f2f2;border-radius:3px;margin-right: 5px;}
.buy-order-b .submit{margin-left: 30px;width: 140px;line-height: 42px;height: 42px;border-radius:20px;background-color: #96b7e8;}
.buy-order-b .submit:hover{background-color: #1b62ba;}


/* index */
.idx-ban{position: relative;}
.idx-ban .slide1 .item{height: 440px;}
.idx-ban .slide1 .swiper-pagination{display: none;}

.idx-ban .slide2{padding:2px 0;background-color: rgba(0,0,0,.64);position: absolute;width: 100%;left: 0;bottom: 0;z-index:60;}
.idx-ban .slide2 .detbox{width: 600px;margin:0 auto;position: relative;}
.idx-ban .slide2 .swiper-container{position: static;}
.idx-ban .slide2 .swiper-slide{width: 96px;transform: scale(0.9,0.9);}
.idx-ban .slide2 .item{height: 50px;border:2px solid transparent;position: relative;}
.idx-ban .slide2 .item::after{content:'';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.38);}

.idx-ban .swiper-button{width: 30px;height: 30px;background-size:18px;margin-top: -15px;}
.idx-ban .swiper-button-prev{left: -55px;}
.idx-ban .swiper-button-next{right: -55px;}

.idx-ban .swiper-slide-thumb-active{transform: scale(1.2,1.2);}
.idx-ban .swiper-slide-thumb-active .item{border-color:#fff;border-radius:3px;}
.idx-ban .swiper-slide-thumb-active .item::after{display: none;}


.idx-kc{padding:60px 0 55px;background:url(../images/idx_02.jpg) no-repeat right center;background-size:cover;}
.idx-kc .titbox{text-align: center;margin-bottom: 25px;}
.idx-kc .titbox .bt{font-size: 26px;color:#275CAA;font-weight: bold;display: flex;justify-content: center;align-items: center;}
.idx-kc .titbox .bt::before,.idx-kc .titbox .bt::after{content:'';width: 200px;height: 1px;background-image: linear-gradient(to right, rgba(69,122,188,.05) , rgba(69,122,188,1));}
.idx-kc .titbox .bt::before{margin-right: 20px;}
.idx-kc .titbox .bt::after{margin-left: 20px;transform: rotate(180deg);}
.idx-kc .titbox .en{font-size: 21px;color:#275CAA;margin-top: 3px;}
.idx-kc .titbox .more{font-size: 18px;color:#275CAA;font-weight: bold;display: inline-block;vertical-align: middle;margin-top: 16px;}
.idx-kc .titbox .more:hover{text-decoration: underline;}

.idx-kc .publist .title,.idx-kc .publist .txt,.idx-kc .publist .xs,.idx-kc .publist .wz{font-size: 16px;}
.idx-kc .publist .imgbox{height: 215px;}
.idx-kc .publist .sm{justify-content: flex-start;margin-top: 25px;}
.idx-kc .publist .xs{margin-right: 10px;}
.idx-kc .publist .wz{color:#969696;}
.idx-kc .publist .title{margin-top: 5px;}

.idx-kc .publist{margin: 0;display: block;}
.idx-kc .publist .item{margin: 0;width: initial;}

.idx-kc .detail{position: relative;}
.idx-kc .swiper-container{position: static;}
.idx-kc .swiper-pagination{margin-top: 25px;}
.idx-kc .swiper-button{width: 40px;height: 40px;background:url(../images/arrow-1.png) no-repeat center;background-size:30px;cursor: pointer;margin-top: -20px;}
.idx-kc .swiper-button-prev{left: -60px;transform: rotate(90deg);}
.idx-kc .swiper-button-next{right: -60px;transform: rotate(-90deg);}



.idx-sec{padding:80px 0 75px;background:url(../images/idx_04.jpg) no-repeat right center;background-size:cover;}
.idx-sec .wrap{display: flex;justify-content: space-between;}

.idx-zx{width: 48%;}
.idx-zx .detail{}
.idx-zx .item{display: flex;align-items: center;background-color: #fff;}
.idx-zx .item .imgbox{width: 190px;height: 138px;display: block;}
.idx-zx .item .info{flex:1;overflow: hidden;padding:0 20px 0 25px;}
.idx-zx .item .title{font-size: 15px;color:#5c5c5c;font-weight: bold;-webkit-line-clamp: 1;}
.idx-zx .item .txt{font-size: 14px;color:#5c5c5c;line-height: 23px;-webkit-line-clamp: 2;height: 46px;margin-top: 5px;}
.idx-zx .item .bot{display: flex;align-items: center;justify-content: space-between;margin-top: 5px;}
.idx-zx .item .date{font-size: 12px;color:#727171;}
.idx-zx .item .more{font-size: 12px;width: 70px;line-height: 25px;border-radius:3px;}
.idx-zx .item:hover .title{color:#275CAA;}

.idx-zx .swiper-pagination{margin-top: 30px;}


.idx-expert{width: 48%;}
.idx-expert .pub-tt .more{font-size: 15px;color:#275CAA;font-weight: bold;}
.idx-expert .pub-tt .more:hover{text-decoration: underline;}
.idx-expert .intro{display: flex;justify-content: space-between;}
.idx-expert .intro .txt{font-size: 15px;color:#5c5c5c;line-height: 30px;-webkit-line-clamp: 10;width: 45%;}
.idx-expert .intro .imgbox{height: 283px;width: 51%;overflow: hidden;}
.idx-expert .menu{margin-top: 40px;padding:30px 0 0;border-top:1px solid #aeaeae;}
.idx-expert .menu .lk{height: 185px;background-color: #fff;padding: 10px;display: block;}
.idx-expert .menu .box{width: 100%;height: 100%;padding:25px 5px 0;border:1px solid #275CAA;}
.idx-expert .menu .ico{height: 80px;width: auto;display: block;margin:0 auto;}
.idx-expert .menu .ico-h{display: none;}
.idx-expert .menu .tit{font-size: 20px;color:#275CAA;font-weight: bold;text-align: center;margin-top: 6px;}
.idx-expert .menu .lk:hover{background-color: #275CAA;}
.idx-expert .menu .lk:hover .box{border-color:#fff;}
.idx-expert .menu .lk:hover .ico-s{display: none;}
.idx-expert .menu .lk:hover .ico-h{display: block;}
.idx-expert .menu .lk:hover .tit{color:#fff;}
.idx-expert .swiper-pagination{margin-top: 30px;}



/* 视频播放 */
.sp-main{height: 100vh;background-color: #717171;display: flex;}
.sp-sec{padding:0 12px;display: flex;flex-direction: column;position: relative;}
.sp-sec .top{/* height: 38px; */background-color: #717171;display: flex;align-items: center;padding:7px 10px;flex-wrap: wrap;justify-content: space-between;}
.sp-sec .top .l,.sp-sec .top .r{display: flex;align-items: center;}
.sp-sec .top .back{width: 28px;height: 28px;background:url(../images/arrow.png) no-repeat center;background-size:20px;transform: rotate(90deg);}
.sp-sec .top .title{display: flex;font-size: 14px;color:#fff;margin-left: 110px;line-height: 25px;}
.sp-sec .top .num{width: 100px;line-height: 25px;height: 25px;background-color: rgba(255,255,255,.3);text-align: center;margin-right: 8px;border-radius:14px;}
.sp-sec .top .wz{font-size: 14px;color:#555;margin-right: 40px;}
.sp-sec .showmore{width: 20px;height: 28px;display: flex;align-items: center;justify-content: center;background-color: #353e45;position: absolute;right: 0;top: 0;border-radius:4px 0 0 4px;padding-left: 3px;cursor: pointer;}
.sp-sec .showmore::after{content:'';width: 20px;height: 20px;background:url(../images/arrow.png) no-repeat center;background-size:contain;transform: rotate(-90deg);display: block;}
.sp-sec .showmore.this::after{transform: rotate(90deg);}

.sp-sec .bot{height: 30px;}
.sp-sec .bot .arrow{width: 40px;height: 24px;position: relative;display: flex;align-items: center;justify-content: center;background-color: rgba(255,255,255,.4);margin-left: 70px;margin-top: 6px;border-radius:3px 3px 0 0;}
.sp-sec .bot .arrow::after{content:'';width: 20px;height: 20px;background:url(../images/arrow.png) no-repeat center;background-size:contain;}

.sp-sec .videobox{flex:1;overflow: hidden;background-color: #000;}
.sp-sec .video{width: 100%;height: 100%;}

.sp-side{background-color: #14191d;width: 380px;display: none;}
.sp-side .bar{width: 60px;background-color: #353e45;}
.sp-side.show{display: flex;}

.sp-side .conbox{flex:1;overflow: hidden;padding:35px 0;display: flex;flex-direction: column;}
.sp-side .t-tit{font-size: 16px;color:#c1c1c1;line-height: 24px;padding:0 20px;font-weight: bold;}
.sp-side .list{margin-top: 15px;flex:1;overflow-y: scroll;}
.sp-side .list li{margin-bottom: 8px;}
.sp-side .list .title{font-size: 14px;color:#c1c1c1;padding:0 20px;line-height: 26px;margin-bottom: 6px;}
.sp-side .list .drop{}
.sp-side .list .row{line-height: 35px;display: flex;align-items: center;padding:0 30px 0 50px;}
.sp-side .list .lk{font-size: 14px;color:#c1c1c1;flex:1;overflow: hidden;}
.sp-side .list .icon{width: 20px;height: 20px;background:url(../images/icon_43.png) no-repeat center;background-size:contain;margin-left: 15px;display: block;}
.sp-side .list .row.this,.sp-side .list .row:hover{background-color: #424242;}
.sp-side .list .row.this .icon,.sp-side .list .row:hover .icon{background-image:url(../images/icon_43-1.png)}

.sp-side .grp{padding:15px 0;text-align: center;cursor: pointer;}
.sp-side .grp .icon{height: 24px;width: auto;display: block;margin:0 auto;}
.sp-side .grp .tit{font-size: 16px;color:#fff;font-weight: bold;margin-top: 5px;}
.sp-side .grp.cur{background-color: #999999;}

.sp-side .colors{text-align: center;margin-top: 90px;}
.sp-side .colors .tit{font-size: 16px;color:#fff;font-weight: bold;text-align: center;margin-bottom: 10px;line-height: 1.6;}
.sp-side .colors .opt{width: 34px;height: 34px;padding: 4px;margin: 0 auto 20px;display: block;}
.sp-side .colors .opt i{width: 100%;height: 100%;display: block;}
.sp-side .colors .opt.checked{background:url(../images/icon_42.png) no-repeat center;background-size:100% 100%;}



/*#275CAA   1b62ba*/


@media screen and (min-width:992px) and (max-width:1240px){
	.auto{width: 94%;}
	
	.hd-nav .list{display: flex;justify-content: space-between;}
	.hd-nav li{min-width: auto;flex:1;}
	
	
	/* 子目录 */
	.zml-sx .lk{margin:0 18px;}
	.zml-sx .bot{padding:20px 0 10px 70px;}
	
	/* 我的课程 */
	.kc-qk .list .anniu{width: 100px;}
	
	.kc-func .list .icon{height: 42px;}
	.kc-func .list .tit{font-size: 16px;}
	
	
	
}

@media screen and (min-width:768px) and (max-width:991px){
	.auto{padding:0 3%;width: 100%;}
	
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 30px;height: 30px;background: url(../images/menu.png) no-repeat center;background-size:30px;display: block;margin-top: -15px;z-index:100;}
	.sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:28px;}


	.head{position: sticky;width: 100%;left: 0;top: 0;z-index:100;}
	.hd-t{padding: 10px 0;}
	.hd-t .r{margin-right: 50px;}
	.hd-logo .img{height: 65px;}
	
	
	.hd-nav{position: fixed;width: 100%;left: 0;top: 85px;bottom:0;overflow-y: scroll!important;display: none;}
	.hd-nav .auto{padding: 0;}
	.hd-nav li{margin: 0;display: block;height: auto;padding: 0;min-width: 100%;border-bottom:1px solid rgba(255,255,255,.15);}
	.hd-nav li>a{line-height: 70px;font-size: 18px;padding:0 4%;text-align: left;}
	.hd-nav li>a::after{display: none;}
	.hd-nav li.cur>a{background-color: transparent;}
	
	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 70px;height: 70px;background:url(../images/arrow.png) no-repeat center;background-size:20px;}
	.hd-nav .arrow.this{transform: rotate(180deg);}
	
	.hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;background-color: transparent;padding: 0;display: none;margin-left: 0;box-shadow:none;padding:0 0 0 4%;border-top:1px solid rgba(255,255,255,.15);}
	
	.hd-nav .tit{display: none;}
	.hd-nav .box{margin: 0;display: block;}
	.hd-nav .col{width: 100%;margin: 0;position: relative;border-bottom:1px solid rgba(255,255,255,.15);}
	.hd-nav .col:last-child{border:0;}
	.hd-nav .smtit{color:#fff;border-color:rgba(255,255,255,.4);line-height: 60px;margin: 0;border:none;margin-left: 15px;}
	.hd-nav .col .arrow{width: 60px;height: 60px;background-size:16px;right: 10px;}
	.hd-nav .col:last-child .smtit{border:0;}
	.hd-nav .lks{display: none;padding:10px 20px;border-top:1px solid rgba(255,255,255,.15);}
	.hd-nav .lk{color:#fff;line-height: 36px;}
	.hd-nav .lk::before{background-color: #fff;    border-radius: 50%;}
	
	.hd-nav .drop2 .lks{display: block;border-top:0;}
	
	.foot{border-width:4px;}
	.ft-t .wxbox .img{width: 110px;}
	.ft-t .wxbox .fz{font-size: 14px;}
		
	.ft-t .menu{margin:0 5% 0 5%;}
	
	
	/* 子目录 */
	.zml-sx{margin-bottom: 30px;padding:0 25px;}
	.zml-sx .smtit{display: block;width: 100%;line-height: 30px;margin-bottom: 10px;}
	.zml-sx .top{position: relative;}
	.zml-sx .top .l{display: block;}
	.zml-sx .box{margin-left: -18px;}
	.zml-sx .search{position: absolute;right: 0;top: 20px;}
	
	
	.zml-sx .lk{margin:0 18px;}
	.zml-sx .bot{padding:20px 0 10px;}
	

	.zml-sec{display: block;}
	.zml-sec .menu{text-align: center;white-space: nowrap;width: 100%;margin:0 0 20px;}
	.zml-sec .menu .lk{display: inline-block;vertical-align: middle;height: auto;line-height: 50px;padding:0 20px;}
	.zml-sec .menu .lk::after{display: none;}
	.zml-sec .menu .lk::before{display: none;}
	
	.publist{margin-left: -2%;}
	.publist .item{width: 31.3%;margin:0 0 2% 2%;}
	
	
	/* 订单提交 */
	
	/* 付费成功 */
	
	/* 我的课程 */
	.kc-s1, .kc-s2{display: block;}
	.kc-xx, .kc-func{width: 100%;max-width: 100%;margin: 12px 0 0;}
	
	
	.kc-qk .list .anniu{width: 100px;}
	
	.kc-func .list .icon{height: 42px;}
	.kc-func .list .tit{font-size: 16px;}
	
	
	/* 学习视频 */
	.kc-top .detail{display: block;}
	.kc-top .imgbox{width: 100%;max-width: 100%;height: auto;max-height: 360px;margin:0 0 25px;}
	.kc-top .anniu{font-size: 18px;width: 160px;line-height: 44px;}
	
	
	.kc-s{display: block;}
	.kc-s-r{width: 100%;margin: 20px 0 0;}
	
	.kc-sec{min-height: auto;padding:15px 20px;}
	
	.kc-teach{min-height: auto;}
	
	
	/* 云会议 */
	.kc-bm{padding:15px 20px;}
	
	
	/* 我的订单 */
	.order-main .t-tit{padding:25px 0 0;}
	.order-main .pub-smtt{padding: 0;}
	.order-main .detail{padding:0 0 30px;}
	
	.order-sec .top{padding:18px 20px;}
	.order-sec .top .fz{margin-right: 30px;}
	
	.order-sec .list .rbox{align-items: center;}
	.order-sec .list .imgbox{width: 160px;}
	.order-sec .list .ann{width: 84px;}
	
	.order-sec .dibot{flex-direction: column;align-items: center;}
	
	.order-sec .total{margin-top: 20px;}
	
	/* 云会议0 */
	.hy-ban .auto{padding: 0;}
	
	.hy-bar{padding: 0;}
	
	.hy-main{padding:20px 3%;}
	
	.hy-xw{margin-bottom: 30px;}
	.hy-xw .list .imgbox{width: 260px;height: 170px;}
	.hy-xw .list .title{font-size: 20px;line-height: 30px;}
	.hy-xw .list .txt{font-size: 14px;line-height: 24px;margin-top: 15px;}
	.hy-xw .list .button{margin-top: 14px;}
	
	.hy-s1{display: block;}
	.hy-ril{width: 100%;}
	
	
	.hy-dt{width: 100%;}
	
	
	/* 购买课程 */
	.buy-xx .form .info{display: block;}
	.buy-xx .form .smb{width: 100%;max-width: 100%;}
	
	.buy-order-b .di{flex-direction: column;}
	.buy-order-b .rr{display: block;}
	.buy-order-b .deal{margin-top: 10px;}
	.buy-order-b .submit{margin:20px auto 0;display: block;}
	
	
	/* index */
	.idx-ban .slide1 .item{height: 380px;}
	
	.idx-kc{padding:50px 0 20px;}
	
	.idx-sec{padding:50px 0;}
	.idx-sec .wrap{display: block;}
	
	.idx-zx{width: 100%;}
	
	
	.idx-expert{width: 100%;margin-top: 50px;}
	
	/* 视频播放 */
	.sp-sec .top .title{margin-left: 35px;}
	.sp-sec .top .num{width: 70px;}
	.sp-sec .showmore{transition: all 0s;}
	.sp-sec .showmore.this{right: 380px;transition: all 0s;}
	
	.sp-side.show{display: flex;position: fixed;right: 0;top: 0;bottom: 0;}
	
	
	
	
	
}


@media screen and (min-width:320px) and (max-width:767px){
	.auto{padding:0 4%;width: 100%;}
	
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 30px;height: 30px;background: url(../images/menu.png) no-repeat center;background-size:28px;display: block;margin-top: -15px;z-index:100;}
	.sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:28px;}


	.head{position: sticky;width: 100%;left: 0;top: 0;z-index:100;}
	.hd-t{padding: 10px 0;}
	.hd-t .r{margin-right: 35px;}
	.hd-lks{font-size: 0;}
	.hd-lks .lk{padding: 0;margin:0 3px;font-size: 13px;}
	
	.hd-logo .img{height: 50px;}
	
	
	.hd-nav{position: fixed;width: 100%;left: 0;top: 70px;bottom:0;overflow-y: scroll!important;display: none;}
	.hd-nav .auto{padding: 0;}
	.hd-nav li{margin: 0;display: block;height: auto;padding: 0;min-width: 100%;border-bottom:1px solid rgba(255,255,255,.15);}
	.hd-nav li>a{line-height: 60px;font-size: 16px;padding:0 4%;text-align: left;}
	.hd-nav li>a::after{display: none;}
	.hd-nav li.cur>a{background-color: transparent;}
	
	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 60px;height: 60px;background:url(../images/arrow.png) no-repeat center;background-size:16px;}
	.hd-nav .arrow.this{transform: rotate(180deg);}
	
	.hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;background-color: transparent;padding: 0;display: none;margin-left: 0;box-shadow:none;padding:0 0 0 4%;border-top:1px solid rgba(255,255,255,.15);transition: all 0s ease 0s;}
	
	.hd-nav .tit{display: none;}
	.hd-nav .box{margin: 0;display: block;}
	.hd-nav .col{width: 100%;margin: 0;position: relative;border-bottom:1px solid rgba(255,255,255,.15);}
	.hd-nav .col:last-child{border:0;}
	.hd-nav .smtit{color:#fff;border-color:rgba(255,255,255,.4);line-height: 50px;margin: 0;border:none;margin-left: 15px;}
	.hd-nav .col .arrow{width: 50px;height: 50px;background-size:14px;right: 10px;}
	.hd-nav .col:last-child .smtit{border:0;}
	.hd-nav .lks{display: none;padding:10px 20px;border-top:1px solid rgba(255,255,255,.15);}
	.hd-nav .lk{color:#fff;line-height: 36px;}
	.hd-nav .lk::before{background-color: #fff;border-radius: 50%;width: 4px;height: 4px;}
	
	.hd-nav .drop2 .lks{display: block;border-top:0;}
	
	
	.foot{border-width:4px;}
	.ft-t{flex-direction: column;align-items: center;}
	.ft-t .wxbox .img{width: 110px;}
	.ft-t .wxbox .fz{font-size: 14px;}
		
	.ft-t .menu{margin:0;padding:20px 0 10px;width: 100%;display: block;}
	.ft-t .col{margin-bottom: 15px;}
	.ft-t .tit{font-size: 15px;margin-bottom: 5px;}
	.ft-t .lks{margin-left: -15px;}
	.ft-t .lk{display: inline-block;vertical-align: middle;margin:0 0 0 15px;}
	.ft-t .info{width: 100%;}
	.ft-t .form{display: flex;width: 100%;margin-top: 10px;}
	.ft-t .ipt-txt{flex:1;overflow: hidden;margin:0;max-width: 100%;}
	.ft-t .submit{margin:0 0 0 10px;}
	
	
	
	/* 子目录 */
	.zml-main{padding:20px 0;}
	.zml-main .auto{padding: 0;}
	
	.zml-sx{margin-bottom: 20px;padding:0 4%;}
	.zml-sx .smtit{display: block;width: 100%;line-height: 30px;margin-bottom: 10px;}
	.zml-sx .top{position: relative;padding:15px 0 5px;}
	.zml-sx .top .l{display: block;}
	.zml-sx .box{margin-left: -15px;font-size: 0;}
	.zml-sx .lk{margin:0 15px 8px;font-size: 16px;border-width:2px;}
	.zml-sx .search{position: absolute;right: 0;top: 20px;}
	
	.zml-sx .bot{padding:15px 0 10px;}
	.zml-sx .wz{font-size: 14px;min-width: auto;margin-bottom: 8px;margin-right: 0;padding:0 13px;}


	.zml-sec{display: block;}
	.zml-sec .menu{text-align: center;white-space: nowrap;width: 100%;margin:0 0 20px;overflow-x: scroll;}
	.zml-sec .menu .lk{display: inline-block;vertical-align: middle;height: auto;line-height: 46px;padding:0 20px;}
	.zml-sec .menu .lk::after{display: none;}
	.zml-sec .menu .lk::before{display: none;}
	
	.zml-sec .rbox{padding:0 4%;}
	
	.swiper-pagination-bullet{margin:0 4px!important;width: 8px;height: 8px;}
	
	.zml-recom{padding:0 4%;}
	
	.pub-tt{margin-bottom: 20px;}
	.pub-tt .bt{font-size: 20px;}
	.pub-tt .en{font-size: 15px;}
	.pub-tt .ico{width: 50px;margin-left: 20px;}
	
	
	.publist{margin-left: 0;justify-content: space-between;}
	.publist .item{width: 48.5%;margin:0 0 3% 0;}
	
	
	/* 订单提交 */
	.tj-sec{padding:15px 0 30px;}
	.tj-sec .wrap{padding:50px 4%;}
	.tj-sec .icon{width: 50px;}
	.tj-sec .title{font-size: 20px;}
	.tj-sec .box-t{display: block;height: auto;padding:15px 0;line-height: 24px;}
	.tj-sec .box-t span{margin: 0;display: block;}
	.tj-sec .box-b{display: flex;justify-content: space-around;padding:30px 10px;}
	.tj-sec .ann{margin:0 0;padding:0 15px;}
	
	
	/* 付费成功 */
	.fk-sec{padding:50px 0;}
	.fk-top .icon{width: 36px;}
	.fk-top .title{font-size: 20px;}
	.fk-top .txt p{margin-top: 6px;}
	
	.fk-bot{padding:15px 20px 30px;}
	.fk-bot .font em{font-size: 20px;}
	.fk-bot .opt{height: 55px;padding:0 10px;}
	.fk-bot .opt.checked{border-color:transparent;}
	.fk-bot .opt.checked::after{display: block;}
	.fk-bot .sibmit{width: 140px;margin:30px auto 0;display: block;}
	
	.pop-pay .wrapbox{width: 85%;}
	.pop-pay .title{margin-bottom: 30px;}
	.pop-pay .pic{width: 170px;}
	.pop-pay .fz{margin-top: 30px;}
	
	
	/* 我的课程 */
	.kc-main{padding:15px 0 30px;}
	.kc-main .auto{padding: 0;}
	.kc-s1, .kc-s2{display: block;}
	.kc-xx, .kc-func{width: 100%;max-width: 100%;margin: 12px 0 0;}
	
	.kc-live{padding:10px 4% 15px;}
	
	.kc-xx{padding:25px 4%;}
	.kc-xx .name{font-size: 18px;margin-bottom: 15px;}
	.kc-xx .hdpic{width: 54px;height: 54px;}
	.kc-xx .box{display: flex;flex-wrap: wrap;}
	.kc-xx .fz{font-size: 16px;min-width: 50%;line-height: 32px;}
	
	
	.pub-smtt .bt{margin-right: 25px;font-size: 17px;}
	.pub-smtt .bt::after{height: 3px;}
	.pub-smtt .ico{width: 20px;}
	.pub-smtt .more{font-weight: normal;font-size: 12px;line-height: 24px;}
	
	
	.kc-qk{padding:10px 4%;}
	.kc-qk .pub-smtt .bt{margin-right: 15px;}
	.kc-qk .detail{height: auto;width: 100%;padding: 0;}
	
	.kc-qk .list .rbox{display: block;}
	.kc-qk .list .imgbox{width: 100%;margin:0 0 10px;max-width: 100%;height: 160px;}
	.kc-qk .list .title{font-size: 16px;}
	.kc-qk .list .time{margin-top: 12px;}
	.kc-qk .list .anniu{width: 100px;margin:10px 0 0;font-size: 15px;}
	
	.kc-func{padding:10px 4%;}
	.kc-func .list .icon{height: 36px;}
	.kc-func .list .tit{font-size: 16px;}
	
	
	/* 学习视频 */
	.kc-top{margin-bottom: 12px;}
	.kc-top .detail{display: block;}
	.kc-top .imgbox{width: 100%;max-width: 100%;height: auto;max-height: 360px;margin:0 0 15px;}
	.kc-top .title{font-size: 18px;}
	.kc-top .anniu{font-size: 16px;width: 130px;line-height: 42px;margin-top: 20px;}
	.kc-top .desc{font-size: 15px;line-height: 26px;}
	
	.kc-s{display: block;margin-bottom: 12px;}
	.kc-s-r{width: 100%;margin: 12px 0 0;}
	
	.kc-sec{min-height: auto;padding:15px 20px;}
	
	.kc-teach{min-height: auto;}
	.kc-teach .desc{margin-top: 20px;line-height: 24px;}
	
	.kc-eval .list .lbox{width: 50px;margin-right: 15px;}
	.kc-eval .list .hdpic{width: 48px;height: 48px;}
	.kc-eval .list .star .ic{width: 16px;}
	
	.pages a{width: 28px;height: 28px;line-height: 28px;}
	
	
	/* 云会议 */
	.kc-bm{padding:15px 4%;}
	
	.kc-form .row{display: block;margin-bottom: 0;}
	.kc-form .item{width: 100%;margin-bottom: 15px;}
	.kc-form .tit{font-size: 15px;}
	.kc-form .ipt-txt{line-height: 32px;}
	
	.kc-form .box{padding:12px 18px;}
	.kc-form .hang>div{display: block;}
	.kc-form .wenzi{font-size: 14px;margin-top: 15px;display: block;}
	.kc-form .radio1{width: 15px;height: 15px;}
	.kc-form .sf{margin-top: 15px;}
	.kc-form .submit{font-size: 16px;width: 180px;height: 44px;}
	.kc-form .submit::before{width: 20px;height: 20px;}
	
	.kc-fw .t-tit{font-size: 18px;padding:12px 10px;line-height: 24px;}
	.kc-fw .top .icon{width: 60px;}
	.kc-fw .top .info{font-size: 16px;}
	
	
	/* 我的订单 */
	.order-main .t-tit{padding:25px 0 0;}
	.order-main .pub-smtt{padding: 0;margin-bottom: 15px;}
	.order-main .pub-smtt>div{justify-content: space-around;width: 100%;}
	.order-main .pub-smtt .bt{margin-right: 0;}
	.order-main .detail{padding:0 0 30px;}
	
	.order-sec .top{padding:18px 20px;position: relative;}
	.order-sec .top .tag{margin:0 0 8px 0;}
	.order-sec .top .fz{margin-right: 0;line-height: 24px;width: 100%;}
	.order-sec .top .zt{font-size: 16px;position: absolute;right: 20px;top: 18px;}
	
	
	.order-sec .list .item{padding:20px 0;align-items: flex-start;}
	.order-sec .list .sel{margin-top: 25px;width: 15px;height: 15px;}
	.order-sec .list .rbox{align-items: center;flex-wrap: wrap;justify-content: space-between;line-height: 30px;}
	.order-sec .list .w1{width: 100%;flex:initial;margin: 0 0 10px;}
	.order-sec .list .w2{width: 50%;}
	.order-sec .list .w3{width: auto;}
	.order-sec .list .imgbox{width: 110px;height: 70px;}
	.order-sec .list .ann{width: 84px;margin:0;}
	
	.order-sec .dibot{flex-direction: column;align-items: center;padding: 0;}
	
	.order-sec .total{margin-top: 20px;display: block;}
	.order-sec .total span{font-size: 13px;}
	.order-sec .total .paybtn{margin:15px auto 0;display: block;}
	
	.pagelist a{width: 26px;height: 26px;line-height: 26px;font-size: 13px;margin:0 2px;}
	.pagelist .select{width: 90px;height: 26px;line-height: 26px;}
	
	
	/* 云会议0 */
	.hy-ban .auto{padding: 0;}
	
	.hy-bar{padding:8px 4%;}
	.hy-bar .tit{display: none;}
	
	
	.hy-main{padding:10px 4% 20px;margin-bottom: 20px;}
	
	.hy-xw{margin-bottom: 20px;}
	.hy-xw .pub-smtt .bt{margin-right: 35px;}
	
	.hy-xw .list{margin-top: -15px;}
	.hy-xw .list .item{flex-direction: column-reverse;}
	.hy-xw .list .imgbox{width: 100%;height: 190px;margin:0 0 15px;}
	.hy-xw .list .title{font-size: 18px;line-height: 26px;}
	.hy-xw .list .txt{font-size: 14px;line-height: 24px;margin-top: 10px;}
	.hy-xw .list .button{margin-top: 14px;width: 130px;font-size: 16px;}
	
	.hy-s1{display: block;}
	.hy-ril{width: 100%;}
	
	
	.hy-dt{width: 100%;margin-top: 20px;}
	.hy-dt .list{display: block;margin-top: 0;}
	.hy-dt .list li{width: 100%;}
	
	.hy-tips{margin-top: 30px;padding-top: 20px;}
	
	
	
	
	/* 购买课程 */
	.buy-main{padding:15px 0 20px;}
	.buy-main .auto{padding: 0;}
	
	.buy-xx{padding:20px 4%;margin-bottom: 12px;}
	.buy-xx .desc{padding:15px 15px;}
	.buy-xx .detail{border: 0;}
	.buy-xx .form{margin-top: 15px;padding:0;}
	.buy-xx .form .row{display: block;margin-bottom: 15px;}
	.buy-xx .form .info{display: block;width: 100%;}
	.buy-xx .form .smb{width: 100%;max-width: 100%;}
	.buy-xx .form .tips{margin:5px 0 0;}
	
	.buy-order{padding:20px 4%;}
	.buy-order-t .infobox{flex-wrap: wrap;}
	.buy-order-t .infobox .w1{width: 100%;flex:initial;margin-bottom: 10px;}
	.buy-order-t .infobox .w2{width: 50%;}
	
	.buy-order-b{margin-top: 30px;}
	.buy-order-b .total .price{font-size: 20px;}
	.buy-order-b .way{margin-top: 30px;}
	.buy-order-b .way .wz{font-size: 14px;}
	.buy-order-b .di{flex-direction: column;}
	.buy-order-b .ts{background-position:left 3px;font-size: 12px;}
	.buy-order-b .rr{display: block;}
	.buy-order-b .deal{margin-top: 10px;}
	.buy-order-b .submit{margin:20px auto 0;display: block;}
	
	
	.pub-smwz{font-size: 17px;margin-bottom: 12px;}
	
	
	/* index */
	.idx-ban .slide2{display: none;}
	.idx-ban .slide1 .item{height: 260px;}
	.idx-ban .slide1 .swiper-pagination{display: block;position: absolute;bottom: 15px!important;}
	
	
	.idx-kc{padding:40px 0 20px;}
	.idx-kc .titbox .bt{font-size: 21px;}
	.idx-kc .titbox .bt::before, .idx-kc .titbox .bt::after{width: 70px;}
	.idx-kc .titbox .bt::before{margin-right: 10px;}
	.idx-kc .titbox .bt::after{margin-left: 10px;}
	.idx-kc .titbox .en{font-size: 16px;}
	.idx-kc .titbox .more{font-size: 15px;}
	.idx-kc .publist .imgbox{height: 133px;}
	.idx-kc .publist .title, .idx-kc .publist .txt, .idx-kc .publist .xs, .idx-kc .publist .wz{font-size: 13px;}
	.idx-kc .publist .sm{margin-top: 10px;}
	
	
	.idx-sec{padding:30px 0;}
	.idx-sec .wrap{display: block;}
	
	.idx-zx{width: 100%;}
	.idx-zx .item .imgbox{width: 150px;height: 130px;}
	.idx-zx .item .info{padding:0 15px;}
	.idx-zx .item .txt{line-height: 20px;height: 40px;}
	.idx-zx .swiper-pagination{margin-top: 20px;}
	
	
	
	.idx-expert{width: 100%;margin-top: 50px;}
	.idx-expert .pub-tt .more{font-size: 14px;}
	.idx-expert .intro{display: block;}
	.idx-expert .intro .txt{width: 100%;line-height: 26px;}
	.idx-expert .intro .imgbox{width: 100%;height: auto;max-height:250px;margin-top: 15px;}
	.idx-expert .menu{border:0;padding-top: 0;}
	.idx-expert .menu .lk{height: 155px;}
	.idx-expert .menu .ico{height: 50px;}
	.idx-expert .menu .tit{font-size: 18px;margin-top: 10px;}
	.idx-expert .swiper-pagination{margin-top: 20px;}
	
	
	/* 视频播放 */
	.sp-sec .top{padding:7px 0;}
	.sp-sec .top .title{margin-left: 25px;}
	.sp-sec .top .num{width: 50px;}
	.sp-sec .top .wz{display: none;}
	.sp-sec .showmore{transition: all 0s;}
	.sp-sec .showmore.this{right: 300px;transition: all 0s;}
	
	.sp-side{width: 300px;}
	.sp-side.show{display: flex;position: fixed;right: 0;top: 0;bottom: 0;}
	.sp-side .conbox{padding:25px 0;}
	.sp-side .t-tit{font-size: 15px;}
	
	.sp-side .grp .icon{font-size: 22px;}
	.sp-side .grp .tit{font-size: 14px;}
	
	.sp-side .colors{margin-top: 50px;}
	
	
	
	
}