.personal_main.bg_w{ background: #fff;}
.mar_bottom{ margin-bottom: 40px;}
@media(min-width:992px){
    .course_margintop{margin-top: 30px;}
    .list-inline>li{padding-right:55px!important;}
    .grade :nth-child(1){padding-right:0px!important;}
    .subject :nth-child(1){padding-right:0px!important;}
    .classification>li{padding-right:5px!important;}
}
.header{ width: 100%; height: 60px; line-height: 60px; background: #262626;}
.header_center{ width:1150px; margin: 0 auto; height: 60px; padding: 0 27px;}
.header_center div{ float: left;}
.header_left{ height: 60px;}
.header_left p { float: right;height: 60px;}
.header_left p a{ float: left; padding: 0 25px; font-size:16px; color: #fff; line-height:58px;}
.header_right div{ float: left; width:389px;}

.header_hover{ border-bottom: 2px solid #f39b02; color: #f39b02;}
.course_hover{ color: #f39b02;}
.banner img{ display: block; margin: 0 auto; width: 100%;}
/*查询结果页面修改*/
@media(min-width:992px){
    .main{ width:1150px;  margin: 0 auto;}
}
@media(max-width:992px){
    .main{ margin: 0 auto;}
}
/*查询结果页面修改*/
.padding_top_left{padding: 40px 0 59px;}
.menu{padding: 30px 0;overflow: hidden;}
.menu_tab li:first-child{margin-left: 0;}
.menu_tab li{float:left; margin-left:34px;}
.menu_tab .tab{ width:290px; height:114px; padding:26px 30px; border-radius:30px; background: #6fb3d6; position: relative; }
.menu_tab .menu_tab_left{ margin-left:128px;}
.menu_tab .menu_tab_left h1{ font-size: 26px; font-weight: bold;line-height: 50px;color: #fff;}
.menu_tab .menu_tab_left p{line-height: 23px; color:#fff; font-size: 15px;}
.menu_tab li .menu_tab_icon{ position:absolute; background: url(../img/index_icon.png) no-repeat; width: 75px; height:80px; top:50%; margin-top:-40px;}
.menu_tab li:nth-child(2) .tab{ background: #91c011;}
.menu_tab li:nth-child(3) .tab{ background: #ffa200;}
.menu_tab li:nth-child(2) .menu_tab_icon{ background-position:-75px 0;}
.menu_tab li:nth-child(3) .menu_tab_icon{ background-position:-150px 0;}
.menu_tab .menu_tab_button{ overflow: hidden; margin-left:96px;}
.menu_tab_button a{ padding:3px 20px; font-size: 18px; border: 1px solid #fbfbfc; color: #fbfbfc; border-radius:30px; display: block; float: left; margin-top:10px; margin-left:10px;}
.index_conter{ overflow: hidden; height: 538px; }
.conter_left{ width:448px; float: left;}
.conter_right{ width:682px;float: right;}
.conter_left h3{ font-size: 26px;padding: 40px 0;}
.conter_img{position: relative; display: block;  background: #e7e7eb;}
.conter_img .img_cover{ width: 448px; height: 340px; display: block; overflow: hidden;}
.conter_img img{display: block; width: 100%; height: 100%;}
.conter_imghover{ background: url(../img/shade_01.png) no-repeat; width: 100%; height: 340px; position: absolute; top: 0; left: 0;}
.conter_ms{ padding:10px 0; height:59px; width: 207px;}
.conter_ms i{ line-height:26px; font-size: 14px; color: #262626; display: block;}
.conter_ms i:nth-child(2){ font-size: 12px; color: #a5a5a6;}
.conter_ms_r i{text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width: 207px;line-height:22px;}
.conter_ms_l i:nth-child(2){text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width: 345px;line-height:22px;}
.menu_hover{ border-bottom: 4px solid #ffa200; color: #ffa200;}
.conter_menu_center ul{overflow: hidden;}
.conter_menu_center ul li{ width: 207px; height:208px;  margin-left:19px; float:left;}
@media(min-width:992px){
    .data_hover{overflow: hidden; width: 207px; height: 132px;background: #e7e7eb; margin: 0 auto; position: relative;}
    .data_hover img{ width: 100%; height: 100%; display: block;}
    .za_hover{background:rgba(0,0,0,0.4); width:214px; height:132px; position: absolute; top: 0; left: 0;}
}
@media(min-width:992px){
   /* .data_hover{overflow: hidden; width: 207px; height: 132px;background: #e7e7eb; margin: 0 auto; position: relative;}
    .data_hover img{ width: 100%; height: 100%; display: block;}*/
    .za_hover{background:rgba(0,0,0,0.4); width:214px; height:132px; position: absolute; top: 0; left: 0;}
}
.za_hover:before,.yy_hover:before{content: ""; background: url(../img/shade_hover.png) no-repeat; width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px;}
.yy_hover{background:rgba(0,0,0,0.4); width:190px; height:130px; position: absolute; top: 0; left: 0;}
.menu_a{ margin-left: 104px!important;}
.menu_a a{ padding:3px 0px!important; clear: both;    clear: both;width: 136px!important;text-align: center;!important;}
.menu_a a:hover{ background: #4081a2;}
.menu_a_02 a:hover{ background: #7aa505;}
.menu_a_03 a:hover{ background: #e0930d;}
/*登录*/
.login_shade,.fordet_pwd{ width: 100%; height: 100%;position: absolute; top: 0; left: 0;z-index:10;}
.login_shade{background:rgba(0,0,0,0.4);}
@media(max-width:992px){
    @media all and (orientation : landscape) { 
          /*横屏时*/
          .login_conter{width:68%;}
          .login_conter{ background: #fff;position:fixed; left:15%;top: 8%; padding:30px 20px 80px;}
          .login_conter h1{ font-size: 18px; color: #000000; text-align: center; }
          .errorhint{height: 24px; line-height: 24px; text-align: center; color: red; font-size: 14px;}
          .login_input li{height: 45px; line-height: 45px; border: 1px #ffa200 solid; margin-top:10px;}
          .login_btn{margin-top:20px;}
      }
      @media all and (orientation : portrait){ 
            /*竖屏时*/
            .login_conter{width:100%;}
            .login_conter{ background: #fff;position:fixed; top: 20%; padding:30px 20px 80px;}
            .login_conter h1{ font-size: 22px; color: #000000; text-align: center; line-height: 60px;}
            .errorhint{height: 44px; line-height: 44px; text-align: center; color: red; font-size: 14px;}
            .login_input li{ width: 335px; height: 45px; line-height: 45px; border: 1px #ffa200 solid; margin-top:30px;}
            .login_input li:nth-child(1) input{ width:250px;}
      }
}
@media(min-width:992px){
    .login_conter{width:386px;}
    .login_conter{ background: #fff;position:fixed; left: 50%; margin-left:-200px; top: 20%; padding:30px 32px 80px;}
    .login_conter h1{ font-size: 22px; color: #000000; text-align: center; line-height: 60px;}
    .errorhint{height: 44px; line-height: 44px; text-align: center; color: red; font-size: 14px;}
    .login_input li{ width: 335px; height: 45px; line-height: 45px; border: 1px #ffa200 solid; margin-top:30px;}
    .login_input li:nth-child(1) input{ width:250px;}
}
.login_input li:before{vertical-align: middle; background: url(../img/login_icon.png) no-repeat; background-size:200% 100%; margin:10px 10px 10px 18px; content: "";float: left; width: 22px; height: 24px;}
.login_input .index_li_2:before{ background-position:100% 0;}
.login_input li:nth-child(1) input{ width:250px;}
.login_input li input{ width: 160px; float: left; padding: 0 10px;line-height: 43px; height: 43px; display: inline-block; margin: 0;}
.forget_pwd{ float: right;line-height:45px;cursor:pointer; padding: 0 10px; font-size:16px; color: #262626;}
.login_btn{cursor: pointer; width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 20px; text-align: center; background: #ffa200; display:block;}
/*错误提示*/
.errorhint{height: 44px; line-height: 44px; text-align: center; color: red; font-size: 14px;}
.gain{float: right;
    line-height: 45px;
    cursor: pointer;
    font-size: 16px;
    color: #262626;
    background: #ffa200;
    width: 100px;
    text-align: center;
    color: #fff;}
/*---------------课程------------------*/
.course_filtrate ul li{ line-height: 60px; height: 60px; background: #fff; width: 100%;  color: #262626;}
.course_filtrate ul li:nth-child(2){ border-top:#dedede 1px solid;}
/*查询结果页面修改*/
@media(min-width:992px){
    .filtrate_tit,.filtrate_conter span{font-size:18px; float: left; /*margin: 0 22px;*/ display: inline-block;line-height: 58px;}
    .filtrate_conter span{padding:0 20px; }
    .course_tit{ padding: 39px 0 28px; font-size:20px; color: #7b7b7b;}
}
@media(max-width:992px){
    .filtrate_tit,.filtrate_conter span{font-size:16px; float: left; /*margin: 0 22px; */padding:0 20px; display: inline-block;line-height: 58px;}
    .course_tit{ padding:17px 0px 12px 16px; font-size:20px; color: #7b7b7b;}
    .dl-horizontal>dt {
        display: inline-block;
        padding-right: 5px!important;
        padding-left:60px!important;
    }
    .dl-horizontal>dd {
        display: inline-block;
        padding-right: 5px!important;
        padding-left:60px!important;
    }
}
/*查询结果页面修改*/

.filtrate_conter span{cursor: pointer;font-size:18px;}
.filtrate_conter p{overflow: hidden;}
.arrows em{ background: url(../img/arrows.jpg) no-repeat; width: 19px; height: 22px; display: inline-block; vertical-align:-3px; margin:0 5px;}
.em_hover{ background: url(../img/arrows_hover.jpg) no-repeat!important; }
/*课程页面样式修改*/
@media(max-width:992px){
    @media all and (orientation : landscape) { 
              /*横屏时*/
                .course ul li{
                    width:32%;
                }
          }
          @media all and (orientation : portrait){ 
                /*竖屏时*/
                .course ul li{
                    width: 47%;
                }
          }
.course ul li{ padding:20px 1px 10px 1px; border-top: 1px solid #dedede;margin-right:4px;}
}
@media(min-width:992px){
    .course_img {overflow: hidden; width: 179px; height: 110px; display: block; float: left; background: #f6f5f5;}
    .course ul li{ width:100%;height:140px;padding:20px 1px 10px 1px; overflow: hidden; border-top: 1px solid #dedede;}
}
@media(max-width:992px){
  .course_img {overflow: hidden; width:100%; display: block;background: #f6f5f5;}  
}
.course_size p:nth-child(1){ color: #262626;}
.course_size p{ color: #7b7b7b;line-height:28px;}
/*课程页面样式修改*/
@media(min-width:992px){
    .course_size p{ font-size: 14px;}
    .course_size :nth-child(1){font-size: 16px;}
    .course_img img{ width: 100%; height: 100%; display: block;}
}
@media(max-width:992px){
    .course_img img{ width: 100%;display: block;}
    @media all and (orientation : landscape) { 
          /*横屏时*/
          .course_img img{ width: 100%; height:120px; display: block;}
      }
      @media all and (orientation : portrait){ 
            /*竖屏时*/
            .course_img img{ width: 100%; height:110px; display: block;}
      }
}
@media(min-width:992px){
    .course_size{ width:748px;padding: 0 20px;float:left;white-space:normal}
   /* .tcdPageCode{margin-top:700px !important;padding: 15px 20px;text-align: center;color: #ccc;}*/
    .tcdPageCode{padding: 15px 20px;text-align: center;color: #ccc;}
}
@media(max-width:992px){
    .course_size{ width:100%;float:left;white-space:normal;margin-top:10px;}
}
@media(max-width:992px){.course_size p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}}
/*课程页面样式修改*/
.course_size .em_ffa{ color: #ffa200;}
.em_83b106{ color: #83b106!important;}
.em_83b1061{color: #83b106!important;}
@media(max-width:992px){
    .em_83b1062{float:right;}
    .em_83b1061{ float:left;}
    .tcdPageCode{text-align: center;color: #ccc;}
}
/*分页样式*/
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.tcdPageCode a{font-family: "SourceHanSansCN-Regula"; font-weight:bold;display: inline-block;color:#ffa200;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #428bca;}
.tcdPageCode span.current{font-family: "SourceHanSansCN-Regula";font-weight:bold;	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #ffa200;	border: 1px solid #ffa200;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{font-family: "SourceHanSansCN-Regula";font-weight:bold;	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}
/*个人中心*/
.bg_w .main .personal_main{  overflow: hidden;}
.personal_left{ width: 259px;  float: left; background: #fff;}
.personal_right{ width:878px; background: yellow; float: right;background: #fff;}
.perleft_tit{ background: url(../img/perleft_tit.jpg) no-repeat; text-align: center; width:259px; height:204px;overflow: hidden;}
.perl_tie_img{ width: 70px; height: 70px; overflow: hidden; display: block; border-radius:100%; background: #f6f5f5; margin:40px auto 12px;}
.perl_tie_img img,.percenter_left p img{ width: 100%; height: 100%; display: block;}
.perleft_tit p{ display: block; font-size: 16px; color: #7b7b7b;line-height: 25px; }
.perleft_tit p em{ color: #262626;display: block; }
.perleft_tab em{ font-family: "SourceHanSansCN-Regula"; display: inline-block; margin: 0 8px; font-weight: bold;}
.perleft_tab{ margin-top: 10px;}
.perleft_tab li{ height: 40px; margin-bottom: 18px; text-align: center; line-height: 40px; cursor:pointer; overflow: hidden;}
.perright_div{ line-height: 62px; border-bottom: 1px solid #dedede;}
.perright_div em{cursor: pointer; display: inline-block; padding: 0 10px; margin: 0 20px;  font-size: 22px;}
.personal_center{ width: 688px; margin:80px auto; overflow: hidden;margin-top: 0px;}
.percenter_left{ width: 153px; overflow: hidden; float: left;}
.percenter_right{ width: 535px; overflow: hidden; float: left;}
.percenter_left p{width: 120px; height: 120px; display: block; margin:19px auto 30px; background: #f6f5f5;}
.uploading{position: relative; width: 122px; height: 38px; border: 1px solid #ffa200; color: #ffa200; text-align: center;line-height: 38px; font-size: 16px; margin: 0 auto; display: block; border-radius:2px;}
.uploading input{ position: absolute; top: 0;left: 0px; width: 122px;height: 38px; cursor: pointer; opacity: 0;}
 
.percenter_right li label{cursor: none; text-align: right; width:105px; padding:0 24px;display: inline-block; color: #7b7b7b;}
.percenter_right li input,.percenter_right li select{ width: 330px; height: 38px; border: 1px solid #dedede; padding: 0 10px;}

.sex_input{ display: inline-block; }
.sex_input em i{ background: url(../img/sex_tab_icon.png) no-repeat; width:20px; height:20px; display: block; background-size:200% 100%; display: inline-block; vertical-align:-5px; margin-right:15px;margin-left:10px;}
.sex_hover i{ background-position:100% 0px!important;}
.per_button{text-align: center; display: block;}
.per_button span{ display: inline-block; width:89px; height: 40px; border: 1px solid #dedede;text-align: center; margin:20px 20px 0px;line-height: 40px; font-size: 20px; color: #7b7b7b;}
.per_button .save{cursor: pointer; border: 1px solid #ffa200; background: #ffa200; color: #fff;}
.course_padding{ padding: 0 20px;}
.my_course{ margin-top: 16px;overflow: hidden;}
.mycourse_tit{ line-height: 66px; font-size: 22px;}
.mycourse_tit:before{ border-radius:100% ; background: #ffa200; width: 18px; height: 18px; margin-right: 10px; content: ""; display:inline-block;}
.mycourse_tit i{ font-size: 18px; color: #83b106;}
.mycourse_tit span{ display: inline-block; width:72px; height: 32px; background: #ffa200; border-radius: 4px; text-align: center; line-height: 32px; vertical-align: middle; margin-left: 20px; color: #fff; font-size: 18px;}
.my_course ul li{ float: left; margin-right: 20px; margin-bottom: 15px;}
.data_personal{width: 190px;
    height: 130px;
    background: #e7e7eb;
    margin: 0 auto;
    position: relative;overflow: hidden;}
.data_personal img{ width: 100%; height: 100%;display: block;}
.per_color em{ color: #262626;}
.zl_color{color: #ffa200;}
.input_border{border:none!important; font-size: 16px; font-weight: bold;color: #7b7b7b;}
select{font-size: 16px; font-weight: bold;}
.color_red{ color: red;}
.pertab_hover{ border-left:6px solid #ffa200; color: #ffa200;}
.percenter_member{ width:699px;}
.ktxk{max-width:470px; border: 1px solid #dedede; display: inline-block; vertical-align: middle; }
.ktxk em{ padding: 0 10px;}
.ktxk P{  overflow: hidden;padding: 0 20px;}
.ktxk em i{ background: url(../img/check_icon.png)-20px 0 no-repeat; display: inline-block; width:20px; height:20px; margin-right: 10px; vertical-align: -4px;}
.subject_hover i{ background-position:0px!important;}
.percenter_li{ height: 82px!important;}
.percenter_li span{font-size: 12px; }
.main_succeed,.main_loser{ background: #fff; margin: 60px auto; overflow: hidden;}
.succeed_center,.loser_center{ padding: 108px 0; width: 1014px; margin: 0 auto; overflow: hidden;}
.succeed_centerl{width: 289px; border-right:1px solid #dedede; float: left;}
.succeed_centerr{width:634px;float: left; padding: 0 0 0 80px;}
.succeed_icon{ background: url(../img/succeed_icon.jpg) no-repeat; width:90px; height:85px; margin:40px auto 20px;}
.succeed_size{ font-size: 30px; color: #7b7b7b; text-align: center;}
.succeed_centerr p, .succeed_centerr span,.succeed_centerr a{ display: block; font-size: 20px;}
.succeed_centerr p{ color:#7b7b7b;}
.succeed_centerr span{ padding: 16px 0;}
.succeed_centerr span i{ display: block; line-height: 30px;}
.succeed_centerr span i:nth-child(3){ color:#ff2828 ; font-size: 16px;}
.promptly{display: block; width: 315px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 20px; background: #ffa200;}
.button_first span{cursor: pointer;font-size: 16px; padding: 0 19px; display: inline-block; border: 1px solid #ffa200;background: #ffa200;color: #fff; line-height: 40px; border-radius:2px;  margin: 12px 0 0 300px;  }
.mar{ margin-top:10px;}
.loser_center,.loser_go a{ margin: 0 auto;}
.loser_go a{ margin-top:20px;cursor: pointer;}
.loser_go{ margin-top: 60px;}
.loser_go a:nth-child(2){ background: #fff; border: 1px solid #dedede; color:#7b7b7b; font-size: 20px; }
.loser_center .succeed_icon{ margin: 0 auto!important;}
.about_main{margin: 60px auto; overflow: hidden;}
.about_left{ width: 259px; background: #fff;float: left;}
.about_right{ width:878px;float: right; background: #fff;}
.about_conter{padding:40px 30px;overflow: hidden; font-size:16px; color: #7b7b7b;}
.gywm{ width:353px; height:249px;float: right; padding-left: 20px; padding-bottom: 10px;}
.about_tit{ line-height: 38px;}
.about_tit em{ display: block;}
.about_tit2{ line-height:30px; margin:20px auto;}
.about_tit3{line-height:30px;}
.about_eee{ float: left;width:431px; overflow: hidden;}
.about{ height: 170px;}
.about_map{ background: url(../img/map.jpg) no-repeat; width:816px; height: 519px;}
.about_map div{ background: #fff; width: 317px; height: 367px; float: right; margin:76px 32px 0 0; padding:0 20px;}
.map_tit{ font-size: 26px; color: #ffa200;line-height:110px; text-align: center; border-bottom: 4px solid #FFA200;}
.about_map ul{ padding:20px;}
.about_map ul li{line-height: 38px;}

.about_map ul li i,.about_map ul li em{ display: inline-block;vertical-align: 2px;}
.about_map ul li em{ width:210px;float:left;}
.about_map ul li i{ width: 60px; float: left;}
.tea_conter{ padding:0 30px 40px 30px!important;}
.teacher{ overflow: hidden;}
.teacher li{width:384px; height:151px;float: left; margin-left: 20px; margin-top:38px;}
.teacher_img{ width: 120px; height: 150px; overflow: hidden;float: left;}
.teacher_img img{ width: 100%; height: 100%; display: block;}
.teacher_div{padding:0px 10px; float: left;}
@media(min-width:992px){
    .teacher_div{ width:219px;}
}
@media(max-width:992px){
    .teacher_div{ width:60.6%;}
    .teacher_div p{
        width:100%;
        overflow: hidden;
    }
}
.teacher_tit{ font-size: 18px; color: #8db72c;}
.teacher_conter{ line-height:24px; font-size: 16px; color: #7b7b7b; margin-top:8px;}
.video_main{ padding-bottom:60px;}
.video_tit{ line-height: 90px;font-size: 20px;}
.video_tit em{font-family: "SourceHanSansCN-Regula"; font-weight: bold; margin:0 5px;}
.video_top{height: 610px; position: relative;}
.playArea{width:770px; height: 610px; background: #000000;}
.playBox_thx{ width:1150px;}
.playArea .player{position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    height:610px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;}
    
.listBox{ width:380px; height:615px; background: #383838;    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;}
.listBox_click{right:-351px;}
./*tr{-moz-transition:right .3s ease;-webkit-transition:right .8s ease; -o-transition:rightlistBox_click .8s ease}*/
.listcontrol_a{    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 458px;
    opacity: .7;}
.listcontrol_a .ctrlink   {    display: block;
    width: 10px;
    height: 26px;
    padding: 20px 1px 0;
    margin-top: 277px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #101010;
    cursor: pointer;}
.listcontrol_a .ico_right {
    display: block;
    width: 9px;
    height: 7px;
    background:url(../img/play_56bc676.png) -235px -50px no-repeat;
    line-height: 0;
    font-size: 0;
}
.listArea_center{ width: 364px; border-left:1px solid #242424; height: 610px; float: right;}
.listArea_tit,.listArea_foot{ padding: 7px 19px;}

.rea_tit{ font-size: 20px; color: #fff; line-height: 37px;}
.rea_tit2{font-size: 16px; color: #a9a9a9; line-height: 40px;}
.rea_tit2 span{ margin-right: 40px;}
.scrollbar {
	width: 364px;
	height:411px;
	overflow: scroll;
	overflow-x: hidden;
}
.scrollbar>div {
	width: 364px;
	height:446px;
}
.test5::-webkit-scrollbar {
 width: 12px;
 height:12px;
}
 .test5::-webkit-scrollbar-track {
 background-color:#383838;

}
 .test5::-webkit-scrollbar-thumb {
 background-color: #555;
}
.test_list li{padding: 7px 19px;border-bottom:1px solid #242424;overflow: hidden;}
.test_tit p{ line-height:37px; color: #a9a9a9; font-size: 16px;}
.mulu:before{ 
	background: url(../img/xin.png) no-repeat; 
	width: 22px; height: 20px; 
	display:inline-block; 
	vertical-align:-4px; 
	background-size:cover;
	content: "";
	margin-right: 5px;
	}
.mulu_hover:before{
	background: url(../img/xin1.png) no-repeat; 
	width: 22px; height: 20px; 
	display:inline-block; 
	vertical-align:-4px; 
	background-size:cover;
	content: "";
	margin-right: 5px;
}
.test_tit p em{ margin-right:20px;}
.test_tit{ width: 245px; float: left;}
.test_but{ width:70px; height: 30px; line-height: 30px; border: 1px solid #83b106; border-radius:6px; text-align: center; font-size:16px; color: #83b106; float: right; margin-top: 20px;}
.listArea_foot a{ line-height: 60px;color: #ffa200; font-size: 20px; border-bottom: 1px solid #ffa200; cursor: pointer;}


.expandCont {
    height:615px;
}
.expandCont {
    position: absolute;
    height:615px;
    width: 30px;
    z-index: 1000;
}
.expandCont a.expandlink.hover {
    text-decoration: none;
    background: #2a2a2a;
}

.ico__expandlist {
    width: 12px;
    height: 10px;
    /*background-position: ;*/
    display: inline-block;
    background: transparent url(../img/play_56bc676.png) -110px -50px no-repeat;
}

.expandCont a.expandlink {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #6b6b6b;
    background: #000;}
.expandCont a.expandlink .txt {
    display: block;
    padding: 200px 8px 0;}
.video_bottom{ margin-top:20px;}
.video_course_l,.video_course_r{ background:#fff;}
.video_course_l{ width:50%; float: left; }
.course_outline{padding: 0 20px 60px;}
.video_course_r{ width: 366px;float: right;padding-bottom: 60px;}
.course_tab_tit{overflow: hidden; border-bottom: 1px solid #f4f4f4;}
.course_tab_tit li{cursor: pointer; line-height: 60px; padding:0 10px;  float: left;margin:0 20px; font-size: 22px; color: #262626;}
.outline_tit{ padding:20px 20px; background: #f4f4f4; color: #262626; font-size: 18px;position: relative;}
.outline_tit em{ width:70px; height:69px;position: absolute; top: 0;right: 0; background: url(../img/emem.jpg) no-repeat;cursor: pointer;}
.outline_icon_b em{ background: url(../img/outline_icon_b.jpg) no-repeat;}
.outline_tit p:before{content:"章节"; background: url(../img/outline_icon.png) no-repeat; width:62px; height: 29px; display: inline-block; text-align: center;line-height:29px; color: #fff;}
.outline_c{ color: #83b106!important;}
.m{ margin: 0 5px;}
.outline_center{ padding:22px 10px;}
/*.outline_center p{ margin-left: 70px;}*/
.outline_center p span{ display: block; font-size: 16px; color: #7b7b7b; line-height: 36px;}
.outline_shiu li{ margin-top:26px;}
.outline_shiu li p{ line-height: 43px; font-size: 20px; color: #83b106;}
.outline_shiu li div{line-height: 30px; font-size: 16px; color: #7b7b7b;}
.video_course_rtit{ background: #f6f5f5;border-radius:100%; width: 80px; height: 80px; margin:40px auto 0; display: block; overflow: hidden;}
.video_course_rtit img{ height: 100%; width: 100%; display: block;}
.video_name{ line-height:50px; text-align: center; font-size: 18px; color: #262626; display: block;}
.video_text{ line-height: 30px; font-size: 16px; color: #7b7b7b; text-indent:2rem; padding:20px 30px;}
.moeny{ border: none!important; }
.moeny p{padding: 0;}
.moeny p em{ font-size:26px; color: #ff2828;}
.moeny p i{ font-size: 16px; color: #97c810;}
.payment{height:42px;
    display: inline-block;
    vertical-align: middle;}
.payment span{  float: left; width: 86px; height:40px; border:  1px solid #bfbfbf; text-align: center; font-size: 16px; color: #bfbfbf; margin-right:20px;cursor: pointer;}
/*.payment i{float: left;background: url(../img/payment.jpg)no-repeat center/contain; 
width: 89px; height:40px;text-align: center; font-size: 16px; color: #bfbfbf; 
margin-right:20px;cursor: pointer;}*/
.payment em{float: left;
width: 89px; height:40px;text-align: center; font-size: 16px; color: #bfbfbf; 
margin-right:20px;cursor: pointer; border: 1px solid #bfbfbf;position: relative;}
.payment_hover{ border: 1px solid #ffa200!important;position:relative; background: #fff;}
.payment_hover:before{background: url(../img/payment_03.png) no-repeat; width:18px; height:19px;position: absolute;bottom: 0;right: 0; content: "";}
.payment .wx i{background: url(../img/wxxx.jpg) no-repeat center/contain;background-size: 105px;background-position-y: -9.5px;}
.payment_had{background: url(../img/payment.jpg) no-repeat center/contain;}
.ewm{ height:185px!important;}
.ewm_center{ display: inline-block;vertical-align:-115px;}
.ewm_zb{ background:url(../img/rwm_b.jpg) no-repeat; width:140px; height:38px;display:block;}
.ewm_center em{ display:block; width:132px; height:132px; border: 1px solid #dedede; padding: 3px;}
.ewm_center em img{ width: 100%; height: 100%; display: block;}
.filterate_hover{ background: #ffa200; width:44px; height: 40px; color: #fff; line-height: 40px!important; text-align: center; margin-top:10px!important;}
.logon_close{ width:24px; height:24px;display: block; position: absolute; top:16px;right: 20px; background: url(../img/close.png) no-repeat;cursor: pointer;}

.login_input .index_li_3:before{    vertical-align: middle;
    background: url(../img/yzm.png) no-repeat;
    background-size:cover;
    margin: 10px 10px 10px 18px;
    content: "";
    float: left;
    width: 20px;
    height: 22px;}
    
    
/*视频设置*/
.set_player{ width: 100%; height:52px; background: #242424; position: absolute;bottom: 0;}
.set_progress{height: 6px; background: #323232;width: 100%;}
.set_progres_load{height: 6px; width: 300px; background: #595959;}
.control_play{position: relative; width:160px; background:#ffa200; height: 6px;}
.control_play_icon{ width: 14px; height: 14px;position: absolute; top:-4px; right: 0; background: #fff; border-radius:100%;}
.set{ width:100%; height:46px;line-height: 46px;}
.play_pause{ width: 160px; float: left; height:46px;}
.min_max{width:261px; float: right;}
.play_pause p{cursor: pointer;padding:13.5px 16px; display: inline-block; border-right:#171717 2px solid; color: #fff;float: left;}
.play_pause p em{ background:url(../img/pause.png) no-repeat; width:17px; height:19px; display:block; }
.play_pause p.play em{ background:url(../img/play.png) no-repeat;}
.play_pause i{ line-height: 46px; display:block; float: left; margin-left:10px;}
.min_max .zan{ background: url(../img/xin2.png)no-repeat; width: 24px; height: 22px; display: block; float:left; margin-top:12px;cursor: pointer;}
.min_max .zan.active{ background: url(../img/xin1.png)no-repeat;}
.volume{ background: url(../img/volume.png) no-repeat; width:30px; height:26px;float:left;margin-top:10px;margin-left:30px;cursor: pointer;}
.contrast{ width: 69px; height: 26px; background: #515151; font-size:16px; color: #a9a9a9; float: left;line-height: 26px; text-align: center;border-radius:20px;margin-top:10px; margin-left:30px;cursor: pointer;position: relative;}
.size_img{ background: url(../img/max.png) no-repeat; width:22px; height:22px;display: block; float:right; margin: 12px 18px;cursor: pointer;}
.contrast_menu_hover{color:#fff; background: #ffa200;}
.contrast_menu{ width:69px; height:142px; background:rgba(0,0,0,0.4);position: absolute; top: -163px;left:-7px; padding: 0 6px; font-size: 16px;color: #a9a9a9;}
.contrast_menu li{line-height:36px; border-bottom: 1px solid #31302f;}

.filtrate_tit{ color: #9e9e9e;}
.one_i{ margin: 0 10px;}
.one_line{ line-height: 56px!important;}
.back_x{ background: #242424!important;}
.v_img{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.v_img img{width: 100%; height: 100%; display: block;}
.vvv img{width:70%; height: 100%; display: block;margin: 0 auto;}
.bo{ background: url(../img/state/big_play_btn.png) no-repeat; width: 90px; height: 90px; display: block; z-index: 100000;}
.logo_img{ width: 142px;height:28px;display: block; margin-top:15px;}
.logo_img img{ width: 100%; display: block; height: 100%;}
.course_if{background-color: #fff;
    font-family: "SourceHanSansCN-Regula";
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: block;
    z-index: 99999; height: 200px;}
.lose{ width: 80px; height: 80px; background: url(../img/loser_icon.jpg) no-repeat; display: block;     margin: 20px auto;}
.course_cancel{
	background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}
.course_confirm{
	    background-color:rgb(221, 107, 85);
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}

.course_cosle{ background: url(../img/close.png) no-repeat; width:24px; height:24px;position: absolute; top:15px; right: 15px;}
.cccc{
	    display: block;
    margin-left: 157px;
    font-size: 16px;
    color: red;
}
.size_style{font-size: 16px;}
#suprise{
    width: 1000px;
    height: 90px;
    font-size: 16px;
}

.buyOnLine{
     font-size: 16px;
}