input::-webkit-input-placeholder {
  color: #999;
}
input::-moz-input-placeholder {
  color: #999;
}
input::-ms-input-placeholder {
  color: #999;
}
.nei_header{
  box-shadow: 0px 4px 10px 0px rgba(57, 57, 57, 0.11);
}
.w220{
  width: 220px;
}
.w220.fixed{
  position: fixed;
  left:50%;
  margin-left: -600px;
  bottom: 20px;
  z-index: 9999;
} 
.w966{
  width:966px;
}
.right_model_title .more{
  font-size: 14px;
  color: #999;
  line-height: 50px;
  font-weight: 600;
  position: absolute;
  right: 0;
  top:0;
}
.button_through{
  padding-top: 10px;
}
.common_button{
  width: 132px;
  height:42px;
  background-color: #fff;
  border: 1px solid #4e9cff;
  border-radius: 4px;
  color: #3291fa;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.common_button.active{
  background-color: #3291fa;
  color: #fff;
}
.common_button:hover{
  color: #3291fa;
}
.common_button.active:hover{
  color: #fff;
}
.icon_course{
  background-image: url(/uploads/image/scicourse_index/icon_index.png);
  background-repeat: no-repeat;
}
.icon_vip{
  width: 17px;
  background-position:-203px 7px;
}
.icon_kaozheng{
  width: 21px;
  background-position:-144px 7px;
}
.icon_shicao{
  width: 18px;
  background-position:-175px 6px;
}
.icon_hot{
  width: 16px;
  background-position:-230px 7px;
}
.icon_other{
  width: 17px;
  background-position:-256px 5px;
}
.course_menu{
  padding-bottom: 5px;
  background-color: #fff;
}
.course_menu dl{
  padding-top: 5px;
}
.course_menu dt{
  height: 30px; 
  line-height: 30px;
  padding-left:50px;  
  font-size: 16px;
  font-weight: 400;
  color: #333;
  position: relative;
}
.course_menu dt em{
  display: block;
  height:100%;
  position: absolute;
  left:24px;
  top:0;  
}
.course_menu dd .menu_son{
  display: block; 
  padding-left: 50px;
  font-size: 14px;
  color: #666;
  line-height: 34px;
  position: relative;
}
.course_menu dd .menu_son.active,.course_menu dd .menu_son:hover{
  background-color: #4e9cff;
  color: #fff;  
}
.course_menu dd .menu_son:before{
  content: "";
  display: block;
  position: absolute;
  left:40px;
  top:15px; 
  width:4px;
  height:4px;
  border-radius: 50%;
  background-color: #4e9cff;  
}
.course_menu dd .menu_son.active:before,.course_menu dd .menu_son:hover:before{
  background-color: #fff;  
}
.course_tab{
  padding:5px 17px 18px 17px; 
}
.course_search{
  width: 201px;
  height: 33px;
  position: relative;
}
.course_search_index{
   margin-top: 11px;
}
.course_search_list{
   margin-top: 13px;
}
.course_search .text_input{
  width: 201px;
  height: 33px;
  border-radius: 17px;
  font-size: 14px;
  color: #999;
  padding-left: 40px;
}
.course_search_index .text_input{
  background-color: #fff;
  border: 1px solid #c1dcff;
}
.course_search_list .text_input{
  background-color: #f6f6f6;
  border: none;
}
.course_search .btn_search{
  width:42px;
  height: 33px;
  display: block;
  position: absolute;
  left:0;
  top:0;
  background-image: url(/uploads/image/scicourse_index/icon_search.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.course_hd ul li{
  float: left;
  font-size:16px;
  color: #666;  
  font-weight: 400;
}
.course_hd_index ul li{
  line-height: 60px;
}
.course_hd_list ul li{
  line-height: 50px;
}
.course_hd ul li a{
 color: #666;
 display: block;  
}
.course_hd ul li.active{
  font-weight: 600; 
  color: #4e9cff;
}
.course_hd ul li.active a{
  color: #4e9cff;
}
.course_hd ul li:first-child{
  width:113px;
  text-align: left; 
}
.course_hd ul li:nth-child(2){
  width:163px;
  text-align: center; 
  position: relative;
}
.course_hd ul li:last-child{
  width: 80px;
  margin-left: 50px;
  text-align: left;
  white-space: nowrap;
}
.course_hd ul li:nth-child(2):before,.course_hd ul li:last-child:before{
 content: "/";
 font-size: 16px;
 font-weight: 600;
 font-family: microsoft yahei;
 color: #c1c1c1;
 position: absolute;
 top:0;
}
.course_hd_index ul li:nth-child(2):before,.course_hd_index ul li:last-child:before{
 line-height: 60px; 
}
.course_hd_list ul li:nth-child(2):before,.course_hd_list ul li:last-child:before{
 line-height: 50px; 
}
.course_hd ul li:nth-child(2):before,.course_hd ul li:last-child:before{
 left:-50px;  
}
.left_vip img{
  width: 100%;
  border-radius: 6px;
}
/*我的工具*/
.my_tool{
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.my_tool ul li{
 width: 25%;
 float: left;
 font-size: 14px;
 color: #666;
 text-align: center;
}
.my_tool ul li p{
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 24px;
}
.my_tool ul li .tool_bg{
  height: 30px;
  margin:0 auto;
  position: relative;
}
.tool_cart{
  width:24px; 
  background-position: 0 center;
}
.tool_coupon{
  width:29px; 
  background-position: -34px center;
}
.tool_tiku{
  width:27px;   
  background-position: -73px center;
}
.tool_app{
  width:24px;   
  background-position: -110px center;
}
.my_tool li .num{
  position: absolute;
  right:-10px;
  top:-2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: block;
  line-height:16px;
  text-align: center; 
  font-size:12px;
  color: #fff;
  background-color:#fc2f00;
}
.course_bd{
 width: 608px;
}
.course_ad{
 width: 100%;
 height: 230px!important; 
 border-radius: 10px;
 overflow:hidden;
}
.course_ad img{
 border-radius: 10px;
 width: 608px;
 height: 230px; 
}
.course_admin{
 width: 310px;
 height: 230px;
 background-color: #f6f6f6; 
 border-radius: 6px;
}
.is_login_wrap{
  width:100%;
  height: 160px;
  border-bottom: 1px solid #e9eaed;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 16px;
} 
.login_welcome{
  height: 64px;
  padding-left: 80px;
  position: relative;
}
.login_welcome .title{
  font-size: 18px;
  color: #333;
  line-height: 36px;
}
.login_welcome .desc{
  font-size: 14px;
  color: #999;
}
.login_welcome .login_no{
  position: absolute;
  left:0;
  top:-2px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  line-height: 64px;
}
.login_welcome .login_no img{
  display: inline;
}
.login_welcome .login_img{
  position: absolute;
  left:0;
  top:0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.login_welcome .login_img img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.course_msg{
  font-size: 16px;
  color: #999;
  line-height: 70px;
  padding-left:70px;
  background-image: url(/uploads/image/scicourse_index/icon_bj.png);
  background-position:24px center;
  background-repeat: no-repeat; 
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.course_msg a{
  color: #999;
}
.course_msg a:hover{
  color: #4e9cff;
}
.hot_course_list{
  width:638px;  
}
.hot_course_list ul{
  margin-left: -16px; 
}
.hot_course_list ul li{
  float: left;
  margin-left: 16px;
  width: 311px;
  height: 353px;
  background-color: #fff;
  box-shadow: 0px 4px 10px 0px rgba(57, 57, 57, 0.11);
  border-radius: 6px; 
  position: relative;
}
.hot_course_list .wrap_img{
  height: 172px;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  position: relative;
}
.hot_course_list .wrap_img .course_img{
  width: 100%;  
  height: 100%;
  border-radius: 6px 6px 0 0;
}
.hot_course_list .wrap_img .course_active{
  display: block;
  position: absolute;
  right: 0;
  top:0;  
  width: 69px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 16px;
  background: #fc9b55;
  background: -webkit-linear-gradient(left,#fdab61,#fb904c);
  background: -o-linear-gradient(right,#fdab61,#fb904c);
  background: -moz-linear-gradient(right,#fdab61,#fb904c);
  background: linear-gradient(to right,#fdab61,#fb904c);
  color: #fff;
  font-size: 13px;
}
.hot_course_list .wrap_img .course_quanxian{
  width: 84px;
  height: 32px;
  display: block;
  background-color: #60adff;
  border-radius: 16px 0 0 16px;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-left: 8px;
  font-size: 12px;
  color: #fff;
  line-height: 32px;
  text-align: center;
}
.hot_course_list .wrap_wen{
  padding:5px 10px; 
} 
.hot_course_list .wrap_wen .title{
 font-size: 16px;
 color: #333;
 font-weight: 600;
 line-height:26px;  
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
.hot_course_list .wrap_wen .title a{
  color: #333;  
}
.hot_course_list li:hover .title a{
  color: #4e9cff;	
}
.hot_course_list .wrap_wen .desc{
 font-size: 12px;
 color: #666;
 line-height: 18px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden; 
 margin-bottom: 8px;  
}
.hot_course_list .buy_bq{
 overflow: hidden;
}
.hot_course_list .wrap_wen .biaoqian{
  width: 240px;
  float: left;
}
.hot_course_list .wrap_wen .buy_bqimg{
  float: right;
  padding-top: 15px;
  cursor: pointer;
}
.hot_course_list .wrap_wen .biaoqian .item{
  display: inline-block;  
  margin-right: 4px;
  margin-top: 4px;
  height: 25px;
  border-radius: 6px;
  background-color: #fff8f2;  
  font-size: 12px;
  color: #ff731e;
  line-height: 25px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;  
}
.hot_course_list .wrap_jiage{
  width: 100%;  
  height: 50px;
  position: absolute;
  left:0;
  bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  border-top: 1px solid #e9eaed;  
}
.vip_zhekou{
  margin-top: 9px;  
  padding-right: 10px;
  height: 31px;
  line-height: 31px;
  border-radius: 15px;
  background: #fff2e7;  
  font-weight: bold;
  color: #ff5400;
  line-height: 31px;
}
.vip_zhekou .icon_vip{
  width:30px;
  height:31px;
  background-image: url(/uploads/image/scicourse_index/icon_vip.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.vip_zhekou .jian{
  font-size: 18px;
  margin-right: 2px;
  font-family: microsoft yahei;
}
.vip_zhekou .rmb{
  font-size: 13px;
  margin-right: 2px;  
  font-family: microsoft yahei;
}
.vip_zhekou .zhekou{
  font-size: 18px;
  font-family: arial;
}
.jiage_old{
  font-family: microsoft yahei;
  font-weight: 400;
  color: #999;
  line-height: 50px;  
}
.jiage_old .rmb{
  font-size: 10px;
  margin-right: 3px;
}
.jiage_old .old{
  font-size: 16px;  
}
.jiage_old .del{
  padding-left: 5px;
  padding-right: 5px;
}
.jiage_xin{
  margin-left: 10px;  
  font-weight: bold;
  color: #ff5400;
  line-height: 50px;
}
.jiage_xin .rmb{
  margin-right: 1px;
  font-size: 13px;
  font-family: microsoft yahei;
}
.jiage_xin .xin{
 font-size: 28px;
  font-family: arial;
}
.hot_course_right{
  width: 311px;
}
.hot_course_right .course_thumb{
 height: 172px;
 border-radius: 6px;
 overflow: hidden;
}
.hot_course_right .course_thumb img{
 border-radius: 6px;  
 width: 100%;
 height: 100%;
}
.mianfei_course_list{
 padding-right: 17px; 
}
.mianfei_course_list ul{
 margin-left: 4px;  
 padding-bottom: 3px;
}
.mianfei_course_list li{
 width: 223px;
 float: left;
 margin-left: 13px;
}
.mianfei_course_list li .wrap_img{
  height: 126px;
  border-radius: 6px;
  position: relative;
  overflow: hidden; 
}
.mianfei_course_list li img{
 width: 100%;
 height: 100%;  
}
.mianfei_course_list .course_active{
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius:15px 6px 0 15px;
  background: #fb8e4b;
  background: -webkit-linear-gradient(left,#fdb065,#fb8e4b);
  background: -o-linear-gradient(right,#fdb065,#fb8e4b);
  background: -moz-linear-gradient(right,#fdb065,#fb8e4b);
  background: linear-gradient(to right,#fdb065,#fb8e4b);
  color: #fff;
  font-size: 14px;  
}
.mianfei_course_list li .title{
  font-size: 14px;
  color: #333;
  line-height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
}
.mianfei_course_list li .title a{
  color: #333;  
}
.tuijian_list{
  padding-bottom: 21px; 
}
.tuijian_bd{ 
  width:100%; 
  height:169px; 
  position:relative;   
}
.tuijian_bd .bd{ 
  width: 931px;
  height:169px;     
  margin:0 auto; 
  position:relative; 
  z-index:0; 
  overflow:hidden; 
}
.tuijian_bd .bd ul{ 
   width:100% !important;
   height:169px; 
}
.tuijian_bd .bd li{ 
  width:100% !important;   
  overflow:hidden; 
  height:169px;
  background: #f6f7fb;  
  border-radius: 6px;
  padding-top: 14px;
  padding-left: 14px;
  position: relative;
}
.tuijian_bd .prev,.tuijian_bd .next{  
  display:block;  
  position:absolute; 
  z-index:1; 
  top:50%; 
  margin-top:-20px; 
  z-index:1; 
  width:17px; 
  height:41px; 
  background-color: #c9c9c9;
  border-radius: 3px; 
  cursor: pointer;
}
.tuijian_bd .prev{
  left:0;
  background-image: url(/uploads/image/scicourse_index/prev.jpg);
  background-position:center center;
  background-repeat: no-repeat;   
}
.tuijian_bd .next{ 
  right:17px; 
  background-image: url(/uploads/image/scicourse_index/next.jpg);
  background-position:center center;
  background-repeat: no-repeat;
}
.tuijian_bd .wrap_img{
  width:248px;
  height: 138px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.tuijian_bd .wrap_img img{
  width: 100%;
  height: 100%; 
}
.tuijian_bd .wrap_img .bottom_mask{
  width: 100%;  
  height: 40px;
  position: absolute;
  left:0;
  bottom: 0;  
  background-color: rgba(0,0,0,0.5);
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-family: microsoft yahei;
}
.tuijian_bd .wrap_wen{
  width: 615px; 
  margin-left:20px; 
  padding-left:78px;
  position: relative;
}
.tuijian_bd .xueyuan_auth{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  position: absolute;
  left:0;
  top:0;
}
.xueyuan_xing{
  margin-left: 15px;  
}
.xueyuan_xing .jibie_xing_item{
  display: inline-block;
  vertical-align: middle;
  width:16px;
  height:16px;
  margin-right: 1px;
  background-image: url(/uploads/image/scicourse_index/icon_teacher_1.png);
  background-position: -21px 0;
}
.xueyuan_xing .jibie_xing_item.active{
  background-position: 0 0;
}
.xueyuan_name{
 font-size: 16px; 
 color: #4e9cff;
 font-weight: 600;
 color: #4e9cff;
}
.tuijian_bd .shichang{
 font-size: 14px;
 color: #999;
 font-weight: 400;
 line-height: 30px; 
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
.tuijian_bd .content{
 margin-top: 5px; 
 border-top:1px solid #ddd;
 padding-top: 10px;
 font-size: 14px;
 color: #666;
 line-height: 22px;
}
.tuijian_bd .title{
 position: absolute;
 right: 0;
 top:0;
 width:156px;
 height:41px;
 background-image: url(/uploads/image/scicourse_index/title_bg.png);
 background-repeat: no-repeat;
 line-height: 41px;
 text-align: center;
}
.teacher_single .tc_1,.teacher_single .tc_2{
 width:141px;
 height:251px;  
 float: left;
 background-repeat: no-repeat;
 position: relative;
}
.teacher_single .tc_1{
 background-image: url(/uploads/image/scicourse_index/tc_bg1.png);  
}
.teacher_single .tc_2{
 margin-left: 14px; 
 background-image: url(/uploads/image/scicourse_index/tc_bg2.png);  
}
.teacher_single .tc_1 img,.teacher_single .tc_2 img{
 position: absolute;
 left:50%;
 margin-left: -62px;
 bottom: 0;
 width: 124px;
 height:224px;
}
.teacher_img{
 padding: 15px; 
}
.teacher_all{
  position: relative; 
}
.teacher_all .jinpai{
  position: absolute;
  left:22px;
  top:0;  
  width: 81px;
  height: 60px;
  background-image: url(/uploads/image/scicourse_index/jinpai.png); 
  background-repeat: no-repeat;
  font-size: 14px;
  font-family: microsoft yahei;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.team_wrap{
  padding-left: 14px;
  padding-right: 14px; 
  padding-bottom: 14px; 
}
.course_fw{
  padding-bottom: 18px;
  padding-left: 15px;
  padding-right: 15px;
}
.course_fw li{
  width: 25%;
  height:275px;
  float: left;
  padding-top: 10px;
  padding-bottom:30px;
  position: relative;
  transform-style:preserve-3d;
  transition:1s;
}
.course_fw .li_tiku:hover,.course_fw .li_kehu:hover,.course_fw .li_shequ:hover{
  transform:rotatey(180deg);
}
.course_fw li dt{
  width:82px; 
  display: block;
  margin:0 auto;
}
.course_fw li .title{
 font-size: 26px;
 font-weight: 600;
 text-align: center;
 line-height: 64px;
}
.course_fw li .content{
 font-size: 14px;
 color: #666;
 line-height: 26px;
 text-align: center;
 padding-left: 28px;
 padding-right: 28px; 
}
.course_fw li .face{
 position: absolute;
 left:0;
 top:0;
 backface-visibility:hidden;
}
.course_fw .li_tiku .face,.course_fw .li_kehu .face,.course_fw .li_shequ .face{
  cursor: pointer;
}
.course_fw li .face .content{
  color: #666; 
}
.course_fw li .back{
 width: 100%;
 height:274px;
 position: absolute;
 left:0;
 top:0; 
 backface-visibility:hidden;
 transform:rotatey(180deg);
}
.course_fw .li_shixue .face .title{
  color: #ffbb18;
}
.course_fw .li_tiku .face .title{
  color: #79e0a0;
}
.course_fw .li_kehu .face .title{
  color: #72b0ff;
}
.course_fw .li_shequ .face .title{
  color: #ff761e;
}

.course_fw .li_tiku .back .title{
  color: #478e22;
}
.course_fw .li_kehu .back .title{
  color: #419ced;
}
.course_fw .li_shequ .back .title{
  color: #ff761e;
}
.course_fw .li_tiku .back{
 border-top:2px solid #478e22;
 background-color: #cefba5; 
}
.course_fw .li_kehu .back{
 border-top:2px solid #419ced;
 background-color: #d9edff; 
}
.course_fw .li_shequ .back{
 border-top:2px solid #ff761e;
 background-color: #ffebd8; 
}
.course_fw .li_tiku .back .content{
  color: #749b60;
}
.course_fw .li_kehu .back .content{
  color: #5783aa; 
}
.course_fw .li_shequ .back .content{
  color: #a87e58;
}
.course_fw .li_tiku .back .item{
  width:84px;
  height:34px;
  background-color: #fff;
  float: left;
  border-radius: 3px;
  margin-top: 12px;
  margin-left: 15px;
  font-size: 14px;
  color: #478e22;
  line-height: 34px;
  text-align: center;
}
.course_fw .li_kehu .back .item{
  width:84px;
  height:34px;
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 3px;
  font-size: 14px;
  color: #419ced;
  line-height: 34px;
  text-align: center;
}
.course_fw .li_shequ .back .item{
  width: 180px;
  height: 32px;
  border-radius: 3px;
  background-color: #fff;
  margin:12px auto;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: #ff761e;
}
.kehu_weixin{
  width:78px;
  height:78px;
  background-color: #fff;
  padding:5px;
}
.kehu_weixin img{
  width: 100%;
  height: 100%;
}
.contact{
  padding-left: 30px;
  padding-right: 46px;  
  padding-bottom: 17px;
}
.contact_tel{
  padding-left:60px;  
  background-image: url(/uploads/image/scicourse_index/tel_img.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.tel_number{
  font-size: 28px;
  font-family: microsoft yahei;
  font-weight: bold;
  color: #333;
  line-height: 40px;
}
.tel_date{
  font-size: 14px;
  font-family: microsoft yahei;
  font-weight: 400;
  color: #999;  
}
.btn_kefu{
 float: right;  
 width: 184px;
 height: 47px;
 background: #4e9cff;
 box-shadow: 0px 4px 13px 0px rgba(78, 156, 255, 0.45);
 border-radius: 24px; 
 font-family: microsoft yahei;
 font-weight: 400;
 font-size: 18px;
 color: #fff;
 line-height: 47px;
 text-align: center;
}
.btn_kefu:hover a{
  color: #fff;
}
.btn_kefu .erj{
  margin-right: 10px; 
}
.btn_kefu a{
  color: #fff;  
}
/*首页end*/
.course_list_top{
  height: 60px;
  border-bottom: 1px solid #ddd;
  padding-left: 20px;
  padding-right: 20px;
}
.course_list_bottom{
  padding-left: 20px;
  padding-right: 20px;
}
.course_position{
  line-height: 58px;
  font-size: 14px;
  color: #666;
  letter-spacing: 2px;
}
.course_position a{
  color: #666;  
}
.course_number{
  font-size: 14px;
  color: #666;
  line-height: 50px;
}
.course_select{
  margin-left: 30px;
}
.course_select li{
  float: left;
  margin-left: 30px;
  font-size: 16px;
  color: #333;
  line-height: 48px;
  font-weight: 400;
  font-family: microsoft yahei;
  cursor: pointer;
  position: relative;
}
.course_select li:first-child:before{
  content: "";
  position: absolute;
  left:-30px;
  top:12px;
  width: 1px;
  height: 23px;
  background-color: #e9eaed;
}
.icon_course_list{
  background-image: url(/uploads/image/scicourse_list/course_list.png);
  background-repeat: no-repeat;
}
.course_select li .asc{
  display: block;
  width: 13px; 
  height: 48px;
  position:absolute;
  right: 0;
  top:0;
  background-position: -100px 19px; 
  cursor: pointer;
}
.course_select li .desc{
  display: block;
  width: 13px; 
  height: 48px;
  position:absolute;
  right: 0;
  top:0;  
  background-position: -123px 19px; 
  cursor: pointer;
}
.course_select li.order{
  padding-right: 16px;
  position: relative;
}
.course_select li:hover,.course_select li.active{
  border-bottom: 3px solid #fb8947;
}
.course_templet{
  margin-left: 60px;
  position: relative;
}
.course_templet:before{
  content: "";
  position: absolute;
  left:-30px;
  top:12px;
  width: 1px;
  height: 23px;
  background-color: #e9eaed;  
}
.course_templet .vertical{
  width: 27px;
  height:27px;
  margin-top:11px; 
  cursor: pointer;  
  background-position: 5px 6px;
}
.course_templet .horizontal{
  width: 27px;
  height:27px;
  margin-top:11px;
  border-radius: 4px;
  cursor: pointer;
  background-position: -44px 6px;
}
.course_templet .vertical.active{
  background-color: #eaf3ff;
  background-position: -18px 6px; 
}
.course_templet .horizontal.active{
  background-color: #eaf3ff;
  background-position: -69px 6px; 
}
.w652{
  width: 652px;
}
.w300{
  width: 300px;
}
.course_templet_horizontal li{
  height: 148px;
  background: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(57, 57, 57, 0.11);
  border-radius: 6px;
  padding-top: 13px;
  padding-left: 246px;
  padding-bottom: 13px;
  position: relative;
}
.course_templet_horizontal li .wrap_img{
  position: absolute;
  left:13px;
  top:13px;
  width: 214px; 
  height: 121px;
  border-radius: 6px;
  overflow: hidden;
}
.course_templet_horizontal li .wrap_img img{
  width: 100%;
  height: 100%;
}
.course_templet_horizontal li{
  margin-bottom: 15px;
}
.course_templet_horizontal li .title{
  font-size: 16px;
  color: #333;
  font-weight: 600;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: microsoft yahei;
}
.course_templet_horizontal li .title a{
  color: #333;
}
.course_templet_horizontal li .biaoqian{
  width: 350px;
  float: left;
  white-space: nowrap;
}
.course_templet_horizontal li .buy_bqimg{
  float: right;
  margin-right: 15px;
}
.course_templet_horizontal li .biaoqian .item{
  display: inline-block;  
  margin-right: 4px;
  margin-top: 4px;
  height: 25px;
  border-radius: 6px;
  background-color: #fff8f2;  
  font-size: 12px;
  color: #ff731e;
  line-height: 25px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;  
}
.course_templet_horizontal li .desc{
 font-size: 12px;
 color: #666;
 line-height: 18px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;  
}
.course_templet_horizontal li .wrap_jiage{ 
  position: absolute;
  left:246px;
  right: 0;
  bottom: 0;
  height: 48px;
  padding-right: 20px;
  border-top: 1px solid #e9eaed;
}
.course_templet_horizontal li .course_active {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 10px;
    background: #fc9b55;
    background: -webkit-linear-gradient(left,#fdab61,#fb904c);
    background: -o-linear-gradient(right,#fdab61,#fb904c);
    background: -moz-linear-gradient(right,#fdab61,#fb904c);
    background: linear-gradient(to right,#fdab61,#fb904c);
    color: #fff;
    font-size: 12px;
}
.course_templet_horizontal li .course_quanxian {
    width: 68px;
    height: 20px;
    display: block;
    background-color: #60adff;
    border-radius: 10px 0 0 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    padding-left: 5px;
}
.course_templet_vertical{
  width: 652px!important;
}
.course_templet_vertical ul{
  margin-left: -11px;
}
.course_templet_vertical li{
  width: 320px!important;
  margin-left: 11px!important;
  margin-bottom: 15px;
}
.course_biaoqian ul{
  padding-left: 6px;
  padding-bottom: 5px;
}
.course_biaoqian li{
  height: 27px;
  float: left;
  margin-bottom: 10px;
  margin-left: 8px;
  text-align: center;
  line-height: 27px;
  padding-left: 5px;
  padding-right: 5px;
  background: #f1f7ff;
  border-radius: 14px;
  font-size: 14px;
  font-family: microsoft yahei;
  font-weight: 400;
  color: #2686ff;
}
.course_biaoqian li a{
  display: block;
  color: #2686ff;
}
.course_about_news{
  padding:0 17px;
}
.course_about_news .first_news{
  height: 70px;
  padding-left:113px;
  position: relative;
}
.course_about_news .first_news dt{
 width: 105px;
 height: 69px;
 position: absolute;
 left:0;
 top:0; 
 overflow: hidden;
}
.course_about_news .first_news .news_title{
  font-size: 16px;
  color: #333;
  line-height: 26px;
}
.course_about_news .first_news a:hover{
  color: #ff9600;
}
.course_about_news .first_news dt img{
  width: 100%;
  height: 100%;
}
.course_about_news .part_news ul{
 padding-left: 0;
}
.course_about_news .part_news ul li{
  height: 44px;
  line-height: 44px;
  border-bottom:1px dashed #d6d6d6;
  position: relative;
}
.course_about_news .part_news ul li:last-child{
  border-bottom: none;
}
.course_about_news .part_news .news_title{
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.course_about_news .part_news .pub_time{
  position: absolute;
  right: 0;
  top:0;
  font-size: 14px;
  color: #999;
}
.course_about_news .part_news a:hover{
  color: #ff9600;
}
.course_zhibo{
  padding: 0 17px;
}
.course_zhibo li{
  position: relative;
  padding-bottom: 15px;
}
.course_zhibo li .wrap_img{
  height: 151px;
  background: #ffefc8;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.course_zhibo li .wrap_img img{
  width: 100%;
  height: 100%;
}
.course_zhibo li .course_status{
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 69px;
  height: 27px;
  background:#fdb065;
  background: linear-gradient(90deg, #fdb065, #fb8947);
  text-align: center;
  line-height: 27px;
  font-size: 12px;
  color: #fff;
  border-radius: 0 6px 0 14px;
}
.course_zhibo li .title{
  font-size: 15px;
  color: #333;
  font-weight: 600;
  line-height: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.course_zhibo li .title a{
  color: #333;
}
.course_zhibo li .date{
  font-size: 14px;
  color: #8590a6;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 20px;
  padding-left: 20px;
  position: relative;
}
.course_zhibo li .date:before{
  position: absolute;
  left:0;
  top:4px;
  display: block;
  content: "";
  width: 15px; 
  height: 15px;
  background-image: url(/uploads/image/scicourse_list/course_list.png);
  background-repeat: no-repeat;
  background-position: -168px 0;
}
.course_zhibo li .number{
 font-size: 12px;
 color: #999;
 font-weight: 400;
 line-height: 20px;
 padding-left: 20px;
 position: relative;
}
.course_zhibo li .number:before{
  position: absolute;
  left:0;
  top:4px;
  display: block;
  content: "";
  width: 15px; 
  height: 15px;
  background-image: url(/uploads/image/scicourse_list/course_list.png);
  background-repeat: no-repeat;
  background-position: -146px 0; 
}
.course_zhibo li .btn_buy{
  width: 60px;
  height: 20px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 15px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  background: #5ca4ff;
  border-radius: 4px;
  color: #fff;
}
.course_zhibo li .btn_yue{
  width: 87px;
  height: 31px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 15px;
  line-height: 31px;
  text-align: center;
  font-size: 14px;
  border:1px solid #5ca4ff;
  border-radius: 4px;
  color: #5ca4ff;
}
.video_mask{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 3;
}
/*课程详情*/
.course_detail{
  padding:0 30px 0 24px;
}
.w751{
  width: 751px;
}
.w370{
  width: 370px;
}
.h548{
  height: 548px;
  position: relative;
}
.video_cover{
  width: 758px;
  height: 426px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.course_shiting{
  position: absolute;
  left:21px;
  top:13px;
  z-index:999;
  width: 119px;
  height: 39px;
  border-radius: 20px 20px 20px 0;
  line-height: 39px;
  text-align: center;
  font-size: 20px;
  font-family: microsoft yahei;
  color: #fff;
  background: #fb8f4b;
  background: -webkit-linear-gradient(left,#fda960,#fb8f4b);
  background: -o-linear-gradient(right,#fda960,#fb8f4b);
  background: -moz-linear-gradient(right,#fda960,#fb8f4b);
  background: linear-gradient(to right,#fda960,#fb8f4b);  
}
.course_shiting a{
  display: block;
  color: #fff;
}
.course_shiting a:hover{
  color: #fff;
}
.video_cover .video_btn{
  width: 69px;
  height: 69px;
  background-image: url(/uploads/image/scicourse_detail/video_btn.png);
  background-repeat: no-repeat;
  position: absolute;
  left:50%;
  top:50%;
  margin-left: -35px;
  margin-top: -35px;
  z-index: 5;
  cursor: pointer;
}
.video_cover .absolute_bottom{
  position: absolute;
  left:0;
  bottom:0;
  z-index: 2;
  width: 100%;
  height: 64px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: rgba(0,0,0,0.5);
}
.video_cover .zhangjie_fenlei{
  width: 249px;
  height: 64px;
  text-align: center;
  line-height: 64px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.video_cover .zhangjie_shiting{
  width: 237px;
  height: 64px;
  background-color: #4e9cff;
  position: relative;
}
.video_cover .left_shiting{
  width: 135px;
  height: 64px;
  position: absolute;
  left:0;
  top:0;
  background-image: url(/uploads/image/scicourse_detail/course_fenlei_bg.png);
  background-repeat: no-repeat;
  background-position: left top; 
}
.video_cover .left_shiting a{
  display: block;
  width: 82px;
  height: 32px;
  margin:16px auto;
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(43, 130, 240, 0.2);
  border-radius: 16px;
  font-size: 14px;
  color: #4e9cff;
  line-height: 32px;
  text-align: center;
}
.video_cover .right_title{
  width: 135px;
  height: 64px;
  position: absolute;
  right:0;
  top:0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 64px;
  text-align: center;
}
.video_cover .left_shiting a:hover{
   color: #4e9cff; 
}
.video_cover .right_title a{
  display: block;
  color: #fff;
}
.video_cover .right_title a:hover{
  color: #fff;
}
.video_cover .zhangjie_title{
  width: 272px;
  font-size: 16px;
  color: #fff;
  line-height: 64px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.course_detail .course_zhe{
  line-height: 64px;
  font-size: 14px;
  font-family: microsoft yahei;
  font-weight: 400;
  color: #666;
}
.course_detail .course_zhe .zhe{
  width: 23px;
  height: 23px;
  display: inline-block;
  margin-right: 10px;
  border-radius:6px;
  background-color: #ff7c2a;
  line-height: 23px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  line-height: 23px;
}
.course_zhe .btn_zixun{
  font-size: 16px;
  color: #ff7c2a;
  font-weight: bold;
  line-height: 64px;
  float: right;
}
.course_title{
  margin-top: 8px;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  font-family: microsoft yahei;
  font-weight: 600;
  color: #333333;
}
.course_cover{
  width: 100%;
  height: 209px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.course_cover .course_img{
  width: 100%;
  height: 100%;
}
.course_pingjia{
  width: 50%;
  height: 48px;
  line-height: 48px;
  font-size: 12px;
  color: #999;
}
.course_pingjia .jibie_xing_item{
  display: inline-block;
  vertical-align: middle;
  width:16px;
  height:16px;
  background-image: url(/uploads/image/scicourse_index/icon_teacher_1.png);
  background-position: -21px 0;
}
.course_pingjia .jibie_xing_item.active{
  background-position: 0 0;
}
.course_study{
  width: 50%;
  height: 48px;
  line-height: 48px;
  font-size: 12px;
  color: #999;  
}
.course_study .auth_wrap{
  width:66px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.course_study .auth_wrap img{
  position: absolute;
  top:0;
  width: 27px;
  height: 27px;
  border-radius: 50%;
}
.course_study .auth_wrap .z-index-1{
  left:0;
  z-index: 1;
}
.course_study .auth_wrap .z-index-2{
  left:13px;
  z-index: 2;
}
.course_study .auth_wrap .z-index-3{
  left:26px;
  z-index: 3;
}
.course_study .auth_wrap .z-index-4{
  left:39px;
  z-index: 4;
}
.course_study .auth_wrap .z-index-5{
  left:42px;
  z-index: 5;
}
.course_detail .biaoqian .item{
  display: inline-block;  
  margin-right: 4px;
  margin-bottom: 4px;
  height: 25px;
  border-radius: 6px;
  background-color: #fff8f2;  
  font-size: 12px;
  color: #ff731e;
  line-height: 25px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;  
}
.course_detail .course_desc{
  font-size: 14px;
  color: #333;
  font-weight: 400;
  line-height: 26px;
}
.course_ts_jiage{
  width: 100%;
  position: absolute;
  left:0;
  bottom: 62px;
}
.course_qixian{
  width: 50%;
  padding-top: 18px;
  font-size: 12px;
  font-weight: 400;
  color: #738aa8;
  line-height: 26px;
}
.course_vip,.course_shichang{
  padding-left: 25px;
  position: relative;
}
.course_vip:before{
  display: block;
  content: "";
  position: absolute;
  left:0;
  top:50%;
  margin-top: -7px;
  width:15px;
  height:13px;
  background-image: url(/uploads/image/scicourse_detail/icon_detail.png);
  background-repeat: no-repeat;
  background-position: 0 0;  
}
.course_shichang:before{
  display: block;
  content: "";
  position: absolute;
  left:0;
  top:50%;
  margin-top: -8px;
  width:15px;
  height:15px;
  background-image: url(/uploads/image/scicourse_detail/icon_detail.png);
  background-repeat: no-repeat;
  background-position: -25px 0;  
}
.course_jiage_old,.course_jiage_xin{
   display: inline-block;  
}
.course_jiage_old{
   color: #999;
 }
 .course_jiage_xin{
  color: #ff5400;
}
.course_jiage_old .rmb{
  font-size: 10px;
  font-family: microsoft yahei;
 }
.course_jiage_old .old{
  font-size: 14px;
  font-family: microsoft yahei;                   
}
.course_jiage_xin .rmb{
  font-size: 14px;
  font-family: microsoft yahei;
  font-weight: bold;
}
.course_jiage_xin .xin{
   font-size: 36px;
   font-family: arial;
   font-weight: bold;
}
.course_detail .vip_zhekou{
  margin-top: 0!important;
}
.gobuy{
  width: 100%;
  position: absolute;
  left:0;
  bottom: 15px;
}
.course_buy{
  display: block;
  width: 173px;
  height: 47px;
  background: #ff7c2a;
  box-shadow: 0px 4px 13px 0px rgba(252, 161, 89, 0.45);
  border-radius: 24px;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  line-height: 47px;
  text-align: center;
  cursor: pointer;
}
.course_buy a,.course_buy a:hover{
  color: #fff;
}
.add_chart{
  display: block;  
  width: 173px;
  height: 47px;
  border: 1px solid #fca159;
  border-radius: 24px;
  font-size: 18px;
  font-weight: 600;
  color: #fca159;
  line-height: 47px;
  text-align: center;  
  cursor: pointer;
}
.course_buy:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width:17px;
  height:16px;
  margin-right: 8px;
  margin-top: -8px;
  background-image: url(/uploads/image/scicourse_detail/icon_detail.png);
  background-repeat: no-repeat;
  background-position: -50px 0; 
}
.add_chart:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width:18px;
  height:18px;
  margin-right: 8px;
  margin-top: -9px;
  background-image: url(/uploads/image/scicourse_detail/icon_detail.png);
  background-repeat: no-repeat;
  background-position: -77px 0; 
}
.course_buy:hover{
  color: #fff;
}
.add_chart:hover{
  color: #fca159;
}
.course_tsfw{
  width: 100%;
  padding-left: 250px;
  height: 72px;
  position: relative;
  display: flex;
  align-items: center;
}
.course_tsfw ul{
  padding-top: 5px;
  padding-bottom: 5px;
}
.course_tsfw ul li{
  width: 124px;
  line-height: 30px;
  float: left;
  font-size: 14px;
  color: #666;
  position: relative;
}
.course_tsfw ul li:before{
  content: "";
  position: absolute;
  left:-10px;
  top:13px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #56a1ff;
}
.course_tsfw .title{
  position: absolute;
  left:30px;
  top:0;
  width: 143px;
  height: 72px;
  padding-left:34px;
  background-image: url(/uploads/image/scicourse_detail/flower.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-weight: bold;
  font-size: 24px;
  color: #333;
  line-height: 72px;
}
.vip_banner img{
  width:402px;
  height: 72px;
  border-radius: 6px;
}
.end_lqyhq{
  font-size: 16px;
  line-height: 16px;
  color: #c6c6c6;
  position: absolute;
  right: 154px;
  top:50%;
  margin-top: -8px;
  font-weight: normal;
}
.active_bg{
  height: 80px;
  background-image: url(/uploads/image/scicourse_detail/active_bg.png);
  background-repeat: no-repeat;
  background-position: left center;   
  position: relative;
}
.active_message{
  font-size: 18px;
  color: #666;
  line-height: 80px;
  padding-left: 210px;
}
.active_click{
  position: absolute;
  right: 43px;
  top:7px;
  width: 62px;
  height: 61px;
  background-image: url(/uploads/image/scicourse_detail/ling.png);
  background-repeat: no-repeat;
  background-position: left center; 
}
.active_xinren{
  height: 72px;   
  position: relative; 
}
.xinren_img{
 width: 100%;
 height: 100%;
}
.btn_lqyhq{
 position: absolute;
 right:23px;
 top:50%; 
 margin-top: -19px; 
 display: block;
 width:122px;
 height:38px;
 border: 1px solid #ff7c2a; 
 border-radius: 19px;
 font-size:16px;
 color: #ff7c2a;
 line-height: 38px;
 text-align: center;
 font-weight: 700;
}
.btn_lqyhq:hover{
  color: #ff7c2a;
}
.course_detail_hd{
  background-color: #f6f6f6;
  border-radius: 0px 6px 0px 0px;
}
.course_detail_hd ul li{
  float: left;
  width: 20%;
  text-align: center;
  font-size: 16px;
  color: #444;
  line-height: 49px;
  border-top: 2px solid #f6f6f6;
  font-weight: 400;
  cursor: pointer;
}
.course_detail_hd ul li:hover,.course_detail_hd ul li.active{
  border-top:2px solid #4e9cff;
  background-color: #fff;
  color: #4e9cff;
  font-weight: 600;
}
.course_detail_bd{
  background-color: #fff;
}
.course_daodu,.course_article{
  padding:10px 19px;
  font-size: 14px;
  color: #333;
  line-height: 26px;
}
.course_daodu .title,.course_article .title{
  font-size: 18px;
  color: #333;
  line-height: 40px;
  font-weight: 600;
}
.course_daodu img,.course_article img{
  display: block;
  margin:0 auto;
  max-width: 100%;
}
.course_daodu table,.course_article table{
  width: 100%;
}
.course_daodu table th,.course_daodu table td,.course_article table th,.course_article table td{
  font-size: 14px;
  height: 30px;
  border:1px solid #ddd;
}
.course_teacher{
  padding-left: 15px;
  padding-right: 30px;
}
.course_teacher .wrap_img{
  width: 150px;
  height: 105px;
  border-radius: 6px;
  background: linear-gradient(90deg, #fafbfb, #f2f3f3);
  position: relative;
}
.course_teacher .wrap_img img{
  width: 96px;
  display: block;
  margin:0 auto;
  max-height: 100%;
}
.course_teacher_link{
  display: block;
  position: absolute;
  left:0;
  bottom: 0;
  width: 100%;
  height: 30px;
  background-color: rgba(0,0,0,0.5);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #fff;
} 
.course_teacher_link:hover{
  color: #fff;
}
.course_teacher .wrap_wen{
  width:195px; 
}
.course_teacher .name{
  font-size: 18px;
  color: #333;
  line-height: 26px;
  font-weight: 700;
}
.course_teacher .zhicheng{
  font-size: 14px;
  color: #333;
  font-weight: 400;
  line-height: 26px;
  padding-left: 20px;
  position: relative;
}
.course_teacher .zhicheng:before{
  position: absolute;
  left:0;
  top:0;
  width:15px;
  height: 26px;
  display: block;
  content: "";
  background-image: url(/uploads/image/scicourse_detail/icon_detail.png);
  background-repeat: no-repeat;
  background-position: -105px 5px;
}
.course_teacher .jianjie{
  font-size: 14px;
  color: #999;
  line-height: 24px;
  padding:10px;
}
.course_teacher .biaoqian .item {
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  height: 25px;
  border-radius: 6px;
  background-color: #fff8f2;
  font-size: 12px;
  color: #ff731e;
  line-height: 25px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.course_shouke{
  font-size: 14px;
  color: #666;
  padding-left: 20px;
  line-height: 26px;
  position: relative;
}
.course_shouke:before{
  position: absolute;
  left:0;
  top:0;
  width:15px;
  height: 26px;
  display: block;
  content: "";  
  background-image: url(/uploads/image/scicourse_detail/icon_detail.png);
  background-repeat: no-repeat;
  background-position: -129px 7px;  
}
.course_detail_news{
  padding:0 17px;
}
.course_detail_news .first_news{
  height: 107px;
  padding-left:180px;
  position: relative;
}
.course_detail_news .first_news dt{
 width: 163px;
 height: 107px;
 position: absolute;
 left:0;
 top:0; 
 border-radius: 6px;
 overflow: hidden;
}
.course_detail_news .first_news .news_title{
  font-size: 16px;
  color: #333;
  line-height: 26px;
}
.course_detail_news .first_news a:hover{
  color: #ff9600;
}
.course_detail_news .first_news dt img{
  width: 100%;
  height: 100%;
}
.course_detail_news .part_news ul{
 padding-left: 0;
}
.course_detail_news .part_news ul li{
  height: 44px;
  line-height: 44px;
  padding-right: 60px;
  border-bottom:1px dashed #d6d6d6;
  position: relative;
}
.course_detail_news .part_news ul li a{
  color: #333;
}
.course_detail_news .part_news ul li:last-child{
  border-bottom: none;
}
.course_detail_news .part_news .news_title{
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.course_detail_news .part_news .pub_time{
  position: absolute;
  right: 0;
  top:0;
  font-size: 14px;
  color: #999;
}
.course_detail_news .part_news a:hover{
  color: #ff9600;
}
.news_fenlei{
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  color: #3291fa;
}
.course_detail_pingjia ul{
  padding-left: 80px;
  padding-right: 36px;
}
.course_detail_pingjia ul li{
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  position: relative;
}
.course_detail_pingjia .auth_thumb{
  position: absolute;
  left:-64px;
  top:20px;	
  width: 54px;
  height: 54px;
  border-radius: 50%;	
}
.course_detail_pingjia .auth_name{
  color: #4e9cff;
  font-weight: bold;
  line-height: 30px;	
}
.course_detail_pingjia .title{
 font-size: 12px;
 color: #666;
 line-height: 30px; 
}
.course_detail_pingjia .description{ 
 font-size: 14px;
 color: #333;
 line-height: 20px;
 padding-right: 200px;
}
.course_detail_xing{
  position: absolute;
  right: 0;
  top:50%;	
  margin-top: -8px;
}
.course_mulu,.course_shicao{
  padding-top: 20px;	
}
.course_mulu dl,.course_shicao dl{
  padding-left: 50px;
  padding-right:25px;	
}
.course_mulu dt ,.course_shicao dt{
  font-size: 16px;
  color: #333;
  line-height: 46px;
  border-bottom: 1px solid #eee;	
  font-weight: bold;
  position: relative;
}
.icon_mulu{
  background-image: url(/uploads/image/scicourse_detail/icon_mulu.png);
  background-repeat: no-repeat;	
}
.course_mulu .slidebtn_zhang,.course_shicao slidebtn_zhang{
 position: absolute;
 right: 0;
 top:0;	
 width:25px;
 height:46px;
 display: block;
 background-position: -101px 14px;
 cursor: pointer;
}
.course_mulu .slidebtn_zhang.active,.course_shicao .slidebtn_zhang.active{
 background-position: -127px 14px;	
}
.course_mulu dt:before,.course_shicao dt:before{
 display: block;
 content: "";
 width:38px;
 height:46px;
 position:absolute;
 left:-38px;
 top:0;	
 background-image: url(/uploads/image/scicourse_detail/icon_mulu.png);
 background-repeat: no-repeat; 
 background-position: 0 13px;
}
.mulu_zhang_title{
  font-size: 16px;
  color: #666;
  line-height: 46px;
  border-bottom: 1px dashed #ddd;
  padding-right: 140px;
  padding-left: 20px;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;	
}
.mulu_zhang_title .slidebtn_jie{
  width: 136px;
  height: 32px;
  border-radius: 16px;
  border:1px solid #b3d4ff;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  display: block;
  position: absolute;
  right: 0;
  top:7px;
  color: #197eff;
  cursor: pointer;
}
.mulu_zhang_title .slidebtn_jie em{
  width: 9px;
  height: 5px;
  display: inline-block;
  margin-left: 5px;
  margin-top: -3px;
  vertical-align: middle;
  background-position:-63px 0;	
}
.mulu_zhang_title .slidebtn_jie.active em{
  background-position:-82px 0;
}
.mulu_zhang_title .circle{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  border:1px solid #ddd;
  position: absolute;
  left:0;
  top:17px;
}
.mulu_zhang_title .circle:before{
  content: "";	
  width:4px;
  height:4px;
  display: block;
  border-radius: 50%;
  background-color: #ff7c2a;
  position: absolute;
  left:2px;
  top:2px;	
}
.mulu_jie_wrap{
  padding-left: 20px;	
}
.mulu_jie_title{
 font-size: 14px;
 color: #333;
 font-weight: bold;
 line-height: 40px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;	
}
.mulu_jie_title .pzh{
 font-weight: 400;
 font-family: "font-family: microsoft yahei";
}
.mulu_jie_wrap li{
  height: 42px;
  font-size: 14px;
  color: #666;
  line-height: 42px;
  padding-left: 50px;
  position: relative;
}
.mulu_jie_wrap li:after{
  content: "";	
  height: 1px;
  background-color: #eee;
  display: block;
  position: absolute;
  left:40px;
  right: 0;	
}
.mulu_jie_wrap li .btn_open_jie,.mulu_jie_wrap li .btn_open_yue,.mulu_jie_wrap li .btn_open_edit{
  padding-left:22px;
  font-size: 14px;
  color: #333;
  line-height: 42px;
  position: absolute;
  right: 0;
  top:0;
  width: 90px;
}
.mulu_jie_wrap li .btn_open_jie:before{
  position: absolute;
  left:0;
  top:14px;	
  display: block;
  content: "";
  width:22px;
  height:13px;
  background-image: url(/uploads/image/scicourse_detail/icon_mulu.png);
  background-repeat: no-repeat; 	
  background-position: -38px 0;
}
.mulu_jie_wrap li .btn_open_yue:before{
  position: absolute;
  left:0;
  top:0;	
  display: block;
  content: "";
  width:15px;
  height:42px;
  background-image: url(/uploads/image/scicourse_detail/icon_shizhong.png);
  background-repeat: no-repeat; 	
  background-position: left center;
}
.mulu_jie_wrap li .btn_open_edit:before{
  position: absolute;
  left:0;
  top:0;	
  display: block;
  content: "";
  width:22px;
  height:42px;
  background-image: url(/uploads/image/scicourse_detail/icon_edit.png);
  background-repeat: no-repeat; 	
  background-position: left center;
}
.mulu_jie_wrap li .mianfei{
  position: absolute;
  left: 0;
  top:11px;	
  display: block;
  width: 40px;
  height: 20px;
  border-radius: 10px;
  background-color: #4e9cff;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.mulu_jie_wrap li .fufei{
  position: absolute;
  left: 0;
  top:12px;	
  display: block;
  width: 40px;
  height: 25px;
  background-image: url(/uploads/image/scicourse_detail/icon_mulu.png);
  background-repeat: no-repeat; 	
  background-position: -146px 0;  
}
.course_detail_tuijian_list ul{
  margin-left: -12px; 
}
.course_detail_tuijian_list ul li{
  float: left;
  margin-left: 12px;
  width: 291px;
  height: 315px;
  background-color: #fff;
  box-shadow: 0px 4px 10px 0px rgba(57, 57, 57, 0.11);
  border-radius: 6px; 
  position: relative;
}
.course_detail_tuijian_list .wrap_img{
  height: 160px;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  position: relative;
}
.course_detail_tuijian_list .wrap_img .course_img{
  width: 100%;  
  height: 100%;
  border-radius: 6px 6px 0 0;
}
.course_detail_tuijian_list .wrap_img .course_active{
  display: block;
  position: absolute;
  right: 0;
  top:0;  
  width: 69px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 16px;
  background: #fc9b55;
  background: -webkit-linear-gradient(left,#fdab61,#fb904c);
  background: -o-linear-gradient(right,#fdab61,#fb904c);
  background: -moz-linear-gradient(right,#fdab61,#fb904c);
  background: linear-gradient(to right,#fdab61,#fb904c);
  color: #fff;
  font-size: 13px;
}
.course_detail_tuijian_list .wrap_img .course_quanxian{
  width: 80px;
  height: 30px;
  display: block;
  background-color: #60adff;
  border-radius: 15px 0 0 15px;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  text-align: center;
}
.course_detail_tuijian_list .wrap_wen{
  padding-left:10px; 
  padding-right:10px;
} 
.course_detail_tuijian_list .wrap_wen .title{
 font-size: 16px;
 color: #333;
 font-weight: 600;
 line-height:40px;  
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
.course_detail_tuijian_list .wrap_wen .title a{
  color: #333;  
}
.course_detail_tuijian_list .wrap_wen .desc{
 font-size: 14px;
 color: #666;
 line-height: 18px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden; 
 margin-bottom: 5px;  
}
.course_detail_tuijian_list .wrap_jiage{
  width: 100%;  
  height: 50px;
  position: absolute;
  left:0;
  bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;  
}
.course_detail_tuijian_list .xing{
  padding-left: 10px;
  line-height: 20px;
  font-size: 14px;
  color: #999;
}
.course_detail_tuijian_list .xing .xing_item{
  display: inline-block;
  vertical-align: middle;
  width:16px;
  height:16px;
  margin-right: 1px;
  margin-top: -3px;
  background-image: url(/uploads/image/scicourse_index/icon_teacher_1.png);
  background-position: -21px 0;
}
.course_detail_tuijian_list .xing .xing_item.active{
  background-position: 0 0;
}
.course_detail_zhibo_list ul{
  margin-left: -12px;	
}
.course_detail_zhibo_list li{
  width:291px;
  height:266px;
  margin-left: 12px;
  border-radius: 6px;
  position: relative;
  float: left;
  background-color: #fff;
  box-shadow: 0px 4px 10px 0px rgb(57 57 57 / 11%);
}
.course_detail_zhibo_list li .wrap_img{
  height: 161px;
  background: #ffefc8;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  position: relative;
}
.course_detail_zhibo_list li .wrap_img img{
  width: 100%;
  height: 100%;
}
.course_detail_zhibo_list li .wrap_wen{
  padding:10px;
}
.course_detail_zhibo_list li .course_status{
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 69px;
  height: 27px;
  background:#fdb065;
  background: linear-gradient(90deg, #fdb065, #fb8947);
  text-align: center;
  line-height: 27px;
  font-size: 12px;
  color: #fff;
  border-radius: 0 6px 0 14px;
}
.course_detail_zhibo_list li .title{
  font-size: 15px;
  color: #333;
  font-weight: 600;
  line-height: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.course_detail_zhibo_list li .date{
  font-size: 14px;
  color: #8590a6;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 20px;
  padding-left: 20px;
  position: relative;
}
.course_detail_zhibo_list li .date:before{
  position: absolute;
  left:0;
  top:4px;
  display: block;
  content: "";
  width: 15px; 
  height: 15px;
  background-image: url(/uploads/image/scicourse_list/course_list.png);
  background-repeat: no-repeat;
  background-position: -168px 0;
}
.course_detail_zhibo_list li .number{
 font-size: 12px;
 color: #999;
 font-weight: 400;
 line-height: 20px;
 padding-left: 20px;
 position: relative;
}
.course_detail_zhibo_list li .number:before{
  position: absolute;
  left:0;
  top:4px;
  display: block;
  content: "";
  width: 15px; 
  height: 15px;
  background-image: url(/uploads/image/scicourse_list/course_list.png);
  background-repeat: no-repeat;
  background-position: -146px 0; 
}
.course_detail_zhibo_list li .btn_buy{
  width: 87px;
  height: 31px;
  display: block;
  position: absolute;
  right: 15px;
  bottom: 15px;
  line-height: 31px;
  text-align: center;
  font-size: 14px;
  background: #5ca4ff;
  border-radius: 4px;
  color: #fff;
}
.course_detail_zhibo_list li .btn_yue{
  width: 87px;
  height: 31px;
  display: block;
  position: absolute;
  right: 15px;
  bottom: 15px;
  line-height: 31px;
  text-align: center;
  font-size: 14px;
  border:1px solid #5ca4ff;
  border-radius: 4px;
  color: #5ca4ff;
}
.course_detail_zhibo_list li .bofang_click{
  width: 50px;
  height: 50px;
  position: absolute;
  left:50%;
  top:50%;
  margin-left: -25px;
  margin-top: -25px;
  background-image: url(/uploads/image/scicourse_detail/bf.png);
  background-repeat: no-repeat;
  background-position: center center; 
}
/*购物车页面*/
.cart_position{
  line-height: 48px;	
  font-size: 14px;
  border-bottom: 1px solid #e9eaed;
  color: #666;	
  padding-left: 17px;
}
.cart_position a{
  color: #666;
}
.cart_step{
  padding-top: 25px;
  padding-bottom: 25px; 
}
.cart_step li{
  float: left;
  width: 33%;
  text-align: center;
  position: relative;
}
.cart_step li:first-child{
  margin-left: 0;	
}
.cart_step li:first-child:after,.cart_step li:nth-child(2):after{
  content: "";
  width:9px;
  height:19px;
  display: block;
  position: absolute;
  right: 0;
  top:50%;
  margin-top: -10px;
  background-image: url(/uploads/image/scicourse_detail/icon_next2.png);
  background-repeat: no-repeat;
}
.cart_step li .circle_number{ 
  position: absolute;
  left:-34px;
  top:0;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  padding:0;
  background-color: #4e9cff;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  font-family: microsoft yahei;
}
.cart_step li .title{
  font-size: 18px;
  color: #333;
  text-align: center;	
}
.cart_step li .desc{
  font-size: 12px;
  color: #999;
  line-height: 20px;
  text-align: center;	
}
.cart_step li .step_text{
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  text-align: center;
  padding-top: 5px;
}
.cart_step li .icon_cart{
  height:50px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.icon_cart1{
  background-image: url(/uploads/image/scicourse_detail/icon_cart.png);	
  background-position: left center;
  background-repeat: no-repeat;
}
.icon_cart2{
  background-image: url(/uploads/image/scicourse_detail/icon_bao.png);	
  background-position: left center;
  background-repeat: no-repeat;
}
.icon_cart3{
  background-image: url(/uploads/image/scicourse_detail/icon_dai.png);	
  background-position: left center;
  background-repeat: no-repeat;
}
.cart_step .li_step1 .icon_cart{
  width:46px;
}
.cart_step .li_step2 .icon_cart{
  width:49px;
}
.cart_step .li_step3 .icon_cart{
  width:38px;
}
.cart_list{
  padding-top: 25px;
}
.cart_list li{
  padding:5px 53px 16px 76px;
  position: relative;
}
.cart_list li .wrap_img{
  width: 214px;
  height: 121px;
  float: left;
  border-radius: 6px;	
  overflow: hidden;
  position: relative;
}
.cart_list li .wrap_img .course_img{
  width: 100%;
  height: 100%;
}
.cart_list li .wrap_wen{
  width: 835px;
  height: 132px;
  padding-top: 10px;
  border-bottom: 1px dashed #e9eaed; 
  position: relative;
  float: left;	
  margin-left: 20px;
}
.cart_list li:last-child .wrap_wen{
  border-bottom: none;
}
.cart_list li .wrap_wen .title{
  font-size: 18px;
  color: #333;
  line-height: 26px;
  font-weight: 600;	
  padding-right: 160px;
}
.cart_list li .title a{
  color: #333;
}
.cart_list li .wrap_wen .shichang{
  position: absolute;
  left:0;
  bottom: 20px;
  height: 24px;
  border-radius: 6px;
  background: #fff8f2;
  padding-right: 5px;
  padding-left: 5px;
  font-family: microsoft yahei;
  font-weight: 400;
  color: #ff731e;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
}
.cart_list li .wrap_wen .del{
  position: absolute;
  right: 0;
  bottom: 20px;	
  display: block;	
  width: 60px;
  height: 26px;
  border-radius: 13px;
  background: #f6f6f6;
  line-height: 26px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #666;	
  cursor: pointer;
}
.cart_list li .wrap_wen .del:hover,.cart_list li .wrap_wen .del.active{
  background-color: #fe661f;
  color: #fff;	
}
.cart_list li .wrap_wen del{
  color: #999;
  position: absolute;
  right: 100px;
  top:35px;	
  font-size: 14px;
  line-height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: microsoft yahei;
}
.cart_list li .wrap_wen del .rmb{
  font-size: 10px;	
}
.cart_list li .wrap_wen .jiage{
  color: #ff5400;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  font-family: arial;
  color: #ff5400;
  position: absolute;
  right: 0;
  top:30px;	
}
.cart_list li .wrap_wen .jiage .rmb{
  font-size: 14px;
  font-family: microsoft yahei;
  color: #ff5400;	
  margin-right: 5px;
}
.cart_list li .is_checked{
  width: 76px;
  height: 121px;
  display: block;
  position: absolute;
  left:0;
  top:0;
  background: url(/uploads/image/scicourse_detail/icon_checked_default.png);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.cart_list li .is_checked.active{
  background: url(/uploads/image/scicourse_detail/icon_checked.png);
  background-position: center center;
  background-repeat: no-repeat;  
}
.cart_course{
  height:75px;
  background-color: #f9f9f9;
  padding-left: 30px;
  padding-right: 53px;
  position: relative;
}
.cart_course:before{
  content: "";
  width: 3px;
  height: 75px;
  background-color: #4e9cff;
  display: block;
  border-radius: 3px;
  position: absolute;
  left:0;
  top:0;
}
.cart_course .title{
  font-size: 14px;
  color: #666;
  line-height: 75px;
}
.select_wrap{
  width: 494px;
  height:44px;
  position: relative;
}
.select_course{
  border-radius: 22px;
  background-color: #f3f8ff;
  font-size: 14px;
  color: #4e9cff;  
  padding-left: 20px;
  padding-right:20px;
  line-height: 42px;
  border:1px solid #4e9cff;  
  position: absolute;
  left: 0;
  top: 0;
}
.select_btn{
  padding: 10px;
  cursor: pointer;
  background: url(/uploads/image/scicourse_detail/select_btn.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.select_course ul{
  display: none;	
  margin-top: -10px;
  padding-bottom: 10px;
}
.select_course ul li{
  height: 30px;
  line-height: 32px;
  white-space: nowrap;
  font-size: 14px;
  color: #4e9cff;  
  padding-right: 20px;
  padding-left: 20px;
  background: url(/uploads/image/scicourse_detail/checkbox1.png);
  background-repeat: no-repeat;
  background-position: left center;  
  cursor: pointer;
}
.select_course ul li.active{
   background: url(/uploads/image/scicourse_detail/checkboxed.png);
   background-repeat: no-repeat;
   background-position: left center;  
}
.cart_zhekou{
  line-height: 75px;
  font-family: "microsoft yahei";
}
.order_list{
  margin-top: 20px;
}
.order_list li{
  line-height: 40px;
  padding-left: 30px;
  padding-right: 53px;
}
.order_list ul{
  padding-bottom: 10px;
}
.jiage_leibie{
  font-size: 14px;
  color: #666;
  padding-left: 38px;
  background-position: left center;
  background-repeat: no-repeat;
}
.jiage_leibie_old{
  background: url(/uploads/image/scicourse_detail/icon_pay_1.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.jiage_leibie_zhekou{
  background: url(/uploads/image/scicourse_detail/icon_pay_2.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.jiage_leibie_xinren{
  background: url(/uploads/image/scicourse_detail/icon_pay_3.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.jiage_leibie_hongbao{
  background: url(/uploads/image/scicourse_detail/icon_pay_4.png);
  background-repeat: no-repeat;
  background-position: left center; 
}
.jiage_leibie_manjian{
  background: url(/uploads/image/scicourse_detail/icon_pay_5.png);
  background-repeat: no-repeat;
  background-position: left center; 
}

.jiage_leibie_miaosha{
  background: url(/uploads/image/scicourse_detail/icon_pay_6.png);
  background-repeat: no-repeat;
  background-position: left center;
}


.jiage_leibie_account{
  background: url(/uploads/image/scicourse_detail/icon_pay_7.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.hongbao_no,.hongbao_yes{
  font-size: 14px;
  padding-right: 20px;
  background: url(/uploads/image/scicourse_detail/icon_next.png);
  background-repeat: no-repeat;
  background-position: right center;   
}
.hongbao_no{
  color: #999; 
}
.hongbao_yes{
  color: #fd523e;
}
.bottom_buy{
 width: 1213px!important;
 height: 119px;
 margin:0 auto;
 background: url(/uploads/image/scicourse_detail/bottom_buy.png);
 background-repeat: no-repeat;
 background-position: right center;  
 padding-left: 33px;
 line-height: 80px;	
 font-size: 14px;
 color: #fff;
 cursor: pointer;
}
.bottom_buy.fixed{ 
 position: fixed;
 left:50%;
 margin-left: -606px;
 bottom: 0;
}
.checkbox_all{
 padding-left:28px;
 background: url(/uploads/image/scicourse_detail/checkbox.png);
 background-repeat: no-repeat;
 background-position: left center; 	
}
.checkbox_all.active{
 background: url(/uploads/image/scicourse_detail/checkboxed.png);
 background-repeat: no-repeat;
 background-position: left center;	
}
.font25{
 font-size: 25px;
}
.font38{
  font-size: 38px;
}
.right_course_info{
  padding-right: 245px;
  line-height: 70px;
  position: relative;
}
.right_course_info .span_item{
  position: relative;  
}
.right_course_info .span_item:first-child{
  padding-right: 30px;	
}
.right_course_info .span_item:nth-child(2){
  padding-right: 20px;	
}
.right_course_info .span_item:first-child:after,.right_course_info .span_item:nth-child(2):after{
  width: 1px;
  height: 16px;
  background-color: #6c6c6c;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top:50%;
  margin-top: -8px;	
}
.go_to_buy{ 
 display: block;
 width: 188px;
 line-height: 80px;
 text-align: center;
 padding-left: 37px;
 font-size: 25px;
 color: #fff;
 font-weight: 500;	
 position: absolute;
 right: 13px;
 top:0;
 background-image: url(/uploads/image/scicourse_detail/icon_buy.png);
 background-repeat: no-repeat;
 background-position: 30px 27px;
}
.go_to_buy:hover{
 color: #fff;	
}
.course_shoucang{
  position: absolute; 
  right: 14px;
  top: 10px;
  z-index: 999;
  display: inline-block;
  padding-left: 32px;
  padding-right: 12px;
  background-image: url(/uploads/image/scicourse_detail/xing_tm.png);
  background-repeat: no-repeat;
  background-position: 12px center;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #fff;
  border-radius: 12px;
  background-color: #293a5d;
}
.course_shoucang.active{
   background-color: #fff;
   background-image: url(/uploads/image/scicourse_detail/xing_tm2.png);
   background-repeat: no-repeat;
   background-position: 12px center;
   color: #ff9600;
}
/*右侧领取优惠券*/
.mask_yhq{
  width: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
  overflow: hidden;
}
.mask_yhq .kong{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 420px;
}
.right_yhq{
  width: 410px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #e9eaee;
  overflow-y: auto;
}
.right_yhq .title{
  height: 46px;
  background: #fff;
  position: relative;
  line-height: 46px;
  text-align: center;
  font-size: 16px;
  color: #666;
} 
.right_yhq .title .close{
  width: 46px;
  height:46px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(/uploads/image/scicourse_detail/circle_close.png);
  background-repeat: no-repeat;
  background-position: 12px center;  
  cursor: pointer; 
}
.yhq_list{
  padding-left: 29px;
  padding-right: 32px;
}
.yhq_list ul li{
 margin-top: 25px; 
 height: 110px;
 background: #fff;
 border-radius: 6px;
 padding-left: 117px;
 position: relative;
}
.yhq_list ul li .left_quan{
 position: absolute; 
 left: 0;
}
.yhq_list ul li .left_quan1{
  top: 0;
  width: 117px;
  height: 116px;
  background-image: url(/uploads/image/scicourse_detail/quan_bg1.png);
  background-repeat: no-repeat;
  background-position: left center;  
}
.yhq_list ul li .left_quan2{
  top: -6px;
  width: 117px;
  height: 122px;  
  background-image: url(/uploads/image/scicourse_detail/quan_bg2.png);
  background-repeat: no-repeat;
  background-position: left center;  
}
.yhq_list ul li .quan_jine{
 margin-top: 18px; 
 font-weight: bold;
 color: #fff;
 text-align: center;
}
.yhq_list ul li .quan_leijia{
  font-size: 11px;
  font-family: source han sans cn;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  text-align: center;
}
.yhq_list ul li .quan_yxq{
  position: absolute;
  left: 0;
  width:109px;
  line-height: 26px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.left_quan1 .quan_yxq{
  top: 84px;
  color: #d72e12;
}
.left_quan2 .quan_yxq{
  top: 88px;
  color: #26509e;
}
.yhq_list ul li .quan_name{
 margin-top: 8px; 
 font-size: 16px;
 font-weight: 400;
 color: #444;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
.quan_fanwei{
  font-size: 14px;
  font-family: microsoft yahei;
  font-weight: 400;
  color: #999;
}
.is_get{
  display: block;
  width: 66px;
  height: 21px;
  background-color: #f76120;
  color: #fff;
  border-radius: 11px;
  font-size: 12px;
  font-family: microsoft yahei;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
}
.is_get.active{
  background: #eee;
  color: #999;
}
.is_get.go{
  background: #f3f8ff;
  color: #519eff;
}
.quan_date{
  margin-top: 10px;
  line-height: 26px;
  border-top: 1px dashed #ededed;
  font-size: 12px;
  font-weight: 400;
  color: #666;
}
.course_get_quan{
  padding: 20px 30px;
}
.course_get_quan .title{
  padding-left: 36px;
  font-size: 20px;
  color: #333;
  font-weight: 600;
  line-height: 30px;
  background-image: url(/uploads/image/scicourse_detail/quan.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.btn_quan_item{
  height: 30px;
  line-height: 30px;
  border-radius: 16px;
  background-color: #fe9756;
  padding-left: 15px;
  padding-right: 40px;
  font-size: 14px;
  color: #fff;
  position: relative;
}
.btn_quan_item .btn{
  position: absolute;
  right: 1px;
  top: 1px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #ffebde;
  font-size: 14px;
  color: #ff7c2a;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}
/* 滚动定位 */
.flext {
  width: 784px;
  position: fixed;
  top: 0px;
  left: 50%;
  z-index: 999;
  margin-left: -600px;
}
.flexr {
  width: 402px;
  height: 107px;
  position: fixed;
  top: 0px;
  left: 50%;
  margin-left: 198px;
  background-color: #fff;
  z-index: 99999;
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0px 4px 15px 0px rgb(57 57 57 / 11%);
  padding-top: 40px;
}
.flexr .course_buy {
  margin: 0;
}
.flexr .add_chart {
  margin: 0;
}
.course_detail_title {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  align-items: center;
  padding: 0 20px;
}
.course_detail_title .title {
  font-size: 18px;
  color: #333;
  line-height: 40px;
  font-weight: 600;
}
.hot_course_right .course_thumb:first-child{
  margin-bottom: 7px;
}
/**
个人登录样式
 */
.login_welcome{
  height: 64px;
  padding-left: 80px;
  position: relative;
}
.login_welcome .title{
  font-size: 18px;
  color: #333;
  line-height: 40px;
}
.login_welcome .desc{
  font-size: 14px;
  color: #999;
}
.login_welcome .login_no{
  position: absolute;
  left:0;
  top:0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #eef0f4;
  text-align: center;
  line-height: 64px;
}
.login_welcome .login_no img{
  display: inline;
}
.login_welcome .login_img{
  position: absolute;
  left:0;
  top:0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.login_welcome .login_img img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.common_button{
  width: 130px;
  height:42px;
  display: inline-block;
  background-color: #e6f4ff;
  border-radius: 4px;
  color: #3291fa;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.common_button.active{
  background-color: #3291fa;
  color: #fff;
}
.common_button:hover{
  color: #3291fa;
}
.common_button.active:hover{
  color: #fff;
}
.click_vip{
  width: 86px;
  height:26px;
  border-radius:13px;
  line-height: 24px;
  font-size: 12px;
  color: #ff5400;
  cursor: pointer;
  border:1px solid #ff5400;
  text-align: center;
}
.btn_center{
  padding-top: 11px;
}
.btn_center .click_vip{
  margin: 0 auto;
}
.btn_right{
   padding-top: 10px; 
}
.btn_right .click_vip{
  float: right;
}