em{display:inline-block;background:url(../images/index-icon.png) no-repeat 0 0;vertical-align: middle;}


#nav li a{font-size:20px;position: relative;margin:0 17px;line-height:66px;}

/*=========================================== banner ===========================================*/
.ban{ width:100%;  position:relative;  height:500px; background:#000;  }
.ban .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.ban .bd ul{ width:100% !important;  }
.ban .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;background-size:cover;}
.ban .bd li a{ display:block; height:500px; }

.ban .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.ban .hd ul{ text-align:center; }
.ban .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:35px; height:5px; margin:11px; overflow:hidden; background:transparent;
line-height:999px;border:1px solid #fff;border-radius:5px;}
.ban .hd ul .on{ background:#fff;}

.ban .prev,
.ban .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:50%;margin-left:-680px;  z-index:1; width:72px; height:72px; border-radius:100%;background:url(../images/slider-arrow.png) -112px -133px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=40);opacity:0.4; /*display:none; */ }
.ban .next{ left:auto; right:50%;margin-right:-680px;background-position:8px -133px; }

.ban .prev:hover, .ban .next:hover{filter:alpha(opacity=60);opacity:.6;}

/*ban左侧导航*/
.ban-left{width:322px;height:100%;background:#fff;top:0;left:50%;margin-left:-600px;z-index:9;}
.ban-left .item{padding:0 10px 0 22px;}
.ban-left .item2{margin-right:40px;}
.ban-left .item3{margin-right:50px;}
.ban-left .item4{margin-right:0;}
.ban-left .item4 a{padding:0 4px;}
.ban-left h3{padding-left:5px;line-height: 50px;margin-top:5px;}
.ban-left a{display:inline-block;padding:0 5px;line-height: 26px;}



/*=========================================== 课程切换 ===========================================*/
.index-course-tab .tab-hd{text-align: center;}
.index-course-tab .tab-hd ul{display:inline-block;}
.index-course-tab .tab-hd ul{*display:inline;}
.index-course-tab .tab-hd li{float:left;position:relative;padding:0 20px;cursor:pointer;}
.index-course-tab .tab-hd li:first-child:after{content:"";display: block;width:4px;height:33px;background:#333;position:absolute;right:0;top:57px;}
.index-course-tab .tab-hd li:hover, .index-course-tab .tab-hd li.on{color:#e8302e;}
.index-course-tab .tab-hd li:hover a, .index-course-tab .tab-hd li.on a{color:#e8302e;}


.course, .kc-scroll{ width:100%;overflow:hidden; position:relative;}
.course .hd, .kc-scroll .hd{ overflow:hidden;height:0;}
.course .hd .prev-courseGk, .course .hd .next-courseGk,.course .hd .prev-courseZb, .course .hd .next-courseZb, .kc-scroll .hd .prev, .kc-scroll .hd .next{ display:block;  width:24px; height:40px; float:right; margin-right:5px; overflow:hidden;cursor:pointer; background:url("../images/arrow.png") no-repeat;position: absolute;z-index: 99;top:75px;filter:alpha(opacity=80);opacity:.8;}
.course .hd .next-courseGk, .course .hd .next-courseZb, .kc-scroll .hd .next{ background-position:-23px 0;position: absolute;z-index: 99;top:75px;right:0;}
.course .hd .prev-courseGk:hover, .course .hd .next-courseGk:hover,.course .hd .prev-courseZb:hover, .course .hd .next-courseZb:hover, .kc-scroll .hd .prev:hover, .kc-scroll .hd .next:hover{filter:alpha(opacity=100);opacity:1;}
.course .hd .prevStop, .kc-scroll .hd .prevStop{ background-position:0 0; }
.course .hd .nextStop, .kc-scroll .hd .nextStop{ background-position:-23px 0;}

.course .bd{margin-left:33px;width:100%;padding-bottom:5px;}
.course .bd ul{ overflow:hidden; zoom:1;}
.course .bd li{margin:0 6px;float:left; _display:inline; overflow:hidden;width:270px;box-shadow:0 0 5px rgba(0,0,0,.2);margin-bottom:10px;border-radius: 6px;overflow: hidden;}
.course .bd li p{padding:0 4px;}
.course .bd li a{display: block;}
.course .bd li img{display:block;width:270px; height:151px;}
.course em{width:20px;height:20px;margin:0 8px 0 10px;}

/*课程切换下 滚动*/
.kc-scroll{margin-top:36px;}
.kc-scroll .bd{margin-left:60px;}
.kc-scroll .bd ul{ overflow:hidden; zoom:1;}
.kc-scroll .bd li{margin:0 11px;float:left; _display:inline; overflow:hidden;width:346px;box-shadow:0 0 5px rgba(0,0,0,.2);margin-bottom:10px;border-radius: 10px;overflow: hidden;}
.kc-scroll .bd li img{display:block;width:346px; height:194px;}




/*=========================================== 热门资讯 ===========================================*/
.news{width:832px;padding-left:28px;position: relative;}
.news:after{content: "";display: block;width:1px;height:156px;background:#ddd;top:50%;margin-top:-78px;left:46%;position:absolute;}
.news li{float:left;width:50%;line-height: 40px;}
.news li a{display: block;width:74%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;}
.news li em{width:14px;height:14px;margin-right:5px;background-position:0 -26px;}
/*热门资讯右侧图片链接*/
.img-link a{display:block;margin-bottom:16px;background:#eee;width:320px;height:64px;border-radius:4px;overflow: hidden;}





/*=========================================== 医师 药师 专业切换 ===========================================*/
.zy-tab{ width:100%;text-align:left;  }
.zy-tab .hd{ height:60px; line-height:60px; background:#fff;border-bottom:2px solid #db4e4d;  position:relative; }
.zy-tab .hd ul{ float:left;  position:absolute;height:60px;width:100%;}
.zy-tab .hd ul li{ float:left;width:200px; font-size:24px;font-weight:bold;cursor:pointer;text-align:center;box-shadow: -3px 0 8px rgba(0,0,0,.2);border-radius: 16px 16px 0 0;}
.zy-tab .hd ul li:hover, .zy-tab .hd ul li.on{ color:#fff;height:61px;background-image:-webkit-linear-gradient(174deg,#ea302e 0,#ea302e 0,#ff7761 100%);background-image:-moz-linear-gradient(174deg,#ea302e 0,#ea302e 0,#ff7761 100%);background-image:-o-linear-gradient(174deg,#ea302e 0,#ea302e 0,#ff7761 100%);background-image:linear-gradient(-84deg,#ea302e 0,#ea302e 0,#ff7761 100%);background-color:#d82723;}
.zy-tab .hd ul li:hover a, .zy-tab .hd ul li.on a{display: block;color:#fff;}


.zy-tab .bd .cont{zoom:1;}

#ysTab .hd li{width:240px;}
#yaosTab .hd li{width:50%;}


/*首页左右结构 宽度*/
.column .left{width:852px;}
.column .right{width:306px;}



/*服务提醒*/
.fwtx{padding-top:50px;}
.fwtx ul{margin-top:8px;}
.fwtx li{float:left;width:132px;height:42px;line-height:42px;text-align:center;font-size:18px;box-shadow: 0 0 5px rgba(0,0,0,.2);border-radius: 8px; margin:20px 10px 0 0;overflow: hidden;}
.fwtx li a{display: block;}
.fwtx li a:hover{color:#fff;background-image:-webkit-linear-gradient(174deg,#ea302e 0,#ea302e 0,#ff7761 100%);background-image:-moz-linear-gradient(174deg,#ea302e 0,#ea302e 0,#ff7761 100%);background-image:-o-linear-gradient(174deg,#ea302e 0,#ea302e 0,#ff7761 100%);background-image:linear-gradient(-84deg,#ea302e 0,#ea302e 0,#ff7761 100%);background-color:#d82723;}

/*免费课*/
.mfk{width:100%;}
.mfk h3, .rdzx h3{padding:52px 0 30px;}
.mfk-tab{box-shadow: 0 0 5px rgba(0,0,0,.2);position: relative;overflow: hidden;}

.mfk-tab ul { float:left;width:600px; height: 336px;background: #eee; overflow: hidden;position: relative;}
.mfk-tab ul li img{display:block;width:600px;height:336px;}
.mfk-tab ul li a{display:block;}
.mfk-tab ul li p.text{width:92%;height:48px;line-height:48px;color: #fff;padding:0 4%;overflow: hidden;font-size:18px;cursor:pointer;background:rgba(0,0,0,.2);position: absolute;left:0;bottom:0;}
.mfk-tab ul li em{width:72px;height:72px;position: absolute;left:50%;top:50%;margin-left:-36px;margin-top:-36px;background-position: 0 -127px;}

.mfk-tab ol { float: left; width: 252px;background:#eee;}
.mfk-tab ol li{overflow: hidden;padding:14px 0;}
.mfk-tab ol p{width:190px;padding-left:52px;height:56px;line-height:56px;font-size:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;cursor:pointer;}
.mfk-tab ol p .tit-span{display:inline-block;line-height:26px;vertical-align: middle;}
.mfk-tab ol li.on { background: #fff; border-right: #fff; }
.mfk-tab ol li em{width:25px;height:25px;left:14px;top:50%;margin-top:-9px;background-position: 0 -88px;}
.mfk-tab ol li.on em{background-position: 0 -50px;}


/*热点资讯*/
.rdzx li{line-height: 36px;position:relative;padding:0 10px 0 34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;}
.rdzx li:before{content:"";width:6px;height:6px;border-radius:6px;background:#eee;position:absolute;top:50%;left:16px;margin-top:-3px;}


/*题库*/
.tiku h3{padding:32px 0 18px;}
.tiku li{position:relative;float:left;margin:16px 0 0 14px;font-size:16px;width:144px;height:56px;border:1px solid #eee;line-height: 56px;text-align:center;box-shadow: 0 0 6px rgba(0,0,0,.06);}
.tiku li.ml0{margin-left:0;}
.tiku li a{display: block;text-indent: 20px;}
.tiku li em{position:absolute;left:22px;top:50%;margin-top:-13px;width:24px;height:26px;background-position:0 -230px; }
.tiku li.li2 em{background-position:0 -294px; }
.tiku li.li3 em{background-position:0 -358px; }
.tiku li.li4 em{background-position:0 -426px; }


/*新闻列表集合*/
.news-box .rdzx{width:262px;margin-left:32px;}
.news-box .rdzx h3{padding:36px 0 21px;font-size:22px;font-weight: normal;}
.news-box .rdzx h3 a{font-size:22px;color:#333;}
.news-box .rdzx h3 a:hover{color:#e9302e;}
.news-box .rdzx h3:before{background:#ea302f;height:20px;top:40px;}
.news-box .rdzx:first-child{margin-left:0;}
.news-box  ul{box-shadow: 0 0 5px rgba(0,0,0,.2);padding:10px 0;}
.news-box .rdzx li{padding-left:30px;}
.news-box .rdzx li:before{left:14px;background:#f78885;}

/*服务提醒*/
.fwtx-right{padding-bottom:33px;}
.fwtx-right ul{box-shadow: 0 0 5px rgba(0,0,0,.2);padding:22px 0;margin-top:36px;}
.fwtx-right li{float:left;width:90px;padding-left:12px;line-height: 40px;font-size:16px;}




/*=========================================== 名师 ===========================================*/
.teacher li{float:left;width:282px;height:480px;overflow: hidden;margin-left:24px;position: relative;text-align:center;color:#fff;}
.teacher li:first-child{margin-left:0;}
.teacher a{display:block;color:#fff;width:100%;height:100%;}
.teacher img{display:block;width:100%;height:100%;}
.teacher .text{position: absolute;top:416px;width:100%;height:100%;background:rgba(0,0,0,.8);font-size:16px;}
.teacher li:hover .text{top:0;}
.teacher h4{line-height: 60px;font-size: 26px;font-weight: normal;}
.teacher h5{line-height: 50px;font-weight: normal;}

.teacher .tag{position: relative;}
.teacher .tag span{float:left;display:block;border-radius: 4px;background:#d72f2e;width:80px;line-height:28px;margin:0 0 14px 10px;}
.teacher .tag:before{display:block;content:"";width:92%;height:1px;background:#d72f2e;position: absolute;left:4%;bottom:-14px;}
.teacher .tag i{display: block;width:0;height:0;border:9px solid transparent;position: absolute;left:50%;bottom:-32px;border-top-color:#d72f2e;}
.teacher .jiehao{padding:42px 4% 0;text-align: left;line-height: 32px;text-indent:2em;}

/*名师列表 滚动*/
.tea-scroll{margin-top:90px;}
.tea-scroll .hd .prev, .tea-scroll .hd .next{top:56px;}
.tea-scroll .bd{margin-left:34px;}
.tea-scroll .bd ul{padding:10px 0!important;}
.tea-scroll .bd li{width:210px;height:146px;margin:0 8px;}
.tea-scroll .bd li img{display:block;width:210px;height:146px;}

.tea-scroll li.last{background:#fff url(../images/index-teacher-tx.png) no-repeat center 6px;}
.tea-scroll li.last p{line-height: 34px;padding-top:108px;text-align: center;font-size:18px;color:#666;}
.tea-scroll li.last em{width:22px;height:22px;background-position: 0 -899px;margin-left:10px;}



/*=========================================== 医路通关 ===========================================*/
.ad h3{font-size:30px;padding:34px 0 14px;}
.ad h3:before{display: none;}
.ad li{float:left;box-shadow: 0 0 5px rgba(0,0,0,.2);width:380px;height:164px;margin:0 0 28px 30px;text-align: center;background: #fffcfc;}
.ad li.ml0{margin-left:0;}
.ad li em{width:46px;height:40px;background-position:0 -482px;margin-right:4px;}
.ad li.li2 em{background-position:0 -546px;}
.ad li.li3 em{background-position:0 -619px;}
.ad li.li4 em{background-position:0 -688px;}
.ad li.li5 em{background-position:0 -755px;}
.ad li.li6 em{background-position:0 -819px;}
.ad li p{line-height: 24px;font-size:18px;}


/*=========================================== 企业新闻 ===========================================*/
.qyxw{height:500px;padding:18px 0;}
.qyxw .fl{width:50%;padding-left:0;}
.qyxw .fl:after{display: none;}
.qyxw li{width:100%;float:none;}
.qyxw li a{width:93%;padding-left:3%;color:#666;}
.qyxw li a:hover{color:#e9302e;}
.qyxw li em{width:21px;height:21px;margin-right:10px;background-position:0 -869px;}
.qyxw .left-bg, .qyxw .right-bg{width:50%;top:142px;left:0;height:275px;background:#fff;box-shadow: 0 0 5px rgba(0,0,0,.2);z-index: -1;}
.qyxw .right-bg{background:#eee;box-shadow: none;left:auto;right:0;}



/*高度151*/
.bg-loop.small .img{width: 100%; text-align: center; height: 151px; overflow: hidden; border-radius: 10px; background: url(../images/course-bg-151.jpg) no-repeat; background-size: cover; }
.bg-loop.small .img p{color: #fff; text-align: center; padding: 15px 14px 0 14px; }
.bg-loop.small .img .year span{font-size:14px;line-height: 26px;padding:2px 14px;background:#fff;border-radius: 26px;color:#20c05c;color:#866eff;}
.bg-loop.small .img .tit{font-size:28px;font-weight: bold;text-shadow: 0 2px 2px rgba(0,0,0,.3);padding-top:19px;}
.bg-loop.small .img .level{font-size:12px;line-height: 22px;padding-top:15px;}


/*高度194*/
.bg-loop.normal .img{width: 100%; text-align: center; height: 194px; overflow: hidden; border-radius: 10px; background: url(../images/course-bg-194.jpg) no-repeat; background-size: cover; }
.bg-loop.normal .img p{color: #fff; text-align: center; padding: 24px 14px 0 14px; }
.bg-loop.normal .img .year span{font-size:18px;line-height: 26px;padding:2px 18px;background:#fff;border-radius: 26px;color:#20c05c;color:#866eff;}
.bg-loop.normal .img .tit{font-size:34px;font-weight: bold;text-shadow: 0 2px 2px rgba(0,0,0,.3);padding-top:30px;}
.bg-loop.normal .img .level{font-size:16px;line-height: 30px;padding-top:22px;}


/*高度336*/
.bg-loop.big .img{width: 100%; text-align: center; height: 336px; overflow: hidden; border-radius: 10px; background: url(../images/course-bg-336.jpg) no-repeat; background-size: cover; }
.bg-loop.big .img p{color: #fff; text-align: center; padding: 50px 14px 0 14px; }
.bg-loop.big .img .year span{font-size:24px;line-height: 26px;padding:2px 40px;background:#fff;border-radius: 26px;color:#20c05c;color:#866eff;}
.bg-loop.big .img .tit{font-size:52px;font-weight: bold;text-shadow: 0 2px 2px rgba(0,0,0,.3);padding-top:65px;}
.bg-loop.big .img .level{font-size:30px;line-height: 46px;padding-top:52px;}


/*首页直播**/
.course .bd li .text{
    width: 270px;
    height: 151px;
    position: absolute;
    background: rgba(0,0,0,.8);
    color: #fff;
    top: 237px;
}
.course .bd li:hover .text{
    top: 0;
    cursor: pointer;
}
.course .bd li .text .title{
    width: 243px;
    line-height: 27px;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin: 5px auto;
}
.course .bd li .text .title::after{
    content: '';
    display: block;
    width: 92%;
    height: 1px;
    background: #d72f2e;
    position: absolute;
    left: 4%;
    bottom: -5px;
}
.course .bd li .text .title i{
    display: block;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top-color: #d72f2e;
    position: absolute;
    left: 50%;
    bottom: -22px;
}
.course .bd li .text .boxs{
    font-size: 14px;
    margin-top: 14px;
    width: 220px;
    padding: 0 25px;
}
.course .bd li .text .boxs div{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.course .bd li .text span{
    display: inline-block;
    text-align: center;
    width: 65px;
    height: 19px;
    line-height: 19px;
    background: #D72F2E;
    border-radius: 10px;
    margin-right: 10px;
}