/*
@author: name
*/
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background:#fff;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;}
a{text-decoration:none;color:#333;}
input,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}

.layout{
  width:1200px;
  margin:0 auto;
  position:relative;
}
/* common_tit */
.common_tit{
  text-align:center;
  padding-top:63px;
}
.common_tit h2{
  display: inline-block;
  *display:inline;
  *zoom:1;
  position:relative;
}
.common_tit i{
  display:block;
  position:absolute;
  top:12px;
  width:63px;
  height:17px;
}
.common_tit i.left{
  left:-82px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/title_left.png) no-repeat;
}
.common_tit i.right{
  right:-82px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/title_right.png) no-repeat;
}
.common_tit span{
  font-size:38px;
  font-weight:bold;
  line-height:38px;
}
.common_tit p{
  color:#666;
  font-size:22px;
  line-height:62px;
}
/* header_banner */
.header_banner{
  width:100%;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/banner2.png) center top no-repeat;
  height:606px;
}
.header_banner .layout .link_wra{
  position:absolute;
  top:24px;
  left:0;
}
.header_banner .layout .web_link{
  width:146px;
  height:35px;
  display:block;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/logo.png) no-repeat;
  margin-right:26px;
}
.header_banner .layout .other_web{
  width:136px;
  display:block;
  height:34px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/new_job.png) no-repeat;
}
.header_banner .layout .text{
  padding:312px 0 0 160px;
}
.header_banner .layout p{
  color:#fff;
  border:1px solid #fff;
  padding:0 30px;
  height:36px;
  line-height:36px;
  font-size:20px;
  border-radius:19px;
}
.header_banner .layout .text .text1{
  margin:-10px 0 0 12px;
}
.header_banner .layout .text2{
  margin:16px 0 0 306px;
}
.header_banner .layout h2{
  font-size:22px;
  color:#fff;
  width:490px;
  height:44px;
  line-height:44px;
  text-align: center;
  padding:104px 0 0 150px;
}
.login-mod{
  position: absolute;
  top:63px;
  right:0;
  width:450px;
  height:480px;
}
.person_info{
  width:370px;
  height:380px;
  background:#fff;
  border-radius:10px;
  position:absolute;
  top:112px;
  right:0;
  display:none;
}
.person_info .content{
  padding:64px 0 0 60px;
}
.person_info .content .photo{
  border:1px solid #9ecbff;
  width:68px;
  height:68px;
  border-radius:34px;
}
.person_info .content .photo img{
  width:100%;
  height:100%;
  border-radius:50%;
}
.person_info .content .stu_in{
  width:200px;
  margin:12px 0 46px 20px;
  color:#666;
  font-size:16px;
}
.person_info .content .stu_in h6{
  font-size:16px;
  font-weight:normal;
}
.person_info a{
  display:block;
  width:250px;
  height:48px;
  border-radius:24px;
  text-align:center;
  font-size:16px;
  border:1px solid;
  line-height:48px;
  margin:0 auto 20px;
  border-color:#666;
  color:#666;
}
.person_info a.user_center,.person_info a:hover{
  background:#00c7d2;
  font-weight:bold;
  border-color:#00c7d2;
  color:#fff;
}
/* profe_intro */
.profe_intro{
  background:#f8f8f8;
  padding-bottom:50px;
}
.profe_intro .prospect{
  margin-top:58px;
}
.prospect .video_count{
  width:356px;
  height:200px;
  position:relative;
  margin-top:12px;
}
.prospect .video_count a{
  width:356px;
  height:200px;
  display: block;
  position:relative;
}
.prospect .video_count a img{
  display:block;
  width:356px;
  height:200px;
}
.prospect .video_count .video_mask{
  width:100%;
  height:100%;
  background:#000;
  opacity:.5;
  filter:alpha(opacity=50);
  position:absolute;
  top:0;
  left:0;
}
.prospect .video_count a i{
  display:block;
  width:70px;
  height:70px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/play_icon.png) no-repeat;
  position:absolute;
  top:50%;
  left:50%;
  margin:-35px 0 0 -35px;
}
.profe_intro .text_pro{
  width:774px;
  font-size:16px;
  line-height:32px;
  margin-left:24px;
}
.profe_intro .text_pro span{
  font-size:20px;
  color:#ff4d94;
  font-weight:bold;
}
.profe_intro .text_pro .last{
  margin-top:28px;
}
/* live_mode */
.live_mode{
  padding-bottom:70px;
}
.live_mode .time_bar .time{
  width:1004px;
  height:50px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/time_bar.png) no-repeat;
  margin:44px auto 0;
}
.live_mode .time_bar ul{
  font-size:16px;
}
.live_mode .time_bar ul li {
  width:240px;
  text-align:center;
}
.live_mode .time_bar ul li p{
  text-align:center;
  line-height:24px;
  margin:14px 0 12px;
}
.live_mode .time_bar ul li b{
  display: inline-block;
  *display:inline;
  *zoom:1;
  width:160px;
  padding:0 45px;
  line-height:24px;
}

/* liveSeckill-mod */
.liveSeckill-mod .content_common{
  width:1034px;
  background:#fff;
  padding:30px;
  margin-top:50px;
}
.liveSeckill-mod .content_common .play_item{
  display:none;
}
.liveSeckill-mod .explain-panel{height:84px;position:relative;z-index:1;}
.liveSeckill-mod .explain-panel p{text-align:center;line-height:56px;font-size:24px;}
.liveSeckill-mod .explain-rule{height:32px;line-height:32px;border:1px solid #fff;border-radius:100px;position:absolute;right:37px;top:11px;font-size:16px;padding:0 21px 0 26px;}
.liveSeckill-mod .video-mod{width:1170px;overflow:hidden;height:468px;margin-left:30px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:none;}
.liveSeckill-mod .video-main{width:660px;height:410px;float:left;position:relative;z-index:1;margin-top:26px;}
.liveSeckill-mod .video-main .video-frame{width:660px;height:410px;overflow:hidden;}
.liveSeckill-mod .live-state-mod{position:absolute;left:0;top:0;right:0;bottom:0;padding-top:98px;text-align:center;z-index:2;}
.liveSeckill-mod .live-state-mod p{line-height:40px;font-size:28px;display:none;color: #ffffff;}
.liveSeckill-mod .live-state-mod .live-state-text i{width:27px;height:26px;background:url(/images/zhucekuaijishi/zhuanti/baominghuodong/live-state-text-icon.png) no-repeat;display:inline-block;vertical-align:middle;margin:-3px 13px 0 0;}
.liveSeckill-mod .live-state-mod #live-countDown{height:40px;display:block;}
.liveSeckill-mod .live-state-mod #live-countDown span{display:none;}
.liveSeckill-mod .video-main .pact-shade{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:#000;opacity:0.64;filter:alpha(opacity=64);}
.liveSeckill-mod .live-state-mod .btns-play{padding-top:14px;}
.liveSeckill-mod .live-state-mod .btns-play a{color:#fff;height:54px;line-height:54px;padding:0 24px 0 34px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;font-size:24px;background:#f95f94;background:-webkit-linear-gradient(left,#a725fa,#f95f94);background:-o-linear-gradient(left,#a725fa,#f95f94);background:-moz-linear-gradient(left,#a725fa,#f95f94);background:linear-gradient(left,#a725fa,#f95f94);display:none;}
.liveSeckill-mod .live-state-mod .btns-play a i{width:26px;height:26px;display:inline-block;background:url(/images/zhucekuaijishi/zhuanti/baominghuodong/play-icon.png) no-repeat;vertical-align:middle;margin:-3px 0 0 10px;*margin-top:0;}
.liveSeckill-mod .live-state-mod .btns-play a:hover{background:#f13375;background:-webkit-linear-gradient(left,#9d10f7,#f13375);background:-o-linear-gradient(left,#9d10f7,#f13375);background:-moz-linear-gradient(left,#9d10f7,#f13375);background:linear-gradient(left,#9d10f7,#f13375);text-decoration:none;}
.liveSeckill-mod .live-state-mod .btns-play .live-pact{display:inline-block;}
.liveSeckill-mod .live-state-mod .btns-play .live-other,.liveSeckill-mod .live-state-mod .btns-play .live-pact-after,.liveSeckill-mod .live-state-mod .btns-play .live-other:hover,.liveSeckill-mod .live-state-mod .btns-play .live-pact-after:hover{border-color:#fff;background:#a5a5a5;display:inline-block;text-decoration:none;cursor:default;}
.liveSeckill-mod .video-list{width:480px;float:right;background:#6e03bf;height:100%;padding-right:20px;}
.liveSeckill-mod .video-list h4{padding:12px 0 0 7px;line-height:38px;font-size:20px;color: #ff5533;}
.liveSeckill-mod .video-list-main{height:404px;overflow:hidden;position:relative;z-index:1;margin-top:30px;}
.liveSeckill-mod .video-list-main ul{min-height:330px;margin-left:40px;border-left: 2px solid #d8d8d8;}
.liveSeckill-mod .video-list-main ul li{
  position:relative;z-index:1;color: #fff;
  padding:0 0 30px 16px;
  font-size:16px;
}
.liveSeckill-mod .video-list-main ul li h6{
  font-size:16px;
}
.liveSeckill-mod .video-list-main ul li p{line-height:28px;}
.liveSeckill-mod .video-list-main .video-list-panel{cursor:pointer;width:240px;}
.liveSeckill-mod .video-list-main .video-list-btns{margin:10px 20px 0 0;}
.liveSeckill-mod .video-list-main .video-list-btns a,.liveSeckill-mod .video-list-main ul li .video_play_btn{
    display: inline-block;
    min-width: 68px;
    padding: 0 7px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 13px;
}
/*.liveSeckill-mod .video-list-main .video-list-btns .live-other,.liveSeckill-mod .video-list-main .video-list-btns .live-other:hover,.liveSeckill-mod .video-list-main .video-list-btns .live-pact-after,.liveSeckill-mod .video-list-main .video-list-btns .live-pact-after:hover{color:#fff;border-color:#fff;visibility:visible;background:none;cursor:default;text-decoration:none;}*/
.liveSeckill-mod .video-list-main .video-list-btns .live-pact,.liveSeckill-mod .video-list-main .video-list-btns .video-play{visibility:visible;}
.liveSeckill-mod .video-list-main .video-list-icon{
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #bdbdbd;
  background:#fff;
  position: absolute;
  left: -8px;
  top: 8px;
}
.liveSeckill-mod .video-list-main ul li.on{color: #ff5eb1;}
.liveSeckill-mod .video-list-main ul li.on .video-list-icon{border-color: #ff5931;background:#ff5931;}
.liveSeckill-mod .video-list-main ul li.on a{
  border:none;
  color:#fff;
  background: #f95f94;
  background: -webkit-linear-gradient(left,#a725fa,#f95f94);
  background: -o-linear-gradient(left,#a725fa,#f95f94);
  background: -moz-linear-gradient(left,#a725fa,#f95f94);
  background: linear-gradient(left,#a725fa,#f95f94);
}
.liveSeckill-mod .mCSB_scrollTools{width:12px;background:#ccccde;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.liveSeckill-mod .mCSB_scrollTools .mCSB_draggerRail{background: none;}
.liveSeckill-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#000000;*margin-left:-2px;}
.liveSeckill-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,.liveSeckill-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active,.liveSeckill-mod .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#863be2;}
.liveSeckill-mod .mCSB_scrollTools .mCSB_buttonDown,.liveSeckill-mod .mCSB_scrollTools .mCSB_buttonUp{background-position:-36px -165px;}
.liveSeckill-mod .mCSB_scrollTools .mCSB_buttonDown{background-position:left -20px;}
.liveSeckill-mod .mCSB_inside>.mCSB_container{margin-right:18px;}
.live_mode .live_count{
  background:#8d20db;
  border-radius:10px;
  margin-top:26px;
}
/* course_info_mode */
.course_info_mode {
  padding:40px 0 70px;
  background:#f8f8f8;
}
.course_info_mode li{
  width:580px;
}
.course_info_mode li h4{
  width:416px;
  height:84px;
  background:#6d3eee;
  background:-webkit-linear-gradient(45deg,#5838ea,#8e47f5);
  background:-ms-linear-gradient(45deg,#5838ea,#8e47f5);
  background:-moz-linear-gradient(45deg,#5838ea,#8e47f5);
  background:linear-gradient(45deg,#5838ea,#8e47f5);
  color:#fff;
  font-size:34px;
  font-weight:bold;
  line-height:84px;
  text-align:center;
  border-radius:10px;
  box-shadow:0 0 20px 4px #e1d1f7;
  margin:0 auto 34px;
}
.course_info_mode li.yunying h4{
  background:#ff66b4;
  background:-webkit-linear-gradient(45deg,#ff5aaf,#ff75ba);
  background:-ms-linear-gradient(45deg,#ff5aaf,#ff75ba);
  background:-moz-linear-gradient(45deg,#ff5aaf,#ff75ba);
  background:linear-gradient(45deg,#ff5aaf,#ff75ba);
  box-shadow:0 0 20px 4px #fac2de;
}
.course_info_mode li .info_wra{
  width:530px;
  padding:36px 25px 55px;
  background:#fff;
  box-shadow:0 6px 4px #eee;
  border-radius:10px;
  color:#333;
  font-size:16px;
}
.course_info_mode li .info_wra p{
  line-height:28px;
}
.course_info_mode li .info_wra h5{
  margin:26px 0 12px;
  line-height:28px;
  font-size:16px;
  height:28px;
}
.course_info_mode li .info_wra h5 a{
  font-weight:normal;
  display:inline-block;
  *display:inline;
  *zoom:1;
  width:88px;
  height:28px;
  border-radius:15px;
  font-size:14px;
  text-align:center;
  line-height:28px;
  margin-right:10px;
  color:#af70fc;
  border:1px solid #af70fc;
}
.course_info_mode li.yunying .info_wra h5 a{
  color:#ff5eb0;
  border:1px solid #ff5eb0;
}
.course_info_mode li .course li{
  width:230px;
}
.course_info_mode li .course h6{
  font-size:20px;
  color:#af70fc;
  line-height:26px;
  height:26px;
  margin-top:12px;
}
.course_info_mode li .course .course_item{
  border:2px solid #dadada;
  border-radius:10px;
  width:194px;
  padding:0 16px 20px;
  margin-top:20px;
}
.course_info_mode li .course .course_item .name{
  padding-top:20px;
}
.course_info_mode li .course .course_item .name b{
  font-size:24px;
  line-height:24px;
}
.course_info_mode li .course .course_item .name span{
  font-size:20px;
  color:#ff3209;
  line-height:20px;
}
.course_info_mode li .course .course_item .text{
  height:40px;
  line-height:20px;
  font-size:14px;
  color:#666;
  margin:16px 0;
}
.course_info_mode li .course .course_item a{
  display:block;
  width:136px;
  height:38px;
  background:#af70fc;
  border-radius:19px;
  margin:0 auto;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  line-height:38px;
}
.course_info_mode li.yunying .course h6{
  color:#ff4d94;
}
.course_info_mode li.yunying .course .course_item a{
  background:#ff5eb0;
}
/* welfare_act */
.welfare_act{
  padding-bottom:90px;
}
.welfare_act .common_tit p{
  color:#ff4d94;
}
.welfare_act .ticket_wrapper ul{
  width:964px;
  margin:30px auto 0;
}
.welfare_act .ticket_wrapper li{
  width:268px;
  height:340px;
  color:#fff;
  text-align:center;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/ticket.png) no-repeat;
}
.welfare_act .ticket_wrapper li h6{
  padding-top:40px;
  font-size:32px;
  margin-bottom:16px;
  line-height:32px;
}
.welfare_act .ticket_wrapper li p{
  font-size:18px;
  line-height: 18px;
}
.welfare_act .ticket_wrapper li p.bom{
  margin-top:28px;
}
.welfare_act .ticket_wrapper li div{
  margin:18px 0 42px;
}
.welfare_act .ticket_wrapper li div b{
  font-size:50px;
  line-height:30px;
}
.welfare_act .ticket_wrapper li div span{
  font-size:26px;
}
.welfare_act .ticket_wrapper li a{
  display:block;
  width:198px;
  height:46px;
  text-align:center;
  line-height:46px;
  color:#b947dd;
  font-size:24px;
  border-radius:23px;
  background:#fff;
  margin:0 auto;
  font-weight:bold;
}
.welfare_act .ticket_wrapper li a.has_rec{
  background:#d9d9d9;
  color:#9b9b9b;
  cursor: default;
}
.welfare_act .ticket_wrapper li.center{
  margin:0 80px 0 156px;
}
.welfare_act .ticket_tit{
  position:absolute;
  width:100px;
  height:32px;
  border:1px solid #d3d3d3;
  border-radius:17px;
  text-align:center;
  line-height:32px;
  top:62px;
  right:0;
  cursor:pointer;
}
/* course_diff */
.course_diff .cou_tit .course_name{
  width:100%;
  height:122px;
  background:#5613a8;
}
.course_diff .cou_tit .course_name ul{
  width:910px;
  margin:0 auto;
}
.course_diff .cou_tit .course_name ul li{
  position:relative;
  width:416px;
  height:90px;
  color:#fff;
  line-height:90px;
  font-weight:bold;
  text-align:center;
  font-size:34px;
  margin-top:32px;
  background:#6f36d4;
  background:-webkit-linear-gradient(45deg,#6131d4,#7c3bd4);
  background:-moz-linear-gradient(45deg,#6131d4,#7c3bd4);
  background:-ms-linear-gradient(45deg,#6131d4,#7c3bd4);
  background:linear-gradient(45deg,#6131d4,#7c3bd4);
}
.course_diff .cou_tit .course_name ul li.web_yunying.on{
  background:#b04bf1;
  background:-webkit-linear-gradient(45deg,#a043fb,#c755e2);
  background:-moz-linear-gradient(45deg,#a043fb,#c755e2);
  background:-ms-linear-gradient(45deg,#a043fb,#c755e2);
  background:linear-gradient(45deg,#a043fb,#c755e2);
  box-shadow:0 0 10px 2px #b04bf1;
}
.course_diff .cou_tit .course_name ul li.web_liver.on{
  background:#ff67b4;
  background:-webkit-linear-gradient(45deg,#ff5aaf,#ff75ba);
  background:-moz-linear-gradient(45deg,#ff5aaf,#ff75ba);
  background:-ms-linear-gradient(45deg,#ff5aaf,#ff75ba);
  background:linear-gradient(45deg,#ff5aaf,#ff75ba);
  box-shadow:0 0 10px 2px #ff67b4;
}
.course_diff .cou_tit .course_name ul li i{
  width:38px;
  height:17px;
  position:absolute;
  left:50%;
  margin-left:-19px;
  bottom:-17px;
}
.course_diff .cou_tit .course_name ul li.web_yunying.on i{
  display:block;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/yunying_arrow.png) no-repeat;
}
.course_diff .cou_tit .course_name ul li.web_liver.on i{
  display:block;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/liver_arrow.png) no-repeat;
}
.course_diff .item_job{
  display:none;
}
.course_diff .yunying_wrapper .media_info{
  width:100%;
  height:504px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/media_info.png) no-repeat center top;
  margin-top:70px;
}
.course_diff .yunying_wrapper .media_mode{
  background:#f8f8f8;
  padding-bottom:74px;
}
.course_diff .yunying_wrapper .media_info img{
 margin:44px 0 0 154px;
}
.course_diff .yunying_wrapper .media_info li{
  margin-bottom:35px;
}
.course_diff .yunying_wrapper .media_info li p{
  width:186px;
  height:40px;
  border-radius:20px;
  color:#fff;
  font-size:22px;
  text-align:center;
  line-height:40px;
  background:#713fef;
  background:-webkit-linear-gradient(45deg,#5838ea,#8e47f5);
  background:-moz-linear-gradient(45deg,#5838ea,#8e47f5);
  background:-ms-linear-gradient(45deg,#5838ea,#8e47f5);
  background:linear-gradient(45deg,#5838ea,#8e47f5);
  margin-right:16px;
}
.course_diff .yunying_wrapper .media_info li span{
  line-height:40px;
  font-size:18px;
}
.course_diff .yunying_wrapper .media_info li.item1{
  margin-top:20px;
}
.course_diff .yunying_wrapper .media_info li.item2{
  margin-left:76px;
}
.course_diff .yunying_wrapper .media_info li.item3{
  margin-left:96px;
}
.course_diff .yunying_wrapper .media_info li.item4{
  margin-left:126px;
}
.course_diff .yunying_wrapper .media_info li.item5{
  margin-left:106px;
}
.course_diff .yunying_wrapper .media_info li.item6{
  margin-left:60px;
}
.course_diff .yunying_wrapper .demand_mode{
  padding-bottom:70px;
}
.course_diff .yunying_wrapper .demand_mode .layout{
  margin-top:26px;
}
.course_diff .yunying_wrapper .our_dir{
  background:#f8f8f8;
  padding-bottom:50px;
}
.course_diff .yunying_wrapper .our_dir li{
  width:25%;
  text-align:center;
  transition:.3s all ease;
}
.course_diff .yunying_wrapper .our_dir li:hover{
  transform: scale(1.1);
}
.course_diff .yunying_wrapper .our_dir li i{
  display:block;
  margin:0 auto;
}
.course_diff .yunying_wrapper .our_dir li.item1 i{
  width:82px;
  height:82px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/dir_icon1.png) no-repeat;
}
.course_diff .yunying_wrapper .our_dir li.item2 i{
  width:95px;
  height:86px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/dir_icon2.png) no-repeat;
}
.course_diff .yunying_wrapper .our_dir li.item3 i{
  width:71px;
  height:88px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/dir_icon3.png) no-repeat;
}
.course_diff .yunying_wrapper .our_dir li.item4 i{
  width:108px;
  height:92px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/dir_icon4.png) no-repeat;
}
.course_diff .yunying_wrapper .our_dir li h6{
  font-size:26px;
  margin-top:17px;
  line-height:52px;
}
.course_diff .yunying_wrapper .our_dir li p{
  font-size:20px;
  line-height:32px;
}
.course_diff .yunying_wrapper .our_dir ul{
  margin-top:90px;
}
.course_diff .yunying_wrapper .advan_mode{
  padding-bottom:70px;
}
.course_diff .yunying_wrapper .advan_mode ul{
  margin-top:100px;
}
.course_diff .yunying_wrapper .advan_mode li{
  position:relative;
  width:284px;
  height:200px;
  margin-right:20px;
}
.course_diff .yunying_wrapper .advan_mode li.last{
  margin-right:0;
}
.course_diff .yunying_wrapper .advan_mode li div{
  width:100%;
  height:100%;
  background:#f4f2f8;
  overflow:hidden;
  position:relative;
  border-radius:10px;
}
.course_diff .yunying_wrapper .advan_mode li div p{
  font-size:16px;
  line-height:32px;
  padding:48px 30px 0;
}
.course_diff .yunying_wrapper .advan_mode li h6{
  width:180px;
  height:58px;
  background:#713fef;
  background:-webkit-linear-gradient(45deg,#5838ea,#8e47f5);
  background:-moz-linear-gradient(45deg,#5838ea,#8e47f5);
  background:-ms-linear-gradient(45deg,#5838ea,#8e47f5);
  background:linear-gradient(45deg,#5838ea,#8e47f5);
  border-radius:4px;
  padding-left:18px;
  font-size:24px;
  line-height:58px;
  color:#fff;
  position:absolute;
  top:-26px;
  left:50%;
  margin-left:-99px;
  z-index:1;
}
.course_diff .yunying_wrapper .advan_mode li h6 b{
  font-size:63px;
  color:#fff;
  opacity:0.4;
  filter:alpha(opacity=40);
  line-height:58px;
  margin-right:28px;
}
.course_diff .yunying_wrapper .advan_mode li i{
  display:block;
  width:96px;
  height:96px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/checked.png) no-repeat;
  position:absolute;
  bottom:-32px;
  right:-30px;
}
.course_diff .servise_mode{
  width:100%;
  height:836px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/servise_bg.jpg) no-repeat center top;
}
.course_diff .webliver_wrapper .servise_mode{
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/servise_bg2.jpg) no-repeat center top;
}
.course_diff .servise_mode ul{
  width:270px;
}
.course_diff .servise_mode li{
  width:270px;
  height:164px;
  background:#fff;
  border-radius:6px;
  overflow:hidden;
}
.course_diff .servise_mode li i{
  display:block;
  height:12px;
  background:#8e49ff;
}
.course_diff .webliver_wrapper .servise_mode li i{
  background:#ff64b3;
}
.course_diff .servise_mode li h6{
  font-size:22px;
  color:#8043f2;
  padding:0 20px;
  margin:30px 0 18px;
  line-height:22px;
}
.course_diff .webliver_wrapper .servise_mode li h6{
  color:#ff64b3;
}
.course_diff .servise_mode li p{
  font-size:14PX;
  line-height:20px;
  padding:0 20px;
}
.course_diff .servise_mode li p a{
  color:#8043f2;
}
.course_diff .servise_mode li.center{
  margin:40px 0;
}
.course_diff .servise_mode li.left_item1,.course_diff .servise_mode li.right_item1{
  margin-top:100px;
}
.course_diff .servise_mode li.left_item1{
  margin-left:26px;
}
.course_diff .servise_mode li.right_item1{
  margin-left:-26px;
}
.course_diff .servise_mode li.left_item3{
  margin-left:60px;
}
.course_diff .servise_mode li.right_item3{
  margin-left:-60px;
}
.course_diff .teacher_list{
  width:100%;
  height:797px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/teacher_bg_1.jpg) no-repeat;
}
.course_diff .cert_kind .tea{
  width:1078px;
  margin:40px auto 0;
  position:relative;
}
.course_diff .cert_kind .teacher_list .teac_intro{
  width:620px;
  height:474px;
  background:#8e49ff;
  border-radius:10px;
  margin:50px 0 0 20px;
}
.course_diff .cert_kind .webliver_wrapper .teacher_list .teac_intro{
  background:#ff6cb6;
}
.course_diff .cert_kind .teacher_list .teac_intro img{
  width:287px;
  height:527px;
  margin:-50px 0 0 -20px;
}
.course_diff .cert_kind .teacher_list .teac_intro .text{
  width:290px;
  margin-left:30px;
  color:#fff;
  font-size:16px;
  line-height:32px;
  padding-top:60px;
  position:relative;
}
.course_diff .cert_kind .teacher_list .teac_intro .text h5{
  width:152px;
  height:60px;
  background:#00c7d2;
  border-radius:4px;
  text-align:center;
  line-height:60px;
  font-size:22px;
  position:absolute;
  top:-24px;
  left:0;
}
.course_diff .cert_kind .webliver_wrapper .teacher_list .teac_intro .text h5{
  background:#874ce7;
}
.course_diff .cert_kind .teacher_list .teac_intro .text h6{
  font-size:20px;
  line-height:28px;
  margin-bottom:24px;
}
.course_diff .cert_kind .teacher_list .learn_know{
  width:410px;
  margin-left:28px;
}
.course_diff .cert_kind .teacher_list .learn_know .text h5{
  width:222px;
  height:60px;
  left:50%;
  margin-left:-111px;
}
.course_diff .cert_kind .teacher_list a.arrow{
  display:block;
  width:41px;
  height:55px;
  position: absolute;
  top:50%;
  margin-top:-27px;
  background-color:#8e49ff;
  border-radius:4px;
  display:none;
}
.course_diff .cert_kind .webliver_wrapper .teacher_list a.arrow{
  background-color:#ff72b9;
}
.course_diff .cert_kind .teacher_list a.left_arrow{
  background-image:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/left_arrow_01.png);
  background-repeat:no-repeat;
  background-position:center center;
  left:-72px;
}
.course_diff .cert_kind .teacher_list a.right_arrow{
  background-image:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/right_arrow_01.png);
  background-repeat:no-repeat;
  background-position:center center;
  right:-72px;
}
.course_diff .cert_kind .teacher_list a.resign{
  display:block;
  width:162px;
  height:44px;
  text-align:center;
  line-height:44px;
  border-radius:22px;
  font-size:20px;
  color:#8e49ff;
  background:#fff;
  margin:12px auto 0;
}
.course_diff .cert_kind .webliver_wrapper .teacher_list a.resign{
  color:#ff6fb7;
}
.course_diff .cert_kind .teacher_list .left_wra{
  position:relative;
  width:640px;
  height:524px;
}
.course_diff .cert_kind .teacher_list a.resign:hover{
  text-decoration:none;
}
/* stu_list */
.stu_list{
  padding-bottom:76px;
  background:#f8f8f8;
}
.stu_list .stu{
  width:1038px;
  margin:60px auto 0;
  position:relative;
}
.stu_list .stu li{
  margin-right:90px;
  width:286px;
}
.stu_list .stu li img{
  width:286px;
  height:286px;
}
.stu_list .stu li h6{
  font-size:20px;
  line-height:50px;
  margin-top:5px;
  text-align:center;
}
.stu_list .stu li p{
  font-size:16px;
  line-height:26px;
  text-align:center;
}
.stu_list .stu .arrow{
  position:absolute;
  top:120px;
  width:42px;
  height:55px;
  display:none;
  background-color:#8e49ff;
  border-radius:4px;
}
.webliver_wrapper .stu_list .stu .arrow{
  background-color:#ff72b9;
}
.stu_list .stu .arrow.prev{
  background-image:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/left_arrow_01.png);
  background-repeat:no-repeat;
  background-position:center center;
  left:-72px;
}
.stu_list .stu .arrow.next{
  background-image:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/right_arrow_01.png);
  background-repeat:no-repeat;
  background-position:center center;
  right:-72px;
}
/* join_our */
.join_our {
  width:100%;
  height:401px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/team_bg.png) no-repeat center top;
}
.join_our ul{
  width:600px;
  margin:0 auto;
  text-align:center;
}
.join_our ul li{
  width:200px;
  margin-top:66px;
}
.join_our ul li img{
  width:200px;
  height:200px;
}
.join_our ul li h6{
  font-size:22px;
  line-height:34px;
  margin-top:10px;
}
.join_our ul li p{
  font-size:18px;
  line-height:30px;
}
/* webliver_wrapper */
.webliver_wrapper .live_adv{
  background:#f8f8f8;
  padding-bottom:50px;
}
.webliver_wrapper .live_adv .live_data ul.tabs{
  width:1200px;
  height:120px;
  margin:20px auto 0;
  box-shadow: 0 0 20px 2px #f8e6f4;
}
.webliver_wrapper .live_adv .live_data .tabs li{
  width:199px;
  border-right:1px solid #e0e0e0;
  background:#fff;
  font-size:18px;
  text-align:center;
  height:100%;
}
.webliver_wrapper .live_adv .live_data .tabs li p{
  line-height:30px;
  padding-top:30px;
  width:200px;
  height:112px;
  color:#fd5196;
  font-weight:bold;
}
.webliver_wrapper .live_adv .live_data .tabs li.on{
  border-color:#fff;
}
.webliver_wrapper .live_adv .live_data .tabs li.on p{
  padding-top:40px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/live_checked.png) no-repeat;
  color:#fff;
  margin-top:-10px;
}
.webliver_wrapper .live_adv .live_data .tabs li.last{
  border:none;
  border-radius: 0 10px 10px 0;
}
.webliver_wrapper .live_adv .live_data .tabs li.bor_rad{
  border-radius: 10px 0 0 10px;
}
.webliver_wrapper .live_adv .live_data .data_item{
  display:none; 
}
.webliver_wrapper .live_adv .live_data .data1 ul{
  width:1064px;
  margin:76px auto 0;
}
.webliver_wrapper .live_adv .live_data .data1 li{
  width:224px;
  height:160px;
  border-radius:20px;
  box-shadow:0 0 10px 2px #f8ebf5;
  background:#fff;
  position:relative;
  overflow:hidden;
  margin-right:56px;
}
.webliver_wrapper .live_adv .live_data .data1 li.last{
  margin-right:0;
}
.webliver_wrapper .live_adv .live_data .data1 li p{
  position:absolute;
  top:0;
  left:0;
  padding:18px 18px 0;
  font-size:14px;
  line-height:30px;
}
.webliver_wrapper .live_adv .live_data .data1 li i{
  width:66px;
  height:66px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/cir_icon.png) no-repeat;
  position:absolute;
  bottom:-27px;
  left:50%;
  margin-left:-33px;
}
.webliver_wrapper .live_adv .live_data .data1 div{
  width:1170px;
  height:88px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/time_bar_02.png) no-repeat;
  margin:-21px auto 0;
  position:relative;
  z-index:1;
}
.webliver_wrapper .live_adv .live_data .data1 div p{
  text-align:center;
  color:#fff;
  font-size:20px;
  line-height:20px;
  width:282px;
  margin-top:30px;
}
.webliver_wrapper .live_adv .live_data .data1 div p.time1{
  margin-left:25px;
}
.webliver_wrapper .live_adv .live_data .data1 .text{
  font-size:16px;
  font-weight:bold;
  line-height:32px;
  margin:34px auto 26px;
  width:1120px;
}
.webliver_wrapper .live_adv .under_more{
  display:block;
  width:276px;
  height:58px;
  border:1px solid #fd5196;
  border-radius:30px;
  color:#fd5196;
  text-align:center;
  line-height:58px;
  font-size:24px;
  font-weight:bold;
  margin:0 auto;
}
.webliver_wrapper .live_adv .live_data .common_text{
  background:#fff;
  font-size:16px;
  line-height:32px;
  box-shadow:0 0 10px 2px #f8e2f2;
  border-radius:10px;
}
/* data2 */
.webliver_wrapper .live_adv .live_data .data2 .common_text{
  width:700px;
  margin:100px auto 34px;
  padding-bottom:58px;
  position:relative;
}
.webliver_wrapper .live_adv .live_data .data2 .common_text p{
  padding:46px 40px 0 40px;
}
.webliver_wrapper .live_adv .live_data .data2 .common_text i{
  display:block;
  width:1169px;
  height:419px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/data1_bg.png) no-repeat;
  position:absolute;
  top:-60px;
  left:-222px;
}
/* data3 */
.webliver_wrapper .live_adv .live_data .data3{
  margin:86px 0 28px;
}
.webliver_wrapper .live_adv .live_data .data3 img{
  margin:-16px 0 0 20px;
}
.webliver_wrapper .live_adv .live_data .data3 img.app_list{
  margin:0;
}
.webliver_wrapper .live_adv .live_data .data3 .common_text{
  width:620px;
  position: relative;
  padding:56px 40px 80px;
}
.webliver_wrapper .live_adv .live_data .data3 .common_text i{
  display:block;
  position:absolute;
}
.webliver_wrapper .live_adv .live_data .data3 .common_text i.icon1{
  width:33px;
  height:33px;
  border-radius:10px;
  background:#ffb8db;
  top:-16px;
  left:35px;
}
.webliver_wrapper .live_adv .live_data .data3 .common_text i.icon2{
  width:62px;
  height:62px;
  border-radius:10px;
  background:#ff71b8;
  bottom:-18px;
  right:48px;
}
/* data4 */
.webliver_wrapper .live_adv .live_data .data4 .common_text{
  margin:16px 0 0 -72px;
}
/* data5 */
.webliver_wrapper .live_adv .live_data .data5{
  height:344px;
  background:#fff;
  margin:60px auto 34px;
  border-radius:20px;
}
.webliver_wrapper .live_adv .live_data .data5 .wages{
  margin:30px 0 0 40px;
}
.webliver_wrapper .live_adv .live_data .data5 .wages h6 span{
  color:#fd5196;
  font-size:24px;
}
.webliver_wrapper .live_adv .live_data .data5 .wages h6 strong{
  color:#fd5196;
  margin-right:30px;
  font-size:36px;
}
.webliver_wrapper .live_adv .live_data .data5 .wages h6{
  font-size:16px;
  font-weight:normal;
  margin-bottom:30px;
}
.webliver_wrapper .live_adv .live_data .data5 .wages img{
  margin-left:94px;
}
.webliver_wrapper .live_adv .live_data .data5 .wages p{
  font-size:14px;
  margin-top:26px;
}
.webliver_wrapper .live_adv .live_data .data5 .app_list{
  margin:56px 26px 0 0;
}
/* credent */
.webliver_wrapper .credent{
  padding-bottom:70px;
  position:relative;
  z-index:2;
}
.webliver_wrapper .credent ul{
  margin-top:38px;
}
.webliver_wrapper .credent li{
  position:relative;
  width:190px;
  height:158px;
  background:#ff65b3;
  border-radius:10px;
  margin-right:12px;
}
.webliver_wrapper .credent li.last{
  margin:0;
}
.webliver_wrapper .credent li h5{
  font-size:18px;
  color:#fff;
  line-height: 70px;
  padding-top:6px;
  text-align:center;
}
.webliver_wrapper .credent li i{
  display:block;
  margin:0 auto;
}
.webliver_wrapper .credent li i.icon1{
  width:56px;
  height:50px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/cre_icon1.png) no-repeat;
}
.webliver_wrapper .credent li i.icon2{
  width:76px;
  height:50px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/cre_icon2.png) no-repeat;
}
.webliver_wrapper .credent li i.icon3{
  width:60px;
  height:59px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/cre_icon3.png) no-repeat;
}
.webliver_wrapper .credent li i.icon4{
  width:61px;
  height:58px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/cre_icon4.png) no-repeat;
}
.webliver_wrapper .credent li i.icon5{
  width:61px;
  height:58px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/cre_icon5.png) no-repeat;
}
.webliver_wrapper .credent li i.icon6{
  width:64px;
  height:58px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/cre_icon6.png) no-repeat;
}
.webliver_wrapper .credent li:hover div{
  display:block;
}
.webliver_wrapper .credent li div{
  background:#fff;
  width:188px;
  position:absolute;
  top:144px;
  left:0;
  border:1px solid #ff65b3;
  padding-bottom:30px;
  display:none;
}
.webliver_wrapper .credent li div h6{
  color:#fd5196;
  text-align:center;
  font-size:18px;
  line-height:48px;
  padding-top:10px;
}
.webliver_wrapper .credent li div p{
  font-size:14px;
  line-height:24px;
  padding:0 16px;
}
.webliver_wrapper .credent li div a{
  display:block;
  width:126px;
  height:32px;
  border:1px solid #ff74b9;
  border-radius:16px;
  text-align:center;
  line-height:32px;
  margin:30px auto 0;
  color:#ff74b9;
}
.mask{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:#000;
  opacity:0.6;
  filter:alpha(opacity=60);
  display:none;
  z-index:101;
}
.ticket_rule{
  width:575px;
  height:370px;
  background:#fff;
  border-radius:10px;
  position: fixed;
  top:50%;
  left:50%;
  margin:-185px 0 0 -282px;
  overflow:hidden;
  display:none;
  z-index:101;
}
.ticket_rule .tit{
  height:64px;
  background:#f0f0f0;
  margin-bottom:22px;
}
.ticket_rule .tit h6{
  margin-left:32px;
  line-height:64px;
  font-size:20px;
}
.ticket_rule .tit i{
  width:16px;
  height:16px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/close.png) no-repeat;
  margin:24px 26px 0 0;
  cursor:pointer;
}
.ticket_rule .text p{
  padding:0 30px 0 35px;
  font-size:16px;
  line-height:32px;
}
.sca_code{
  width:414px;
  height:240px;
  background:#fff;
  border-radius:10px;
  position:fixed;
  top:50%;
  left:50%;
  margin:-120px 0 0 -207px;
  display:none;
  z-index:101;
}
.sca_code i{
  display:block;
  width:16px;
  height:16px;
  background:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/close.png) no-repeat;
  position: absolute;
  top:24px;
  right:26px;
  cursor:pointer;
}
.sca_code p{
  padding:80px 0 48px;
  text-align:center;
  font-size:18px;
}
.sca_code a{
  display:block;
  width:170px;
  height:40px;
  background:#a152fc;
  background:-webkit-linear-gradient(45deg,#8550fa,#bf53fe);
  background:-moz-linear-gradient(45deg,#8550fa,#bf53fe);
  background:-ms-linear-gradient(45deg,#8550fa,#bf53fe);
  background:linear-gradient(45deg,#8550fa,#bf53fe);
  color:#fff;
  text-align:center;
  line-height:40px;
  border-radius:20px;
  margin:0 auto;
}
.course-visible{
  display:none;
  position:fixed;
  top:0;
  left:0;
  z-index:99;
}



/*  */
.rightNav{
  position: fixed;
  left: 10px;
  top: 50%;
  margin-top: -255px;  
  z-index: 100;
}
.redpacket a{
  display: inline-block;
  position: relative;
  text-align: center; 
}

.redpacket a span{
  color: #d73333;
  position: absolute;
  top: 4px;
  left: 19px;
  font-size: 16px;
  font-weight: bold;
}
/**/

.leftFixed{width:100px;
  background:#6b3dee;
  background:-webkit-linear-gradient(#5838ea,#8b46f5);
  background:-moz-linear-gradient(#5838ea,#8b46f5);
  background:-ms-linear-gradient(#5838ea,#8b46f5);
  background:linear-gradient(#5838ea,#8b46f5);position:fixed;_position:absolute;left:10px;top:50%;text-align:center;z-index:100; border-radius:8px; display:none;
  padding-top:10px;
}
.leftFixed .onekey a{
  height:32px;line-height:32px;display:block;color:#fff;margin-bottom:4px;border-radius:4px;
  cursor:pointer;
  width:88px;
  margin:0 auto 4px;
  text-align:center;
}
.leftFixed .onekey a:hover{text-decoration:none;background:#ff56da;}
.leftFixed .returnTop{
  height:38px;line-height:38px;background-image:url(/images/kuaijishiwu/zhuanti/zhubopeixun20200730/go_top.png);background-repeat:no-repeat;padding-left:22px;color:#fff;display:block;background-position:8px 10px;background-color:#7b1bed;border-radius:0 0 6px 6px;
}
.leftFixed .onekey .zhubo_dir{
  display:none;
}
.videoLayer{
  top:36%!important;
  width:364px!important;
  margin: -255px 0 0 -182px!important;
}