/*pc首页*/
.big_pm_banner{
  width: 100%;
  height: 640px;
  background: url("/data/static/images/opfun/banner_index.jpg") no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
}
.video_box_ipad{
  width: 1008px;
  height: 584px;
  background: url("/data/static/images/opfun/banner_video.png") no-repeat;
  background-size: 100% 100%;
  margin:28px auto;
}
.video_left{
  width:581px;
  height: 511px;
  float: left;
  margin-top: 34px;
  margin-left: 66px;
}
.video_left ul{
  width:581px;
  height: 511px;
  display: none;
  margin-top: 0;
}
.video_left ul:first-child{
  display: block;
}
.video_left ul img{
  width:581px;
  height: 511px;
}
.video_right{
  width: 300px;
  overflow: hidden;
  float: left;
  margin-left: 10px;
  margin-top: 50px;
}
.ico_title{
  width: 100%;
}
.ico_title img{
  width: 100%;
}
.video_xxk_box{
  margin-top: 20px;
  overflow-x: hidden;
  height: 255px;
}
.video_xxk_box::-webkit-scrollbar {
  width: 5px;
  height: 1px;
}
.video_xxk_box::-webkit-scrollbar-thumb{
  background:#aaa;
  width: 5px;
  height: 3px;
  border-radius: 10px;
}
.video_xxK_k{
  width: 30px;
  height: 30px;
  float: left;
  margin-top: 4px;
  background: url("/data/static/images/opfun/ico_17.png") no-repeat;
}
.video_xxK_m{
  width: 234px;
  height: 38px;
  background: url("/data/static/images/opfun/ico_19.png") no-repeat;
  color: #333;
  float: left;
  padding-left: 17px;
  line-height: 38px;
  margin-left: 7px;
  font-size: 0.8rem;
  margin-bottom: 16px;
  cursor: pointer;
}
.video_qh .video_xxK_m{
  background: url("/data/static/images/opfun/ico_18.png") no-repeat;
  color: #fff;
}
.video_qh .video_xxK_k{
  background: url("/data/static/images/opfun/ico_16.png") no-repeat;
}
.video_right ul{
  width: 261px;
  margin:30px auto 0;
}
.video_right ul a{
  width: 100%;
  height: 56px;
  margin-top: 10px;
  display: block;
}
.lg_title{}
.lg_title i{
  width: 75px;
  height: 75px;
  margin:30px auto 0px;
  display: block;
}
.lg_title i img{
  width: 100%;
}
.lg_title h3{
  font-size: 26px;
  color: #007ad0;
  text-align: center;
}
.lg_title span{
  font-size: 20px;
  color: #666;
  text-align: center;
  display: block;
  margin: 10px auto 30px;
}
.kc_list_k{
  width: 298px;
  height: 338px;
  border: 1px #eeeeee solid;
  border-radius: 10px;
  float: left;
  margin-right: 150px;
  margin-bottom: 45px;
}
.kc_list_k:nth-child(3){
  margin-right: 0;
}
.kc_list_k:nth-child(6){
  margin-right: 0;
}
.kc_list_k img{
  width: 100%;
}
.kc_list_k ul ol{
  font-size: 24px;
  color: #333;
  font-weight: bold;
  text-align: center;
  line-height: 65px;
}
.kc_list_k ul{ height: 130px; }
.kc_list_k ul li{
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  padding: 0 12px;
}
.kc_list_k .detail_btn{
  width: 150px;
  height: 42px;
  border-radius: 20px;
  font-size: 18px;
  display: block;
  margin: 0 auto 0;
  text-decoration: none;
  border: 1px solid #f39800;
  color: #f39800;
  line-height: 42px;
  text-align: center;
  background: #fef4e5;
}
.kc_list_k .detail_btn:hover{background: #ff8b19;color: #fff; }
.big_pm_5{
  background: #f6f6f6;
}
.lg_width{
  width: 1200px;
  margin: auto;
}
.lg_left_box{
  width: 200px;
  height: 500px;
  background: url("/data/static/images/opfun/mf_ico_1.png") no-repeat;
  box-shadow: 0 0 5px 0px #cdcdcd;
  border-radius: 10px;
  overflow: hidden;
  float: left;
}
.lg_left_box a{
  width: 150px;
  height: 42px;
  display: block;
  background: url("/data/static/images/opfun/mf_ico_an.png") no-repeat;
  margin: 24px auto 0;
}
.lg_left_box a:hover{background: url("/data/static/images/index_new/images/mf_ico_an_hover.png") no-repeat; }
.lg_left_box h3{
  width: 150px;
  font-size: 30px;
  color: #333;
  margin: auto;
  margin-top: 70px;
}
.lg_left_box p{
  width: 150px;
  margin: auto;
  margin-top: 10px;
}
.lg_right_box{
  width: 970px;
  float: right;
}
.lg_right_box ul{
  width: 220px;
  float: left;
  box-shadow: 0 0 5px 0px #cdcdcd;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  margin-right: 30px;
  margin-bottom: 19px;
}
.lg_right_box ol{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  line-height: 45px;
  padding: 0 10px;
}
.lg_right_box li{
  font-size: 16px;
  color: #999;
  padding-left: 25px;
  margin-left: 10px;
  background: url("/data/static/images/opfun/mf_ico_2.png") left center no-repeat;
  background-size: 20px 18px;
}
.lg_right_box a{
  width: 110px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #ff8b19;
  border-radius: 20px;
  display: block;
  margin:15px auto;
  text-decoration: none;
}
.lg_right_box a span{
  display: block;
  padding-left: 25px;
  margin-left: 10px;
  background: url("/data/static/images/index_new/images/mf_ico_3.png") left center no-repeat;
  background-size: 20px 18px;
  color: #ff8b19;
  line-height: 32px;
}
.lg_right_box a:hover{ background: #ff8b19; }
.lg_right_box a span:hover{ color: #fff; background: url("/data/static/images/index_new/images/mf_ico_hover.png") left center no-repeat;transition: all .2s;  }
.lg_right_box ul:nth-child(4){
  margin-right: 0;
}
.lg_right_box ul:nth-child(4){
  margin-right: 0;
}
.lg_right_box ul:nth-child(8){
  margin-right: 0;
}
/****** 雅思列表页样式 ****/
.page_left {
  width: 800px;
  float: left;
  padding-bottom: 40px;
  text-decoration: none;
}
.ielts_list_box{ padding-bottom: 50px; }
.ielts_title { font-size: 30px;color: #444; }
.ielts_title .icon{ width: 40px;height: 40px;background: url(http://www.batedu.cn/data/static/images/information/info_detail/details_icon.png)no-repeat -77px 0;display: inline-block;vertical-align: -8px; margin-right: 10px; }
.ielts_list { padding-top: 15px; display: none;}
.ielts_list .list{ padding:25px 0 25px 0; border-bottom: 1px solid #dfdfdf; }
.ielts_list .list .img{ width: 170px;height:110px;float: left; }
.ielts_list .list .img img{ width: 100%;height: 100%;display: block; border-radius:10px; }
.ielts_list .list .list_info { width: 600px;float: right; }
.ielts_list .list .list_info .list_title{ font-size: 18px;color: #444;font-weight: bold;display: block; text-decoration: none; }
.ielts_list .list .list_info .list_title:hover{ color: #ff7c00; }
.ielts_list .list .list_info .text{ width: 100%;height: 50px;overflow: hidden;font-size: 16px;color: #444;display: block; text-decoration: none; }
.ielts_list .list .list_info .text:hover{ color: #ff7c00; }
.ielts_list .list .other_info{ color: #999;font-size:14px;float: right; }
.ielts_list .list .other_info .source .icon{ width: 16px;height: 16px;background: url(http://www.batedu.cn/data/static/images/information/info_detail/details_icon.png) no-repeat -101px -109px;display: inline-block;vertical-align: -4px;margin-right: 8px;margin-left: 8px;  }
.ielts_list .list .other_info .time { padding-left:16px; }
.ielts_list .list .other_info .time .icon{ width: 16px;height: 14px;background: url(http://www.batedu.cn/data/static/images/information/info_detail/details_icon.png) no-repeat -101px -137px;display:inline-block; vertical-align: -2px;margin-right: 8px;  }
.ielts_list_box .tips { font-size: 14px;color: #e03734; padding-right: 18px; padding-top:10px; }
.ielts_list_box .tips a{ color: #e03734; }
.ielts_list_box .tips a:hover{ text-decoration: underline; }
.ielts_list_box .tips .tips_icon{ width: 20px;height: 20px;background: url(http://www.batedu.cn/data/static/images/information/info_detail/details_icon.png) no-repeat 0px -293px;display: inline-block;vertical-align: -5px; }
.ielts_list_box .top_info .code_show { position:relative; }
.ielts_list_box .top_info .code_show img{ width: 42px;height: 39px; }
.ielts_list_box .top_info .code_show .code{ width: 94px;height: 92px;background: url(http://www.batedu.cn/data/static/images/information/info_detail/weixin_code.jpg) no-repeat 0px 0; position: absolute;top:40px;right:0;display:none; }
.ielts_list_box .top_info .code_show:hover .code{display: block;}
.page_right {
  width: 314px;
  float: right;
}
/** 公用标题 */
.public_title{ height: 40px;line-height: 40px; border-bottom: 2px solid #ddd; margin-bottom: 15px; }
.public_title .title{ height: 40px; border-bottom: 2px solid #ff8400; display: inline-block; font-size: 20px;color: #222; font-weight: bold; }
.public_title  a{ color: #666;text-decoration: none;}
.public_title a:hover{ color: #ff8400; }

/** 网络课堂 */
.net_classroom .public_title .title .icon{ width: 32px;height: 21px;background: url(http://www.batedu.cn/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -450px; display: inline-block;vertical-align: -4px;margin-right: 5px; }
.net_classroom .classroom_video .video{ width: 100%;	height: 182px;background:#ccc; }
.net_classroom .classroom_details li{ font-size: 14px;color: #666; padding:0 3px; }
.net_classroom .classroom_details li a{ color: #666; text-decoration: none; }
.net_classroom .classroom_details i{ margin:0 6px; vertical-align: middle; }
.net_classroom .classroom_details .details i{  width: 15px;height: 16px;background: url(http://www.batedu.cn/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -487px;display: inline-block; }
.net_classroom .classroom_details .consult i{  width: 16px;height: 14px;background: url(http://www.batedu.cn/data/static/images/information/info_detail/details_icon.png) no-repeat -45px -532px;display: inline-block;  }
.net_classroom .classroom_details .zixun i{  width: 16px;height: 14px;background: url(http://www.batedu.cn/data/static/images/information/info_detail/details_icon.png) no-repeat -45px -532px;display: inline-block;  }
.net_classroom .classroom_details .more i{  width: 16px;height: 16px;background: url(http://www.batedu.cn/data/static/images/information/info_detail/details_icon.png) no-repeat 0px -553px;display: inline-block;  }
.net_classroom .classroom_details{ padding:10px 0; }
.classroom_list .list{ height: 44px;line-height: 44px;font-size: 14px;color: #444;border-bottom: 1px solid #e5e5e5; padding:0 6px 0 10px; }
.classroom_list .list .icon{ width: 18px;height: 16px;background: url(http://www.batedu.cn/data/static/images/information/info_detail/details_icon.png) no-repeat 0px -588px;display: inline-block; margin-top: 14px;  }
.classroom_list .list .name{ width: 200px;height: 44px;line-height: 44px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 14px;color: #444;display: inline-block;text-decoration: none; padding-left: 10px; }
.classroom_list .list .name:hover{ color: #05adfb; }
.classroom_list .list .listen_btn{ width: 56px;height: 24px;line-height: 24px;text-align: center;display: inline-block;color: #f74634;border: 1px solid #f74634;border-radius: 10px; font-size: 14px; margin-top: 8px;text-decoration: none; }
.classroom_list .list .listen_btn:hover{ background:#f74634;color: #fff; }
.classroom_list .list:last-child{ border-bottom: none; }

/*** 热点专题 **/
.hot_special { padding-top: 32px; }
.hot_special .public_title .title .icon{  width: 24px;height: 28px;background: url(http://www.batedu.cn/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -715px; display: inline-block;vertical-align: -8px;margin-right: 12px;  }
.special_list .list { height: 44px;line-height: 44px; border-bottom: 1px solid #e5e5e5; padding-left: 5px; }
.special_list .list:last-child{ border-bottom: none; }
.special_list .list .num{ width: 20px;height: 20px; line-height: 18px;text-align: center; background:#ccc;font-size: 14px;color: #fff; font-style: normal;display: inline-block;border-radius: 50%; vertical-align: 18px; }
.special_list .list .org{  background:#ff8400;float: left;margin-top: 12px;margin-right: 10px; }
.special_list .list .special_name{ width: 255px;height: 44px;line-height: 44px;color: #444;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block; padding-left: 5px;text-decoration: none; }
.special_list .list .special_name:hover{ color: #169bd5; }
.special_banner{ width: 290px;height: 100px;margin:0 auto; position: relative; margin-bottom: 10px; }
.special_banner .banner_box{ width: 290px;height: 103px;overflow: hidden;position: relative; }
.special_banner .banner_ul { position: absolute; }
.special_banner .banner_ul .banner_list { position: relative; }
.special_banner .banner_ul .banner_list .banner_name{ width: 98%; padding-left: 2%; height: 24px;line-height: 24px;background:rgba(0,0,0,.5);position: absolute;bottom:0;left:0; color: #fff; }
.special_banner ol { position: absolute;top:10px;right: 5px; }
.special_banner ol li{ width: 5px;height: 5px;border-radius: 50%;border: 1px solid #fff;display: block; margin-bottom: 4px; cursor:pointer ; }
.special_banner ol .current{ background:#fff; }
.page_left_nav_box{
  width: 100%;
  height: 50px;
  background: #f2f2f2;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #ff8b19;
}
.page_left_pm ol{
  width: 12.5%;
  float: left;
  cursor: pointer;
}
.page_left_pm ol:hover{
  background: #ff8b19;
  color: #fff;
}
.page_left_pm .page_left_qh{
  background: #ff8b19;
  color: #fff;
}
.page_l_d{
  width: 14px;
  height: 6px;
  position: absolute;
  bottom: -1px;
  margin-left: -7px;
  left:50px;
  z-index: 1;
}
.ielts_list_box .ielts_list:first-child{
  display: block;
}
.big_19{
  background: url("/data/static/images/opfun/pc_ht.jpg") no-repeat;
  height: 240px;
  margin-top: 0;
}
.footer1_link dl{padding: 15px 0px 32px;}
.footer1_link dl:after{content: "";clear: both;height: 0;display: block;visibility: hidden;}
.footer1_link dt{float: left;}
.footer1_link dd{float: left;width: 1020px;}
.footer1_link dt{font-size: 14px;color: #999;font-weight: 600;}
.footer1_link dd{font-size: 14px;color: #999;margin-right: 18px;}
.footer1_link dd a{color: #999;}
.footer1_link dd a:hover{color: #666;}
.logo_show{ width: 1200px;height: 78px;margin:0 auto;margin-bottom: 22px; }
.logo_show a{ float: left; margin-right: 56px; }

.ielts_list .list_list{
  width: 50%;
  float: left;
}
.ielts_list .list_list::before {
  content: '◆ ';
  font-size: 20px;
  color: #ff8b19;
  margin:0 10px;
  float: left;
  line-height: 36px;}
.ielts_list .list_list a{
  font-size: 16px;
  color: #333;
  line-height: 36px;
  float: left;
  text-decoration: none;
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ielts_list .list_list span{
  float: right;
  font-size: 16px;
  color: #999;
  line-height: 36px;
}
.ielts_zx{
  width: 100%;
  overflow: hidden;
}
.ielts_zx a{
  display: block;
  width: 270px;
  height: 51px;
  margin: 10px auto;
}
.ielts_zx a img{
  width: 100%;
}
.ielts_list .list_list a:hover{color: #ff8b19;}


.banner_box{width: 100%;background: #fff;padding-bottom: 20px;}
/*logo&search*/.log_search{width: 1200px;margin: 0 auto;height: 116px;/*background: #f66;*/}
.logo{float: left;padding: 25px 94px 0 0;}
.logo img{ width: 224px;height: 60px;}
.search_box{float: left;padding-top: 42px;position: relative;}
.search_box form:after{content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.search_box .search_txt{width: 554px;height: 40px;line-height: 40px;border: none;outline: none;color: #bbb;font-size: 14px;border: 1px solid #e60012;padding-left: 44px;background: url(/data/static/images/index/search_icon.png) no-repeat 15px center;float: left;}
input::input-placeholder{color: #bbb ;}

/* 有些资料显示需要写，有些显示不需要，但是在编辑器webstorm中该属性不被识别*/

::-webkit-input-placeholder{/* WebKit browsers*/color: #bbb;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18*/color: #bbb;}
::-moz-placeholder{/* Mozilla Firefox 19+*/color: #bbb;}
:-ms-input-placeholder{/* Internet Explorer 10+*/color: #bbb;}
.search_box .search_btn{width: 73px;height: 42px;line-height: 42px;color: #fff;font-size: 18px;text-align: center;border: none;outline: none;/*border: 1px solid #5e9dfa;*/background: #e60012;float: left;cursor: pointer;}
.search_box .search_btn:hover{opacity: .8;}
.search_box ul{position: absolute;left: 0;top: 84px;width: 602px;border: 1px solid #f39800;border-top: none;background: #fff;z-index: 100;display: none;}
.search_box ul li{font-size: 14px;line-height: 28px;padding-left: 22px;cursor: pointer;}
.search_box ul li a{color: #999;display: block;}
.search_box ul li:hover{background: #f6f6f6;}
.search_box ul li:hover a{color: #f39800;}
.double_sign{float: right; margin: 14px 0 0 0; }
.double_sign img{width: 200px;height: 95px;}


/******** index activity_entry ***/
.activity_entry{ width: 254px;height: 294px;background: url(/data/static/images/zt/christmas_newyear/activity_entry.png) no-repeat 0 0;position: fixed;top:25%;left:20px;text-align: center; }
.christmas_newyear_entry{  width: 200px;height: 74px;background: url(/data/static/images/zt/christmas_newyear/christmas_newyear_entry.png) no-repeat 0 0;display: block;margin:80px 34px 10px; }
.message_entry{  width: 200px;height: 74px;background: url(/data/static/images/zt/christmas_newyear/message_entry.png) no-repeat 0 0;display: block;margin:0 35px; }

.christmas_elder{  width: 98px;height: 78px;background: url(/data/static/images/zt/christmas_newyear/christmas_elder.png) no-repeat 0 0; display: inline-block; position:absolute;top:-46px;left:56px; }
.elk{  width: 92px;height: 84px;background: url(/data/static/images/zt/christmas_newyear/elk.png) no-repeat 0 0; display: inline-block;  position:absolute;top:-46px;right:15px; }


@keyframes translate{
  20%{
    transform: rotate(5deg);
  }

  40%{
    transform: rotate(10deg); 
  }

  60%{
      transform: rotate(0deg); 
    }

  80%{
      transform: rotate(-8deg); 
    }

  100%{ 
    transform: rotate(0deg); 
   }

}
@-webkit-keyframes translate{
  20%{
    transform: rotate(5deg);
  }

  40%{
    transform: rotate(10deg); 
  }

  60%{
      transform: rotate(0deg); 
    }

  80%{
      transform: rotate(-8deg); 
    }

  100%{ 
    transform: rotate(0deg); 
   }

}

.christmas_elder,.elk{ 
  animation-name:translate;
  animation-duration:2s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  animation-delay:.5s;
  -webkit-animation-name:translate;
  -webkit-animation-duration:2s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-delay:.5s;

 }

/*nav&banner 2018-12-28*/
.nav_banner{width: 1200px;margin: 0 auto;height: 500px; padding-bottom: 50px;}
.course_nav{width: 200px;height: 500px;background-color: #474747;float: left;}
.course_nav h3{height: 38px;line-height: 38px;text-align: center;background: #e60012;font-size: 16px;}
.course_nav h3 a{color: #fff;display:block;}
.course_nav h3:hover{opacity: .8;}
.course_nav ul li{position: relative;background: #474747;}
.course_nav ul li h4 a{color: #fff;}
.course_nav ul li .course_hide h4 a{color: #fcff00; display: block; }
.course_nav ul li h4 a:hover{color: #e60012;}
.course_nav ul li p a,.course_nav ul li dd a{font-size: 12px;color: #cdcdcd;line-height: 20px;padding-right: 8px;}
.course_nav ul li a:hover{color: #e60012;}
.course_nav ul li .course_li_show{padding-left: 11px; padding-bottom:7px; border-bottom: 1px solid #6c6c6c; padding-top:8px;}
.course_nav ul .course_li .course_hide{width:516px;background: #333333;position: absolute;left: 200px;top: 0px;z-index: 101;display: none;padding: 20px; }
.course_nav ul .course_li .course_hide dl{ padding:10px 0;}
.course_nav ul .course_last .course_hide{width: 340px;background: #333333;position: absolute;left: 200px;bottom: 0px;z-index: 100;display: none;padding: 5px 0 0 11px;}
.course_nav ul li .course_hide dt h4{ background:#474747; width: 100px; height: 30px; line-height: 30px; border: 1px solid #757575; text-align: center; border-radius: 2px; }
.course_nav ul li .course_hide dl:after{content: "";display: block;clear: both;height: 0;visibility: hidden;}
.course_nav ul li .course_hide dt,.course_nav ul li .course_hide dd{/*float: left;*/}
.course_nav ul li .course_hide dd{ width: 400px; margin-left: 12px; }
.course_nav ul li .course_hide dd a{ margin-top:5px; display: inline-block;}
.banner_box{width: 100%;background: #fff;padding-bottom: 20px;}
.bannerBox{width: 772px;height:500px;position: relative;overflow: hidden;margin: 0 14px;float: left;}
.bannerList{height:100%;margin: 0 auto;position: relative;z-index: 80;}
.bannerList li{position: absolute;width: 100%;}
.bannerList li a.bannerImg{display: block;width: 100%;height: 500px;}
.bannerList li a.bannerImg img{width:100%;height:500px;}
.bannerList li .bannerText{position: absolute;left: 45%;top:50px;color: #000;}
.controlBtn{position: absolute;top:50%;margin-top: -34px;z-index: 90;width: 43px;height:68px;background-image: url(/data/static/images/focus_handle.png);display: none;}
#bannerList a{transition: all .2s;}
.bannerBox:hover .controlBtn{display:block;}
#prevBtn{background-position: -93px 0px;left:15px;}
#prevBtn:hover{background-position: -3px 0px;}
#nextBtn{background-position: -138px 0;right:15px;}
#nextBtn:hover{background-position: -48px -0px;}
.bubble{position: absolute;left:50%;bottom:10px;z-index: 100;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.bubble li{float: left;width: 10px;height:10px;background-color: #fff;margin: 0 5px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;cursor: pointer;z-index: 100;}
.bubble li.active{background-color: #f66;}
#banner2{width:300px;height:200px;}
#banner3{width:800px;height:200px;}
.banner_right{width: 198px;height: 498px;border: 1px solid #e5e5e5;float: left;}
.banR_top{padding: 16px 6px 10px 11px;}
.banR_top1:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.banR_top1 img,
.banR_top1 p{float: left;}
.banR_top1 img{padding: 0 8px 0 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 60px;height: 60px;}
.banR_top1 p{font-size: 14px;color: #b5b4b4;padding-top: 8px;}
.banR_top1 p a{color:#5e9dfa;}
.banR_top2{margin-top:10px; position: relative;  }
.banR_top2 a{width: 83px;height: 34px; line-height: 34px; border: 1px solid #5e9dfa; display: inline-block; text-align: center;font-size: 16px; color: #2a8cff;}
.head_box { position: relative; }
.head_box .grade_icon{ background: url(/data/static/images/index/grade_icon.png) no-repeat 0 0; width: 64px; height: 23px; line-height: 13px; text-align: center; color: #fff; display: block; position:absolute; bottom: -6px;  left:44%; margin-left: -32px; }
.banR_top2 .integral{  background: url(/data/static/images/index/integral_bg.png) no-repeat 0 0; width: 140px; height: 29px; line-height: 28px; text-align: center; display: block; position: absolute;top:30px; right: 0;font-size: 14px; color: #fff; font-weight: 600; text-shadow: 1px 1px 0px #f0a747; opacity: 0; transition: all .2s; }
.banR_top2 .integral span{  display: inline-block; color: #ff7200; text-shadow: 1px 1px 0px #f09130; }
.banR_top2 span { display: inline-block;width: 82px;height: 34px;margin-right: 4px;text-align: center;line-height: 34px;font-size: 16px;border: 1px solid #e60012;cursor: pointer;}
.banR_top2 a:hover{background: #e60012;color: #fff;}
.banR_top2 span.banR_login{background: #fff;color: #e60012;}
.banR_top2 span.banR_login:hover{background: #e60012;color: #fff;}
.banR_top2 span.banR_register{background: #fff;color: #e60012;}
.banR_top2 span.banR_register:hover{background: #e60012;color: #fff;}
.banR_bottom h4{padding: 16px 0 16px 0;}
.banR_bottom h4 img{margin: 0 auto;}
.banR_bottom ul{padding-left: 18px;}
.banR_bottom ul li{margin: 0 6px 10px 0;width: 76px;height: 54px;line-height: 26px;text-align: center;font-size: 20px;float: left;cursor: pointer;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid #fff;}
.banR_bottom ul li strong{font-weight: 600;}
.banR_bottom ul li a{display: block;}
.banR_bottom ul .banR_bottom1{border: 1px solid #438ace;}
.banR_bottom ul li.banR_bottom1 a{color: #438ace;}
.banR_bottom ul li.banR_bottom1:hover{background: #438ace;}
.banR_bottom ul li.banR_bottom1:hover a{color: #fff;}
.banR_bottom ul .banR_bottom2{border: 1px solid #e54b4b;}
.banR_bottom ul li.banR_bottom2 a{color: #e54b4b;}
.banR_bottom ul li.banR_bottom2:hover{background: #e54b4b;}
.banR_bottom ul li.banR_bottom2:hover a{color: #fff;}
.banR_bottom ul .banR_bottom3{border: 1px solid #35ba8a;}
.banR_bottom ul li.banR_bottom3 a{color: #35ba8a;}
.banR_bottom ul li.banR_bottom3:hover{background: #35ba8a;}
.banR_bottom ul li.banR_bottom3:hover a{color: #fff;}
.banR_bottom ul .banR_bottom4{border: 1px solid #f47b10;}
.banR_bottom ul li.banR_bottom4 a{color: #f47b10;}
.banR_bottom ul li.banR_bottom4:hover{background: #f47b10;}
.banR_bottom ul li.banR_bottom4:hover a{color: #fff;}
.banR_bottom ul .banR_bottom5{border: 1px solid #ff135b;}
.banR_bottom ul li.banR_bottom5 a{color: #ff135b;cursor: default;}
.banR_bottom ul li.banR_bottom5:hover{background: #ff135b;}
.banR_bottom ul li.banR_bottom5:hover a{color: #fff;}
.banR_bottom ul .banR_bottom6{border: 1px solid #9b48b0;}
.banR_bottom ul li.banR_bottom6 a{color: #9b48b0;cursor: default;}
.banR_bottom ul li.banR_bottom6:hover{background: #9b48b0;}
.banR_bottom ul li.banR_bottom6:hover a{color: #fff;}
.banR_ctn img {margin: 0 auto;width: 80%;}
.banR_ctn{ text-align: center;    border-bottom: 1px dashed #e5e5e5; padding: 20px 0 20px 0; }


/*** 销售记录滚动展示 ***/
.sale_record{border-bottom: 1px dashed #e5e5e5;height: 138px;overflow: hidden;}
.sale_record .record_box{ padding-left: 4px; }
.sale_record .record_box .list{ padding-bottom:8px;font-size: 12px;color: #555; }
.sale_record .record_box .list .info{ display: inline-block; }
.sale_record .record_box .list .course_name{color: #f49701;display: block;line-height: 12px;}
.sale_record .record_box .list .course_name:hover{text-decoration:underline;}