﻿/*公共部分*/
  /*按钮*/
 body,p,span,ul,li,div,h1,h2,h3,h4,h5{font-family: "微软雅黑","Microsoft Yahei",}
 ul,li{margin-bottom: 0px;}
 .button{display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;}
 .wrong_msg{
				background: #ff5959;
				color: #FFFFFF;
				border-color:#ff5959;
			}
 .wrong_msg:hover{
    background-color: #fb0000;
    border-color: #fb0000;
    color: #FFFFFF;
 }
 .success_msg{
   background: #66d99f;
   color: #FFFFFF;
   border-color:#66d99f;
 }

 .success_msg:hover{
   background: #58b888;
   border-color:#58b888;
 }
 .info_msg{
                background: #50b4ff;
				color: #FFFFFF;
				border-color:#50b4ff;
 }
 .info_msg:hover{
   background: #429bdd;
   border-color:#429bdd;
 }
 .warning_msg{
    background: #ffe266;
	color: #FFFFFF;
	border-color:#ffe266;
 }
  .warning_msg:hover{
    background: #ebcf59;
	border-color:#ebcf59;
 }
 .danger_msg{
    background: #999999;
	color: #FFFFFF;
	border-color:#999999;
 }
.a_btn:hover{color:#ffffff;}
.a_abtn:hover{color:#50b4ff; cursor: pointer;}
.upright_navli .upright_navlia_active:hover{color: #FFFFFF;}
.fast_a :hover{text-decoration: underline;}
.fast_a{margin-left: -5px;}
/*答题框*/
.tab-info{background:#50B4FF;}
.tab-default{border: 1px solid #999999;color: #777777;}
.tab-success{background:#66d99f;}
.tab-red{background:#ff5959;}
.text-success{color:#66d99f;}
.text-red{color: #ff5959;}
.text-blue{color: #50b4ff;}
.text-gray{color: #777777;}
.big-size{font-size: 16px;}
.font-bold{font-weight: bold;}
/*公共部分结束*/


/*index开始*/
.topbar{background: #eeeeee;}
 ul {list-style: none;}
   /*选省区*/
.change{display: inline-block;}
.first-level:hover .change{
transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 
transition-property:transform;
transition-duration:0.5s;
}
.left-city{float: left;position: relative;}
.first-level>li{display: inline-block;line-height: 36px;position: relative;color: #8c8c8c;font-family: "微软雅黑";}
.with-padding{padding-right: 10px;margin-left:12px;}
.with-padding img{margin-right: 10px;}
.first-level>li>a{color: #8c8c8c;line-height: 36px;padding: 0 10px;height: 36px;display: block}
.first-level>li>a:hover{color:#50b4ff;cursor: pointer;}
.city-drop-down{position: absolute;top: 30px;display: none;left: -60px;line-height: 8px;width:410px;border: 1px solid #dfdfdf;background: #fff;padding: 15px 12px;z-index: 10;}
.city-drop-down h3{color: #50b4ff; margin-bottom: 1px;font-size: 100%;}
.city-drop-down ul li{display: inline-block;padding:2px;line-height: 18px;}
.city-drop-down ul li a{color: #666;font-size:14px;}
.lick :hover {color:#50b4ff;text-decoration: underline;}
.no-right-margin{ margin-right: 0!important;}
 .morelink{float: right;color: #8c8c8c;}
.morelink : hover{color: #50b4ff;}
.no-padding{padding-left: 0px;}
  /*选省区end*/
 .top-bar-liast{ margin-right: 23px; }
 .top-list-right{height: 36px; float: right;}
  .top-list-right li{float: left;line-height: 36px;color: #777777;font-family: "微软雅黑";}
  .text-sub{color: #50b4ff;}

.sm_topbar{color: #777777;}
/*Logo开始*/
.Logo{padding-top:10px;padding-bottom:10px;}
.logo-sm{width:98%;margin-bottom:5px;}
.logo-big{float: left;padding-left: 12px;padding-top: 5px;padding-bottom: 3px;line-height: 60px;}
.phone{width:96%;float: right;margin-right: 15%;}
/*Logo结束*/

/*banner开始*/
  .bar-bar{ position: relative;}
   /*long-bar开始*/
  .long-bar{background: #50B4FF;}
  .long-bar-bar{line-height:38px;}
  .long-bar-bar li{float: left;padding: 0 15px 0 15px;}
  .long-bar-bar li a{font-size: 18px;font-family: "微软雅黑";color: #FFFFFF;}
  .long-bar-bar li a:hover{color:#50b4ff;}
  .long-bar-bar li:hover {background: #FFFFFF;}
  .long-bar-bar li:hover .bar_li_a{color:#50b4ff;}
  .long-bar-bar_liactive{background: #FFFFFF;}

  .bar-one{margin-left: -13px;}
  .mgin-right{margin-right:20px;}
  /*long-bar结束*/
 .banner_bar{position: relative;}
 /*登录框开始*/
      .banner-bg{background: #eeeeee;}
			.qq{margin-right: 10px;margin-left: 10px;position: relative;cursor:pointer;}
			.wx{position: relative;cursor:pointer;}
			.wxqq{position: absolute;top:0px}
			.xzqq{position: absolute;top:0px;display: none;}
			.wxwx{position: absolute;top:0px;left: 30px;}
			.xzwx{position: absolute;top:0px;left: 30px;display: none;}
			.ts{width: 100%;margin-top:10px;position: absolute;}
			.ts span{display: block;width:78%;margin-left: 12%;}
			.wrong{border:1px solid #ff5959}
			.sx{font-size:20px;color: #999999;}
			.container-dl{position: absolute;z-index: 10;top:-426px;right:35px;width: 325px;width:325px;display: inline-block;float: left;min-width: 325px;}
			.bar-dlk{font-weight:600;font-size:20px;line-height: 40px;padding-left:6%;margin-right:6%;font-family: '微软雅黑';color: #777777;}
			.cont_Ny-dl{background:rgba(255,255,255,0.8);height: 314px;min-height: 314px;width: 100%;min-width:325px;}
			.cont_zhdl:hover{color:#777777;cursor:pointer;font-weight:600;font-size:20px;line-height: 40px;}
			.cont_smdl:hover{color:#777777;cursor:pointer}
			.cont_Ny-Login-user{width:250px;height:35px;border: 1px solid #e1e1e1;margin-top:5%;background: white;margin-left:12%;}
			.cont_Ny-s_user{margin-left:5px;margin-top:2px;background-image:url(../image/index/icon.png);background-position:-3px -38px;width:27px;height: 27px;display:inline-block;}
			.cont_Ny-s_userr_active{margin-left:5px;margin-top:2px;background-image:url(../image/index/icon.png);background-position:-3px -162px;width:27px;height: 27px;display:inline-block;}
			.k_active{border:1px solid #50b4ff;}
			.cont_Ny-s_user_active{margin-left:5px;margin-top:2px;background-image:url(../image/index/icon.png);background-position:-3px -133px;width:27px;height: 27px;display:inline-block;}
			.cont_Ny-s_user_phone{margin-left:5px;margin-top:2px;background-image:url(../image/index/icon.png);background-position:-3px -1px;width:27px;height: 27px;display:inline-block;}
			.gain_yzm{background: #50b4ff;color: #FFFFFF;border:1px solid #50b4ff;line-height:20px;float: right;margin-top: 7%;margin-right: 18%;width: 110px;}
			.cont_Ny-user-sr{border: 0;position: absolute;line-height: 31px;width:215px;height: 32px;}
			.cont_Ny-Login-passsword{width:250px;height:35px;border: 1px solid #e1e1e1;margin-top:7%;margin-left: 12%;background: white;}
			.cont_Ny-s_password{margin-left:5px;margin-top:2px;background-image:url(../image/index/icon.png);background-position:-3px -99px;width:27px;height: 27px;display:inline-block;}
			.cont_Ny-s_password_active{margin-left:5px;margin-top:2px;background-image:url(../image/index/icon.png);background-position:-3px -225px;width:27px;height: 27px;display:inline-block;}
			.cont_Ny-Login-yzm{width:136px;height:35px;border: 1px solid #e1e1e1;margin-left:12%;margin-top:7%;display: inline-block;background: white;}
			.cont_Ny-s_yanm{margin-top:3px;margin-left:5px;background-image:url(../image/index/icon.png);background-position:-3px -72px;width:27px;height: 27px;display:inline-block;}
			.cont_Ny-s_yanm_active{margin-top:3px;margin-left:5px;background-image:url(../image/index/icon.png);background-position:-3px -194px;width:27px;height: 27px;display:inline-block;}
			.cont_Ny-user-yz{border: 0;position: absolute;line-height:31px;width:31%;height: 32px;}
			.cont_Ny-yzt{margin-top:3%;margin-right:6%;line-height:40px;}
			.cont_Ny-zddl{margin-top:15px;}
			.cont_Login-wj{color: #838383;text-decoration: underline;float: right;;margin-right:11%;}
			.cont_Ny-Login-but{margin-top:5%;margin-bottom:5%;margin-left:27%;background: #66d99f;width: 46%;border: none;height: 35px;font-size:18px;color: white;border-radius: 5px;font-family: "微软雅黑";}
			.cont_Ny-Login-but:hover{background: #66d99f;}
			.cont_Ny-Login-mzh{font-size:16px;color: #777777;width: 100%;margin-left: 12%;font-family: "微软雅黑";}
			.cont_Ny-Login-mzh>a{text-decoration: underline;color: #50b4ff;}
			.cont_Ny-active{color:#50b4ff;}
			.cont_Ny-yd{background: #FFFFFF;width: 325px;height: 401px;padding-left: 15px;padding-right: 15px;}
			.contaoner_home{position: relative;}
			.contaoner_nr{position: relative;}
			.float-right{float: right;}
			.cont_Ny-yhm{display: inline-block;font-size:16px;color:#50b4ff;padding-top:3%;margin-bottom:5px;}
			.tc{margin-top:3%;font-size: 14px;margin-right: 3px;color: #777777;font-weight: bold;}
			.tc:hover{color: #50b4ff;}
			.cont_Ny-yhxx{height: 90px;}
			.cont_Ny-yhxx>img{display: inline-block;float: left;}
			.cont_Ny-yhxxyc{position:relative;display: inline-block;float: left;color:#777777;float: right;width:180px;overflow: hidden;position: relative;line-height: 28px;font-size: 14px;margin-top: 10px}
			 .pop-name{position: absolute;top:-5px;display: inline-block;padding-top: 5px;width: 85px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
			 .cont_Ny-zhzt{font-size:14px;width:88%;float: left;color:#777777;margin-bottom:30px;margin-top:25px;margin-left: 15px;line-height: 28px;}
			.cont_Ny-zhzt>b{font-weight: 500;}
			.cont-but{background: #66d99f;color: white;margin-top: 5%;}
			.small{margin-left:5%;margin-right:4% ;}
/*登录框结束*/
/*热门课程开始*/
.change-bg{background:#eeeeee;padding-top:25px;padding-bottom:20px;}
.popular-course{background: #FFFFFF;padding-bottom: 28px;position: relative;}
.sm-title{display:block;text-align: center;padding-top: 25px;color: #777777;font-size: 22px;font-family: "微软雅黑";}
.english{font-size:10px;margin-top: -1px;display: block;}
.border{height: 5px;width:100px;background: url(../image/index/border1.png) ;border: none;margin: 0 auto;}
.introduce{display: block;margin: 0 auto;text-align: center;font-size:16px;font-family: "微软雅黑";color: #999999;width:46%;margin-top: 5px;color: #999999;}
.detail{margin-top:40px;padding-right: 35px;}
.detail ul li{float: left;}
.sm-sm_title{color:#50b4ff;font-weight: 600;font-family: '微软雅黑';font-size: 18px;}
.sm-sm_title img{margin-right:10px;}
.detail-li{display: inline-block;height: 33px;margin-top: -3px;}
.detail-lia{cursor: pointer;color:#777777;font-family: '微软雅黑';font-size: 18px;margin-right: 30px;text-align:center;display: inline-block;padding: 3px 5px 3px 5px;}
.detail-lia_active{color: #ffffff;background: #50b4ff;text-decoration: none;border-radius: 3px;cursor: pointer;font-family: '微软雅黑';font-size: 18px;margin-right: 40px;text-align:center;display: inline-block;padding: 5px 10px;}
.detail-lia_active:hover{color: #FFFFFF;}

.detail-li_first{margin-left: 40px;}
.popular-course_list{margin-left:25px;}
/*.popular-course_listalone{padding:10px;}*/
.popular-course_listalonekj{border: 1px solid  #50b4ff;box-shadow:3px 3px 5px #E5E5E5;}
.alone-list{position: relative;}
.time{position: absolute;top:114px;display:none;width: 100%;padding-left: 5px;padding-right: 5px;color: #000000;font-size:12px;font-family: "微软雅黑";height: 25px;line-height: 25px;background:rgba(255,255,255,0.8);margin-bottom: 0px;}
.class-title{font-size:14px;color: #777777;margin: 0px;line-height: 24px;}
.fk{color: #ff5959;font-size:12px;float: right;margin-top:-22px;margin-bottom: 0px;padding: 1px 10px;}
.bk{border:1px solid #ff5959}
.more{background:#f8f8f8;height: 30px;margin-top: 10px;}
.more p{width: 100%;text-align: center;line-height: 30px;color: #777777;}
.more p a{line-height: 30px;color: #777777;font-family: "微软雅黑";}
.more p img{margin-top: -2px;}
/*热门课程结束*/
/*趣味学习开始*/
.intersting{padding-bottom:20px;background: #FFFFFF;margin-top: 20px;}
.new-time{position: absolute;top:117px;display: none;width: 100%;text-align:center;color: #000000;font-size: 14px;font-family: "微软雅黑";height: 25px;line-height: 25px;background:rgba(255,255,255,0.8);margin-bottom: 0px;}
.mf{color:#66d99f;font-size:12px;margin-top:-20px;margin-bottom: 0px;padding: 1px 10px;}
.mkj{border:1px solid #66d99f;}
.sm-sm_til{color:#777777;font-size: 12px;margin-right: 5px;}
.two{width: 100%;text-align: right;margin-bottom: 0px;margin-top: 3px;}
.text-center{text-align: center;}
/*趣味学习结束*/
/*名师风采开始*/
.teachers{background: #FFFFFF;margin-top: 20px;}
.teacher-list{width: 1010px;margin-left:115px;}
.con_ls{position: relative;top:60px;border-radius:7px;width: 190px;height:195px;background: white;padding-top:50px;float: left;background: #eeeeee;}
.con_ls a{text-align: center;padding:20px;font-size: 14px;display: block;color: #777777;font-family: "微软雅黑";}
.con_Ny-mstp{position:absolute;border:3px solid ;  border-color:   #5689fe #2e9af5 #11beff  #558afe;top: -30%;left:20%;}
/*名师风采结束*/
/*食事药闻开始*/
.drug{background: #FFFFFF;margin-top: 20px;padding-bottom: 28px;}
.news-title{font-family: "微软雅黑";font-size: 20px;color: #777777;}
.news-con{font-size: 14px;color: #999999;font-family: '微软雅黑';margin-bottom: 0px;margin-top:34px;}
.new-lists{float: left;padding-left: 0px;margin-top: 30px;width: 100%;}
.new-lists li{display: block;width: 100%;margin-bottom:15px;}
.new-lists li a{font-family: "微软雅黑";font-size: 16px;color: #777777;display: inline-block;width: 100%;}
.new-lists li  :hover{color: #50b4ff;text-decoration: underline;cursor:pointer}
.times{float: right;display:block;}
/*食事药闻结束*/
/*关于我们开始*/
.about{padding-bottom:70px;background: #FFFFFF;margin-top: 20px;}
.introduce_about{display: block;margin: 0 auto;text-align: center;font-size:16px;font-family: "微软雅黑";color: #999999;width:90%;margin-top: 5px;}
.no_hover{text-align: center;display: block;}
.no_hover span{display: inline-block;margin-top: 15px;}
.about_hover span{ font-size: 16px;}
.icon:hover{  cursor: default;
    -webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform: rotate3d(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);
   transition: -webkit-transform 0.8s ease-in-out;
    transition: -moz-transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;}
/*关于我们结束*/
/***头部公共菜单***/
.topcontent{width: 100%;margin: 0 auto; padding: 36px 100px 20px;}
.xlogo{max-height: 72px;height: auto;max-width: 100%;}
.xmenu{font-size: 16px;margin-left: 20px;color: #000;padding: 0 10px; }
.xmenu  li > a{color: #000;}
.xmenu  li.active > a,.xmenu li.active > a:hover,.xmenu li.active > a:focus{background:none;color: #1e5fcd;}
.right-ctrl a{border-radius: 20px;padding: 3px 12px;font-size: 16px;margin-top: 26px;}
.logined{margin-top: 20px;}
.logined img{height: 50px!important;width: auto;margin-right: 12px;}
.logined .ctrl-bar{line-height: 24px;margin-right: 10px;}
/* 电脑屏 */
@media (min-width:992px) and (max-width:1200px) {
	.topcontent{width: 100%;margin: 0 auto; padding: 20px 10px;}
}
/* 小屏幕 */
@media (max-width:992px){
	.topcontent{width: 100%;margin: 0 auto; padding: 10px;}
}
/***头部公共菜单end***/

/**公共页脚*/
.xfooter{padding: 40px 0 80px 0;background-color: #2da0d8;color: #FFFFFF;}
.xfooter .xfooter-title {font-size: 16px;font-weight: bold;margin: 20px 0 20px 0;text-align: center;}
.xfooter .help-link{line-height: 45px;text-align: center;}
.xfooter ul{list-style:none;padding: 0;}
.xfooter a{color: #fff;text-decoration: none;}
.xfooter .title{margin-bottom: 20px;}
.xfooter .qrcode-bgimg {max-width: 190px;margin: 0 auto;background-repeat: no-repeat;background-position: top center;
    background-size: 100%;background-image: url(../image/xing/qrcode-bgimg.png);padding: 28px 8px 10px 8px;}
.xfooter .qr_img {max-width: 150px;width: 100%;}
.xfooter .copyRight{margin-top: 30px;}
/**公共页脚end*/




/*以上是首页样式*/

/*登录页面开始*/

/*登录页面结束*/

/*课程列表页面*/
.detail_list{width: 100%;margin-top:25px;padding-right: 10px;height: 118px;background: #FFFFFF;padding-left: 18px;padding-top: 27px;}
.detail_list ul li{float: left;}
.detail_list_tab{width: 100%;background: #FFFFFF;}
.detail_list_tab ul{padding-left: 30px;}
.detail_list_tab_li{float: left; line-height:55px;width: 95px;}
.detail_li_active{border-bottom:3px solid #50b4ff;color:#50b4ff ;}
.a_color{color: #999999;}
.detail_list_taba{font-size: 18px;font-family: "微软雅黑";display: inline-block;width: 100%;text-align: center;}
.li_margin{margin-right:47px;}
.class_detail_list{background: #FFFFFF;width: 100%;margin-bottom: 20px;padding-bottom: 40px;}
.list_time{position: absolute;top:114px;display:none;width: 100%;padding-left: 5px;padding-right: 5px;color: #000000;font-size:12px;font-family: "微软雅黑";height: 25px;line-height: 25px;background:rgba(255,255,255,0.8);margin-bottom: 0px;}
.hot_class{background: #FFFFFF;width: 100%;margin-top: 25px;}
.detail_sm-title{display:block;text-align: center;padding-top:13px;color: #777777;font-size:18px;font-family: "微软雅黑";margin-bottom:5px;}
.detail_title_active{color:#50b4ff;}
.hot_class_list{margin-left: 10px;margin-right: 10px;padding: 15px 10px;border-bottom: 1px solid #e5e5e5;font-family: "微软雅黑";position: relative;}
.hot_list{color:#ff5959 ;font-weight: 600;}
.hot{color: #66d99f;font-weight: 600;}
.Comic{background: #FFFFFF;width: 100%;margin-top: 25px;}
.famous_teacher{background: #FFFFFF;width: 100%;margin-top: 25px;margin-bottom: 25px}
.img-border{border: 3px solid #548afe;}
.famous_list{margin-left: 10px;margin-right: 10px;padding: 15px 10px;border-bottom: 1px solid #e5e5e5;font-family: "微软雅黑";position: relative;}
.teacher_con{padding-top: 10px;}
.comic_a{color: #777777;}
.comic_active{color: #50B4FF;}

/*课程列表页面结束*/


/*课程详情页面开始*/
.course-detail{margin-top: 30px;}
.con_left{display: inline-block;width:60%;color: #999999;margin-top: 10px;}
.con_right{display: inline-block;width:30%;position: relative;margin-top: 10px;}
.sc{display: inline-block;width: 30px;height: 32px;background-image:url(../image/index/icon.png);background-position:-31px 2px;position: absolute;top:-7px;left: -26px;}
.fx{display: inline-block;width: 32px;height: 32px;background-image:url(../image/index/icon.png);background-position:-27px -23px;position: absolute;top:-6px;left: 81px;}
.sh{color: #777777;margin-left: 10px;margin-right: 10px;}
.apply_con{margin-bottom:18px;display:inline-block;font-size:16px}
.PchoseRole a:hover{color:#ff6819}
.pice{width: 60%;display: inline-block;float: left;font-size:16px}
.pice span{color: #ff5959;font-family: "微软雅黑";font-size: 18px;font-weight: 600;}
.choseRole{border: 1px solid #D10111;padding:5px 15px;border-radius: 3px;color: #D10111;width: 68px;text-align: center;}
.chooseRole_active{border: 1px solid #D10111;color: #fff;background-color:#D10111 }
/*数量*/
.btn-numbox {width: 40%;float: left;display: inline-block;}
.btn-numbox li {float: left;}
.btn-numbox li .number,.kucun { display: inline-block; font-size: 12px;color: #808080; vertical-align: sub;}
.number{margin-left:-20px ;}
.btn-numbox .count {overflow: hidden;margin: 0 16px 0 15px;}
.btn-numbox .count .num-jian, .input-num,.num-jia {display: inline-block;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 18px;color: #999;cursor: pointer;border: 1px solid #e6e6e6;}
.btn-numbox .count .num-jia {margin-left: 1px;}
.btn-numbox .count .input-num {width: 58px;height: 28px; color: #333; border-left: 0;border-right: 0;}

/*数量结束*/
.det_but{width: 135px;height: 35px;font-size: 18px;line-height:18px;color: white;}
.det_but:hover{color: #FFFFFF;}
.detailcon_list{background: #FFFFFF;width: 100%;margin-bottom: 20px;padding-bottom: 40px;}
.about_class{background: #FFFFFF;width: 100%; padding-bottom: 20px;}
.detailcon_list ul li{float: left;text-align: center;color: #777777;}
.detailcon_big_title{border-bottom: 1px solid #E5E5E5;margin-left: 35px;margin-right: 35px;height: 70px;padding-left: 245px;padding-right: 245px;}
.detailcon_big_title li{width:16%;margin-top: 25px;padding-bottom:16px;font-size: 18px;}
.detailcon_listlia{color: #777777;cursor:pointer;}
.detailcon_a{color:#50b4ff ;}
.detailcon_listlia_active{border-bottom: 3px solid #50b4ff;display: inline-block;}
.class_detail{padding: 15px;}
.class_list_info{background:#66d99f ;font-weight: 300;}
.aboutclass_time{position: absolute;top:117px;display:none;width: 98%;padding-left: 5px;padding-right: 5px;color: #000000;font-size:10px;font-family: "微软雅黑";height: 25px;line-height: 25px;background:rgba(255,255,255,0.8);margin-bottom: 0px;}
.about_more{width: 100%;display: block;text-align: center;margin-top: 10px;}
.about_outfit{background: #FFFFFF;width: 100%; padding: 15px;margin-bottom: 20px;position: relative;}

/*课程详情页面结束*/
/*我的学习页面开始*/
.my_classlist{background: #FFFFFF;width: 100%;margin-bottom: 20px;padding:30px;}
.bar_success{background: #66d99f;}
.tx_show{margin-top: 25px;text-align: center;}

.upright_nav{margin-top: 36px;width: 100%;padding: 0;text-align: center;}
.upright_navli{font-size: 20px;margin-bottom:10px;padding: 5px;border-radius: 5px;}
.upright_navlia{color: #777777;}
.upright_navli_active{background: #50B4FF;}
.upright_navli_active a{color: #FFFFFF;}
.upright_navli_active a:hover{color: #FFFFFF;}
.icon_Handout{position:absolute;display:inline-block;width: 21px;height: 20px;background-image:url(../image/index/icon.png);background-position:-35px -57px;}
.icon_note{position:absolute;display:inline-block;width: 21px;height: 20px;background-image:url(../image/index/icon.png);background-position:-35px -87px;}
.icon_quest{position:absolute;display:inline-block;width: 21px;height: 20px;background-image:url(../image/index/icon.png);background-position:-35px -115px;}
.my_classone{border-bottom: 1px solid #E5E5E5;padding-bottom:20px;padding-top: 20px;}
.my_classone>h4{font-size: 20px;}
.my_classcon p{color: #777777;font-size: 16px;}
.class_listcon{margin-top:15px;margin-bottom: 15px;}
.can_time{margin-top: 10px;margin-bottom: 0;}
.can_result{margin-top: 10px;margin-bottom: 10px;}
.class_listcon a{position: relative;color: #777777;}
.class_text{display: inline-block;margin-left: 25px;}

#collective{position: absolute;z-index: 10;top:0px;background: #FFFFFF;width: 100%;height:594px;padding: 10px;display: none;}
/*我的学习页面结束*/

/*我的课程视频页面*/
.video{background: #FFFFFF;width: 100%; margin-top: 25px;padding:20px 30px;}
.video h4{font-size: 20px;color: #50B4FF;}
.node{display: inline-block;background-image:url(../image/index/icon.png);background-position:-38px -169px;width: 16px;height: 16px;position: absolute;top:8px}
.delete{display: inline-block;background-image:url(../image/index/icon.png);background-position:-37px -190px;width: 16px;height: 16px;position: absolute;top:8px;right:45px;}
.hot_class_list a{color:#999999;}
.comment{display: block;color: #777777;margin-top: 10px;}
.courser_comment{border-bottom: none;border-top: 1px solid #E5E5E5;padding: 5px;}
.node_time{color:#50b4ff;font-weight: bold;margin-left:20px;margin-right:30px;}
.reply{color:#50b4ff;margin-right: 25px;margin-left: 10px;}
.reply_frame{background: #e5e5e5;margin-right: 5px;padding:10px 5px 5px 10px;display: none;}
.reply_frame p{position: relative;margin-bottom: 0px;border-top: 1px solid #999999;padding-bottom:5px;margin-top: 5px;padding-top: 5px;}
.answer{color:#999999;}
.reply_delete{display: inline-block;background-image:url(../image/index/icon.png);background-position:-37px -166px;width: 16px;height: 16px;position: absolute;bottom: 6px;right:43px;}
.reply_asked{color: #999999;}
.reply_ask{display: inline-block;background-image:url(../image/index/icon.png);background-position:-37px -187px;width: 16px;height: 16px;position: absolute;bottom: 6px;right:95px;}
.retract {float: right;margin-right: 5px;}
.retract span{display: inline-block;width: 10px;height: 12px;background-image:url(../image/index/icon.png);background-position:-40px -208px;}
.have_down{color: #777777;display: inline-block;width: 100%;text-align: center;margin-top: 5px;}
.text_center{text-align: center;}
.file_size{display: inline-block;margin-right: 40%;color: #777777;float: right;}
.file_size_info{background:#50b4ff ;font-weight: 300;float: right;margin-right: 30px;}
.give_strar{position: absolute;top:20px;left: 100px;}
.give_strar span{margin-right: 5px;}
.star1{display: inline-block;background-image:url(../image/index/icon.png);background-position:-58px -24px;width:22px;height: 22px;}
.user_comment{width: 80%;position: absolute;top:50px;left: 103px;}
.user_comment span{color: #999999;margin-right: 20px;}
.row1{width: 39%;border: 1px;line-height:70px;font-size: 16px;}
.row2{width: 10%;line-height:70px;font-size: 16px;}
.row3{width: 34%;border: 1px;font-size: 16px;}
.row4{width: 10%;font-size: 16px;}
.row_marg-right{margin-right:20px;}
.row_left{float: left;}
.catalog{margin-left: 57px;margin-right: 57px;}
.text-align{text-align: center;}
.catalog_title{color: #50b4ff;font-size: 18px;margin-bottom:15px;}
.play_icon{display: inline-block;width: 18px;height: 16px;background-image:url(../image/index/icon.png);background-position:-62px -6px;position: absolute;top:13px}
.catalog_text{font-size:14px;color: #777777;}
.precent{width: 100%;display: inline-block;position: absolute;left: 0;color: #999999;line-height: 20px;}
.catalog_list{height:35px;position: relative;}
.catalog_exam{display: inline-block;background-image:url(../image/index/icon.png);background-position:-37px -212px;width: 25px;height: 25px;}
.catalog_exam-no{display: inline-block;background-image:url(../image/index/icon.png);background-position:-34px -235px;width: 25px;height: 25px;}
.now_show{background-color: rgba(80,180,255,0.1);}
/*视频页面结束*/

/*随堂考试页面开始*/
.kaochang-info{position: relative;text-align: center;}
.kaochang-info legend {margin-left: 25px;font-size: 12px;color: #ff0202;text-align: left;display: block;-webkit-padding-start: 2px;-webkit-padding-end: 2px;}
.text-default{font-size: 14px;}
.subject{font-weight: 500;}
.answer_card{text-align: left;padding:5px 10px;position: relative;}
.answer_card p{font-size:16px;padding: 5px;margin-bottom:5px;}
.answer_infor{text-align: left;margin-left:30px;margin-bottom: 20px;}
.answers{margin-left: 15px;}
.choose{padding-right: 8px;padding-top: 14px;font-size: 16px;color: #4c4c4c;display: inline-block;}
.option-btn{outline: none;width: 46px;height: 46px;background: #EEEEEE;cursor: pointer;border: 1px solid #999;color: #4c4c4c; border-radius: 3px;margin-left: 7px;font-size: 24px;}
.options-container{margin-right: 15px;padding-bottom:20px;margin-left: 20px;}
.questNum{margin: 10px;}
.questNum span{display:inline-block;text-align: center;margin-right:3px;width: 29px;margin-bottom: 10px;}
.questNum span:hover{cursor:pointer;}

.ask_btn{margin-left:100px;margin-right: 20px;}
.answer_panel{padding-bottom: 20px;}
.questNum_panel{border-bottom: 1px solid #E5E5E5;}
.go_btn{}
.after_btn{}
.go_btn:hover{color: #FFFFFF;}
.after_btn:hover{color: #FFFFFF}

/*随堂考试结束*/
/*结业考试开始*/
.time-item strong {color:#777777;line-height:30px;font-size:20px;font-family:Arial;margin-right:10px;}
.item-title .unit {background:none;line-height:30px;font-size:24px;adding:0 10px;float:left;}
.finalexam_choose{position: relative;}
.go_test{width: 90%;margin-top: 15px;margin-bottom: 20px;}
.list-striped{padding: 0;margin-top: 10px;}
.list-striped li{font-size: 18px;padding-left: 10px;line-height: 30px;}
.list-striped label{font-weight: 400;}
.border_bottom{border-bottom: 1px solid #E5E5E5;}
/*结业考试结束*/
/*支付页面*/
.pay_all{background: #FFFFFF;width: 100%;}
.content1{border-top:1px solid #E5E5E5;}
.payment_con{padding-top: 35px;margin-left: 35px;margin-right: 35px;padding-bottom: 35px;border-bottom:1px solid #E5E5E5;}
.payment_title{color:#777777;font-size: 16px;display: inline-block;width: 100%;text-align: center;}
.content_bootom{margin-top: 10px;margin-left: 35px;margin-right: 35px;}
.payment_class{color: #50B4FF;font-size: 16px;display: inline-block;width: 100%;text-align: center;}
.pay_top{margin-top: 27px;margin-bottom: 27px;}
.pay_top span{display: inline-block;}
.pay_con_top{margin-top: 18px;}
.pay_text{text-align: center;width: 100%;font-size: 16px;color: #777777;}
.pay_attention{margin-top: 25px;font-size: 16px;position: relative;padding-left:35px;}
.pay_icons{display: inline-block;width: 24px;height: 24px;background-image:url(../image/index/icon.png);background-position:-34px -139px;position: absolute;left: -3px;}
.pay_cash{text-align: right;width: 100%;display: inline-block;margin-top: 20px;margin-bottom:30px;}
.pay_cash span{font-size: 18px;}
.cash{color:#ff5959;font-weight: bold;display: inline-block;margin-left: 15px;margin-right: 30px;}
.pay_cash button{font-size:20px;margin-top: -24px;width: 15%;}
.payment_con2 p{font-size: 18px;}
.pay_ment{margin-right: 35px;display: inline-block;}
.pay_ment img{margin-left: 15px;}
.content3{position: relative;margin-bottom: 40px;}
.content3 img{display: inline-block;position: absolute;left:30%;}
.content3 p{display: inline-block;width:35%;font-size:34px;color: #50B4FF;font-weight: bold;line-height: 60px;margin-bottom: 0px;margin-left: 80px;}
.content3_text{width: 100%;text-align: center;display: inline-block;font-size: 16px;}
.pay_choose{display: inline-block;width: 100%;text-align: center;font-size: 16px;}
.pay_choose a{color: #50B4FF;}
/*支付页面结束*/
/*订单页面开始*/
.bill_notic{border-bottom: 1px solid #E5E5E5;padding-bottom: 15px;position: relative;}
.bill_notic span{color: #777777;}
.bill_but{position: absolute;right: 57px;top: 30%;}
.order_detal{color: #50B4FF;text-decoration: underline;}
/*订单页面结束*/
/*订单详情页面*/
.details_order span{line-height:27px;color: #777777;}
.details_order p{color: #777777;}
.order_detalcon{margin-top: 20px;font-size: 16px;color: #777777;}
.track-rcol{width: 900px; border: 1px solid #eee;}
.track-list{margin: 20px; padding-left: 5px; position: relative;}
.track-list li{position: relative; padding: 9px 0 0 25px; line-height: 18px; border-left: 1px solid #d9d9d9; color: #999;}
.track-list li.first{color: red; padding-top: 0; border-left-color: #fff;}
.track-list li .node-icon{position: absolute; left: -6px; top: 50%; width: 11px; height: 11px; background: url(../image/uilib/order-icons.png)  -21px -72px no-repeat;}
.track-list li.first .node-icon{background-position:0 -72px;}
.track-list li .time{margin-right: 20px; position: relative; top: 4px; display: inline-block; vertical-align: middle;}
.track-list li .txt{max-width: 600px; position: relative; top: 4px; display: inline-block; vertical-align: middle;}
.track-list li.first .time{margin-right: 20px; }
.track-list li.first .txt{max-width: 600px; }
/*订单详情页面结束*/
/*我的发票页面*/
.my_bill{width:95%;margin: 20px auto;border-top: 1px solid #E5E5E5;padding: 10px;}
.bill_title{font-size: 18px;color: #777777;width:60%;}
.bill_ts{color:#ff5959;font-size: 14px;display: inline-block;margin-left: 20px;}
.bill_pay{position: relative;text-align: right;}
.bill_pay button{position: absolute;bottom:-40px;right: 0;}
.had_bill{border-bottom: 1px solid #E5E5E5;padding-bottom: 10px;margin-top:20px;}
.had_billbh{background: #EEEEEE;padding: 10px;color: #777777;margin-bottom: 0px;}
.had_billtop{position: relative;padding-left: 10px;color: #777777;}
.had_billchabtn{position: absolute;top:0;right: 0;}
.had_billaddbtn{position: absolute;top:0;right:15px;}
.had_billmid{display: inline-block;margin-left: 15px;margin-right: 15px;}
/**/
/*用户中心公用元素*/
.detail_list_tab .usercenter{margin-top: 20px;}
.detail_list_tab .usercenter li{padding: 0;}
.user_name{display: inline-block;width: 100%;font-size:14px;margin-top: 5px;}
.per-pjoto{position: relative;width:100%;}
.per_ts{padding: 3;color:#FFFFFF;background:#50B4FF;width:76%;margin: 0 auto;position:absolute;top:105px;left:20px;}
/**/
/*资料设置页面*/
.my_email{position: relative;}
.my_email input{position: absolute;width: 35%;}
.my_email a{position: absolute;left:37%;top: 5px;text-decoration: underline;color: #50B4FF;}
.my_email span{position: absolute;left:50%;top: 5px;}
.table-hover  tr{height: 50px;line-height: 50px;}
.table_linheight{line-height: 50px;}
.my_account{margin-top: 20px;position: relative;}
.my_account .info_msg{position: absolute;right: 10px;top:33px}
.my_account .info_msg:hover{color: #FFFFFF;}
.bdqq{display: inline-block;background-image:url(../image/index/icon.png);background-position:-57px -48px;width: 25px;height: 25px;}
.bdqq_text{position:absolute;top:5px;margin-left:6px;color: #50B4FF;}
.bdwx{display: inline-block;background-image:url(../image/index/icon.png);background-position:-59px -75px;width: 25px;height: 25px;}
/**/
/*企业管理页面*/
.enter_state{position: absolute;bottom:-12px;color: #777777;}
.enter_search{position:absolute;top: 0;margin-left: 20px;}
.margin-big{margin-top: 20px;padding-left: 15px;padding-right: 15px;}
.enter_dqxyh>td{text-align: center;}
.select_search{padding-top: 0;position: relative;padding-top: 15px;}
.search_k{position: absolute;top:10px;left: 100px;width: 30%;}
/**/
/*用户中心首页*/
.per_introduce{margin-top: 15px;}
.per_notic li{line-height:26px;font-size: 14px;}
.per_notic li a{color: #777777;}
.per_notic li a:hover{color: #50B4FF;text-decoration: underline;}
.per_con{padding-top: 10px;border-bottom: 1px solid #E5E5E5;padding-bottom: 10px;}
/*我的考试页面*/
.into_exam{margin-top: -9px;float: right;}
.study_databtn{float: right;}
.note_delte{position: absolute;top:21px;display: block;width: 150px;color: #999999;}
.question_delete{background-image:url(../image/index/icon.png);background-position:-36px -188px;width:18px;height:18px;display:inline-block;position: absolute;right:55px;}
.question_a{display: inline-block;margin-left:20px;float: right;color: #777777;margin-right: 25px;}
/*通知消息页面*/
.notice_k{border-bottom: 1px solid #E5E5E5;padding-bottom: 15px;margin-top: 15px;}
.notice_green{display: inline-block;background-image:url(../image/index/icon.png);background-position:-62px -100px;width:25px;height:25px;position: absolute;margin-left:5px;}
.notice_title{line-height: 30px;display: inline-block;color: #777777;margin-bottom:0px;}
.notice_k a{color: #50B4FF;margin-right: 20px;}
.notice_k a:hover{text-decoration: underline;}
.notice_red{display: inline-block;background-image:url(../image/index/icon.png);background-position:-63px -123px;width:25px;height:25px;position: absolute;margin-left:5px;}
.all_notic{float: right;color: #50B4FF;}
/*老师介绍开始*/
.teacher-name{
	font-weight: 600;
	font-size: 22px;
	color: #50B4FF;
}
.teacher-zw {
color: #50B4FF;
font-size: 16px;
}
.all-class{
	color: #777777;
	float: right;
}
.all-class span{
	color:#ff5959;
}
.teacher-details{
	font-size: 16px;
 line-height: 25px;
 text-indent: 2em;
}
/*趣味学习页面开始*/
/*video 相关*/
.bg-edu {background-color: #4e90c7;height: 77px;}
.video-one{width: 100%;border-bottom: 1px solid gainsboro;height:260px;margin-top:30px;}
.video-one img{width: 300;height:220px;float: left;}
.video-right{margin-left:430px;margin-right: 20px;}
.title{font-size:20px;font-weight: 600;display: inline-block;margin-right:30px;color: #000000;}
.cartoon_time{font-size: 14px;font-family: "微软雅黑";color: #777777;}
.down{font-size: 14px;font-family: "微软雅黑";display: inline-block;margin-left: 10px;margin-right: 10px;color: #777777;}
.video-con{width: 100%;padding:10px;height:400px;text-align: center;}
.video-con img{width:350;height:270px;}
.cartoon-video{margin-top: 30px;color: #999999;}
.video-title{font-family:"微软雅黑";border: 1px solid gainsboro;padding:10px;font-size: 20px;width: 150px;display: inline-block;text-align: center;margin-left: 5px;margin-top: 5px;}
.video-title i{float: right;}
/*.detail a{color: #777777;}*/
/*video相关end */
/*video-science 相关*/
.video-science{margin-top: 40px;height:660px;border: 1px solid gainsboro;border-radius: 5px;margin-bottom: 40px;}
.video-start{float: left;height:620px;padding:10px;margin-top: 20px;}
.video-jj{margin-left:-26px;height:100%;}
.science-title{font-size:20px;font-weight: 600;display: inline-block;padding-top:30px;}
.video-list{margin-top: 30px;}
.list{font-family:"微软雅黑";border: 1px solid gainsboro;padding:10px;font-size:14px;display: inline-block;margin-top: 5px;border-radius: 3px;width: 255px;text-align: left;color:#000}
.science-tit{font-size: 16px;font-weight: 600;display: inline-block;margin-left: -55px;margin-bottom:10px;margin-top: 30px;}
.video-active{background: #D10111;color:#fff;}
.science-content{text-indent: 2em;}
/*video-science 相关end*/
/*新闻列表页面*/
.all_news{color:#777777;margin-bottom: 15px;padding-top: 5px;padding-bottom: 5px;display: inline-block;width: 100%;margin-bottom: 10px;}
.news_title{line-height:56px;margin-bottom: 0px;font-size:26px;font-weight: bold;color: #000000;}
.news_time{font-size: 14px;color: #999999;float: right;}
/*浮动客服*/
.relative{position:relative;top:0;left:0;}
.pb6{padding-bottom:6px;padding-left:32px;padding-right:32px;}

/*asid_share*/
.asid_share{position:fixed;width:40px;bottom:15%;right:0;z-index:890;}
*html #asid_share{position:absolute;top:expression(documentElement.scrollTop + "px");margin:300px 0 0 0;}

.asid_share .asid_share_box{width:100%;margin-bottom:3px;background-color:rgb(255,0,0);text-align:center;}
.asid_share .asid_share_box a{display:block;height:40px;padding-top:5px;}
.asid_share .asid_share_box a:hover{background:#50B4FF;text-decoration:none;}
.asid_share .asid_share_box a:hover .asid_title,.asid_share .asid_share_box .asid_title{color:#fff;font-size:12px;display:block;padding-left:6px;line-height:18px;width:30px;margin-top:-2px;}
.asid_share .red_bag{background:#50B4FF;text-decoration:none;}
.asid_share .asid_sha_layer{border:1px solid #ccc;background:#fff;position:absolute;right:47px;bottom:1px;}

.sweep_img{padding-top: 10px;}
.asid_share_box .asid_help_list{padding-left: 0px;}
.asid_share_box .asid_help_list li{line-height:26px;height:26px;background:url(../images/dian.png) no-repeat 6px 12px;}
.asid_share_box .asid_help_list li a{line-height:26px;height:26px;padding:0 0 0 14px;text-align:left;}
.asid_help_list li a:hover{color:#fff;}

.asid_share_triangle{width:12px;height:40px;position:absolute;right:45px;bottom:-12px;z-index:100;}
.border_sj,.con_sj{display:block;width:18px;height:28px;font-size:18px;overflow:hidden;font-family: SimSun;}
.border_sj{color:#ccc;font-style:normal;}
.con_sj{color:white;margin:-14px -2px 0 0;margin:-28px 0 0 -2px;}
/*忘记密码页面*/
.forger_pass{width:44%;margin: 0 auto;padding: 10px;}

/*examination食药从业人员健康管理宣传页面*/
.exam_banner{background: url(../image/12.18/banner.png) center no-repeat;background-size:cover;width: 100%;height: 800px;background-position: center top;background-repeat: no-repeat;padding-top:40px;}
.exam_Logo{width: 250px;height: 70px;background: url(../image/6.14/new_Logo.png) no-repeat;display: block;margin-left:13%;}
.exam_bigtitle{font-size:40px;color: #000000;margin: 45px auto 0 auto;display: block;text-align:center;font-weight: bold;}
.exam_login{background-image: url(../image/12.18/btn_bckground.png);width: 215px;text-align: center;line-height: 69px;display: inline-block;color: #FFFFFF;font-size:24px;font-family: '微软雅黑';letter-spacing:2px}
.exam_login:hover{color: #FFFFFF;}
.exam_hadlogin{color: #999999;font-size: 16px;margin-top: 10px;display: inline-block;}
.exam_hadlogin:hover{text-decoration: underline;color: #50b4ff;}
.exam_icongroup{width: 100%;padding-top: 50px;padding-bottom: 50px;}
.exam_border-right{text-align: center;border-right: 1px dashed #E5E5E5;}
.exam_icon-introduce{color: #777777;text-indent: 2em;line-height:25px;text-align: left;font-size: 16px;}
.exam_font-family{font-family: "微软雅黑";}
