/*
 *  前台课程样式表
 */

/*前台课程列表样式*/
.list .f-li{  height: 242px;margin: 15px 0; background-color: #ffffff;padding: 22px 45px; padding-bottom: 0px;}
.list .f-li .f-title-left{ width:70px;height:30px;background-color:unset;background:none;padding:0;margin-left: -80px;margin-right:0;float: left;cursor: auto;
	box-shadow: 0px 0px 33px rgba(107,107,107,0.4);overflow: hidden;border-radius: 100px;background-color:#ff592d;background-image: linear-gradient(to right, #ff2613 , #ff592d);}
.list .f-li .f-title-left:hover{color: unset;border-color: unset;opacity:unset}
.list .f-li .f-title-left i{font-size: 16px;color:#fff;font-weight: 700;position: relative;left:0;top:0px;}

.list .f-li .f-left{ width: 883px;}
.list .f-li .f-left h2{ font-weight: 700;font-size: 18px; margin-top: 8px; }
.list .f-li .f-left .user{font-size: 14px;color: #666666; margin: 25px 0;}
.list .f-li .f-left .user span{ margin-right: 10px; }
.list .f-li .f-left .user i{ color: #999;margin-right: 3px; }
 .user img.avatar{ width: 30px;height: 30px;border-radius:50%; }
 .user img.f-v{width:14px;height:14px;position: relative; left: -15px;bottom: -10px;}

.list .f-li .f-left .profession{margin-bottom: 25px;}
.list .f-li .f-left .profession span{margin-right: 20px;}
.profession a{font-size:14px;color:#000;background-color:#F2F2F2;margin-right: 5px;padding:0 15px;height: 25px;line-height: 25px;cursor: text;}
.list .f-li .f-left .description{font-size: 14px;line-height: 26px;}

.list .f-li .f-right {margin: 40px 0px;}
.list .f-li .f-right .price {font-size:22px;color:#AD0800;margin-bottom: 15px;text-align: center;}
.list .f-li .f-right button {width:125px;height:36px;line-height:34px;font-size:16px;display: block;margin-bottom: 10px;}
.list .f-li .f-right button:hover {border-color: #c81414;color:#c81414}

.other-item{color: #333;background-color: #fff;padding: 20px 0;  border-bottom: 1px solid #F2F2F2;margin: 0 -5px;}
.other-list{ display: flex;flex-wrap: wrap;max-height: 80px;overflow: hidden;}
.other-item h3{ display: block;font-weight: 700;font-style: normal;font-size: 16px;width: 100%;margin-bottom: 5px;padding-left: 8px;}
.other-item .sc{ color:#333 !important;}
.other-item a{ padding:5px 8px; background:#F2F2F2;padding: 5px 8px; border-radius: 8px;margin: 5px;flex: 1 auto;
text-align: center;}
.other-item a:hover{ color:#AD0800 !important}
.other-item a:hover .sc{ color:#AD0800 !important}
#desbutonn{margin-left: 20px;display: flex;flex-direction: column;align-items: center;width: 100%;flex: 1;}

.px {
  height: 41px;
  background-color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}
.px .search-box{display: flex; width:100%;justify-content: right; flex:1;align-items: center;}
.px .f-search{width: 235px;border-radius: 213px; position:relative; margin-right:5px;}
.px .f-search input{ border-radius: 10px;border:1px solid rgba(201, 201, 201, 1); height:32px;display: block;
width: 100%;
padding-left: 10px;background-color: #fff;line-height: 1.3;outline: 0;
-webkit-appearance: none;
transition: all .3s;
-webkit-transition: all .3s;
box-sizing: border-box;}
.px .f-search input::placeholder{ color: rgb(153, 153, 153); }
.px .f-search button{height: 32px;line-height: 30px;font-size: 14px;position: absolute;top: 0px;right: 0px;color: #fff;background-color: rgba(173, 8, 0, 1);border-radius: 0 10px 10px 0; display:inline-block;text-align:center;border: 0;padding: 0 10px;}
.px .f-search:hover button{color:#fff;background-color:rgba(204, 51, 51, 1);}
.yybutton{ border-radius:8px;}
.remark {display:flex; margin-top:15px;}
.djzk{  background-color: #fff;
  padding: 0 15px;
  border-radius: 10px;
  margin-top: 15px;
}
.djzk{ padding:15px;}
.djzk h2{ font-size:16px;}
.djzk .djzk-c { display:flex; flex-wrap:wrap; padding-top:10px;}
.djzk .djzk-c a{ margin-right:10px;border: 1px solid #E4E4E4;line-height: 28px;padding: 0 15px;border-radius: 8px;}
.f-content-c blockquote,.f-content-c  body,.f-content-c  button,.f-content-c  dd,.f-content-c  div,.f-content-c  dl,.f-content-c  dt,.f-content-c  form,.f-content-c  h1,.f-content-c  h2,.f-content-c  h3,.f-content-c  h4,.f-content-c  h5,.f-content-c  h6,.f-content-c  input,.f-content-c  li,.f-content-c  ol,.f-content-c  p,.f-content-c  pre,.f-content-c  td,.f-content-c  textarea,.f-content-c  th,.f-content-c  ul{
    margin:revert;padding: revert;list-style: revert;
}
.f-content-c ul,.f-content-c ol{ margin:revert !important;}
.f-content-c ul li,.f-content-c ol li{ list-style: revert !important;  padding: revert; }
.f-content-c h1,.f-content-c h2,.f-content-c h3{ border-left:7px solid #AD0800; padding-left:10px; font-weight:bold;}
@media screen and (max-width:1024px) {
    .layui-layer-page .layui-layer-content{padding:0}
	.list .f-li{padding: 22px 10px; padding-bottom: 0px;position: relative;}
	.list .f-li .f-left{ width:100%;}
	.list .f-li .f-left .profession span{margin-right:5px;}
	.profession a{margin-right: 5px;padding:0 10px;margin-left:0;display:none;}
	.profession a:nth-child(2){display:block;width:20%;display:inline-block;font-size:12px;}
	.profession a:nth-child(3){display:block;width:20%;display:inline-block;font-size:12px;}
	.layui-btn+.layui-btn{margin-left:0;}
	.list .f-li .f-left .user{font-size: 14px;color: #666666; margin:10px 0;}
	.list .f-li .f-left .profession{margin-bottom:10px;}
	.list .f-li .f-right {margin:0px 0px;position: absolute;bottom:5px;right:5px;}
	.list .f-li .f-left .description{font-size: 14px;line-height: 26px;width:65%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
	.list .f-li .f-title-left{ width: 69px;height: 29px;position: absolute;top:-18px;left:90px;}
	.other-list{max-height:200px;}
	.contenttitled{ margin-top:45px;}
	#minihead{ position:absolute}
	.contenttitled{ margin-top:45px;}
	#listitem{flex-wrap: wrap;}
	#concc{width:auto}
	#desbutonn{flex-direction: inherit;margin-left: 0 !important; margin-top:10px;}
	#pricedd{flex:1}
	.yybutton{ margin-top:0}
	.px .f-search{ width:180px; margin-right:0}
}
.f-content-c td img{max-width:100%}
/*前台课程详情样式*/
.f-nav-left{width: 100px;margin-left:20px; margin-top:20px;position: absolute;font-size: 13px;color: #333333;background-color: #fff; border-radius:6px;}
.f-nav-left li a{text-align: left;width:100px;height: 39px;line-height: 39px;display: block; padding:0 10px;}
.f-nav-left li.f-nav-dir a,.f-nav-left li a:hover{background-color: #f9f9f9;color: #333;transition:unset; font-weight:bold; }
.f-nav-left li.f-nav-back {cursor: pointer}

.f-detail-body {margin-bottom: 30px; margin-top:10px;}
.f-detail-body .f-left *{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.f-content-c ul{ margin:auto!important;}
.f-content-c ul li{/* list-style:inside !important; padding:0 0 0 30px;*/}
.f-content-c h1,.f-content-c h2,.f-content-c h3{ border-left:7px solid #AD0800; padding-left:10px; font-weight:bold;}
.detail-main{ background:#fff; border-radius:10px; padding:15px;}
.detail-main-top{ margin:-15px -15px 0 -15px; background:#fcfcfc; padding:15px;border-radius: 10px 10px 0 0;}
.f-detail-body .position a{ color:#868686!important;}
.f-detail-body .position a:hover{ color:#AD0800!important;}
.f-detail-body .position a:last-child:hover{ color:#868686!important;}
.f-detail-body .position span{ color:#868686!important; margin:0 4px}
.f-detail-body .f-left { width: 900px;margin-left: 6px;}
.f-detail-body .f-right { width: 300px;}
.f-detail-body .f-left .f-title {display: block;position: relative;}
.f-detail-body .f-left .f-title i.f-ico-left{ position: absolute;top:28px; width: 7px;height: 32px; background-color: rgba(173, 8, 0, 1);border-radius: 8px;}
.f-detail-body .f-left .f-title i.f-ico-right{ position: absolute;top:28px; right:0px;width: 7px;height: 32px; background-color: rgba(173, 8, 0, 1);border-radius: 8px;}
.f-detail-body .f-left .f-title .f-h1 { padding: 0; line-height: 42px; }
.f-detail-body .f-left .f-title .f-h1 h1{ font-weight: bold; font-size: 22px; text-align:left; margin-bottom:20px;}
.f-detail-body .f-left .f-title .f-h1 span{ margin: 0 5px 0 0;}
.f-detail-body .f-left .f-title .f-h1 span.f-username{ color: #666666; font-size:16px;}
.f-detail-body .f-left .f-title .f-h1 span.f-username img{ margin-right:10px;}
.f-detail-body .f-left .f-title .f-h1 span.f-username i{ font-weight: 400;}
.f-detail-body .f-left .f-title .f-h1 span.f-username-g {padding:3px 8px;background-color: #ffe1c2;color: #333;border-radius: 3px; font-size:12px; }
.f-detail-body .f-left .f-title .f-h1 .f-username-v{ float:right; color:#666666}
.f-detail-body .f-left .f-title .f-h1 span i.layui-icon{ font-size: 14px; margin-right: 5px;}

.f-detail-body .f-left .f-h3{ margin: 20px 0;}
.f-detail-body .f-left .f-h3 .c_edit{float:right;margin-top: -35px;}
.f-detail-body .f-left .f-h3 h3{ margin-left: 0px;color: #000000; border-bottom:1px solid #f2f2f2;font-size: 18px;padding-bottom: 3px;}


.f-detail-body .f-left .f-c-brief{color:#333333; background-color: #fff;padding: 5px 0px;font-size: 16px; display:flex;align-items:center;flex-wrap:wrap;}
.f-detail-body .f-left .f-c-brief-l,.f-detail-body .f-left .f-c-brief-r{width:85% }
.f-detail-body .f-left .f-c-brief-r{ text-align:right; width:115px;}
.f-detail-body .f-left .f-c-brief-r span{ display:block; text-align:center;}
.f-detail-body .f-left .f-c-brief-r span b{ font-size:24px;}
.f-detail-body .f-left .f-c-brief-r span:last-child{ display:inline-block}
.f-detail-body .f-left .f-c-brief p{ line-height: 30px;}

.f-detail-body .f-left .f-schedule{ color:#666666;background-color: #fff;padding: 5px 0;}
.f-detail-body .f-left .f-schedule ul{ display:block; border-radius:10px; overflow:hidden;  }
.f-detail-body .f-left .f-schedule li{ min-height: 43px;line-height:43px;min-width: 221px;padding-right:0px;cursor: text; display:flex; text-align:center;align-items: center;}
.f-detail-body .f-left .f-schedule li:nth-child(odd){background:#f9f9f9}
.f-detail-body .f-left .f-schedule li:nth-child(even){background:#fcfcfc}
.f-detail-body .f-left .f-schedule li:nth-child(1){background:#f5f5f5}
.f-detail-body .f-left .f-schedule li:hover{ border-color:#C9C9C9;}
.f-detail-body .f-left .f-schedule li span{margin-left: 3px; margin-right: 30px;color:#000; flex:1; line-height:19px;}
.f-detail-body .f-left .f-schedule li span i{ font-size: 16px;}


.f-detail-body .f-left .f-schedule li span.baomin b{ font-weight:normal;/*! padding:4px 7px; */ background-color:rgba(173, 8, 0, 1); color:#fff; border-radius:8px;cursor: pointer;font-size: 12px;display: block;width: 60px;height: 26px;line-height: 26px; margin:0 auto}


.f-detail-body .f-left .f-schedule li span.baomin b:hover{background:#cc3333;}

.f-detail-body .f-left .f-d-profession{ background-color: #fff;padding: 28px 20px;}
.f-detail-body .f-left .f-d-profession a{ margin:0 10px; }
.sydx a{ background:none;}
.f-detail-body .f-left .f-content{ background-color: #fff;overflow: hidden; }
.f-detail-body .f-left .f-content .f-h3{ margin:10px 0;}
.f-detail-body .f-left .f-content .f-h3 i{ height: 8px;width:8px;top:9px;border-radius: 8px;}

.f-detail-body .f-left .f-d-sign{margin-top: 15px;}
.f-detail-body .f-left .f-d-sign .f-h3  { margin:13px 0;margin-bottom: 30px;}
.f-detail-body .f-left .f-d-sign .f-h3 h3{font-size: 24px;}
.f-detail-body .f-left .f-d-sign .f-h3 i{border-radius: 0px;top:12px;}
.f-detail-body .f-left .f-d-sign hr{width: 600px;}
.f-detail-body .f-left .f-content .f-content-c figure{ margin:0}
.f-detail-body .f-left .f-content .f-content-c .image{ text-align:center}
.f-detail-body .f-left .f-content .f-content-c th{ border:1px solid #e2e2e2; padding:10px; background:#f2f2f2}
.f-detail-body .f-left .f-content .f-content-c td{ border:1px solid #e2e2e2; padding:10px;}
.f-detail-body .f-left .f-schedule li span.guoqi b,.f-detail-body .f-left .f-schedule li span.guoqi b:hover{ background:#e2e2e2; color:#333}
.detail-main .position{ height: 20px; line-height: 20px;font-size: 14px;margin-bottom: 20px;}

.f-detail-body .f-right{ }
.f-detail-body .f-right .contentgg{ margin:0px !important;}
.f-detail-body .f-d-user{ margin: 0 auto;text-align: center;background-color: #ffffff;padding: 35px 0px;  }
.f-detail-body .f-d-user .avatar{ width: 90px;height: 90px; }
.f-detail-body .f-d-user img.f-v{ width: 22px;height: 22px; left: -30px;bottom: -35px;}
.f-detail-body .f-d-user p.f-user-1{ margin: 10px 0;font-weight: 700;font-size: 16px;color: #333333; }
.f-detail-body .f-d-user p.f-user-2{ }
.f-detail-body .f-d-user p.f-user-2 i{padding:3px 8px;background-color: #ffe1c2;color: #333;border-radius: 3px; }
.f-detail-body .f-d-user p.f-user-2 i img{ width: 22px;height:22px;float: left;position: absolute;left: -3px;top:-1px; display:none;}

.f-detail-body .f-right .f-d-user .f-user-buttom  {   }
.f-detail-body .f-right .f-d-user .f-user-buttom span .layui-btn{ width:124px;height: 34px;line-height:34px;overflow:hidden;margin: 25px 10px;margin-bottom:0;color:#FFFFFF;background-color: rgba(173, 8, 0, 1);border-color: rgba(173, 8, 0, 1);border-width: 0; }
.f-detail-body .f-right .f-d-user .f-user-buttom span .layui-btn:hover{border-radius: 150px;box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.349019607843137);font-weight: bold;}
.detail-main2{ margin-top:20px;}
.f-detail-body .f-left  .detail-main2 .f-h3{ margin:0; margin-bottom:10px;}
.detail-main2  .xgkc,.tonglei .xgkc{ margin-top:15px;}
.detail-main2  .xgkc ul,.tonglei .xgkc ul{ display:flex;flex-wrap:wrap}
.detail-main2  .xgkc ul li,.tonglei .xgkc ul li{width:50%; line-height:32px;overflow: hidden;height: 32px;text-overflow: ellipsis;white-space: nowrap; padding:0 15px;}
.position span[lay-separator]{ margin:0 0 0 4px}

.tonglei .xgkc{ margin-top:10px;}
.tonglei dl{border-bottom: 1px solid #f2f2f2; padding-bottom:15px;}
.tonglei dl dt{   font-size: 15px;  font-weight: 700;  line-height: 26px;  margin-top: 10px;}
.tonglei dl dd{ line-height:26px;overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;}
.gotop{position:fixed;margin-left:20px;bottom: 90px; width:50px; height:50px;border-radius:8px; background:#fff;padding:5px;font-size:12px;display: flex;
  align-items: center; display:none}
.gotop i{  width: 0;
  height: 0;
  display: block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid black;
  margin: 0 auto; margin-bottom:5px;}
.gotop:hover a{color:#AD0800}
.gotop:hover a i{border-bottom-color:#AD0800}
.wap_gk_cate{ display:none !important;}
.pc_gk_cate{ display:inline-block !important;}
@media screen and (max-width:1024px){
    .layui-form-item:nth-child(2) .f-options ul{padding-top:15px;}
    .layui-form-item:nth-child(2) .f-options ul li{line-height:28px;}
	.position{ padding:0}
	.list .f-li{  height:auto;margin:30px 0;margin-bottom:20px; background-color: #ffffff;padding: 22px 10px; padding-bottom:60px;/*overflow: hidden;*/}
	.f-detail-body .f-left { width:100%;margin-left:0px;}
	.f-detail-body .f-right{ display: none;}
	.f-detail-body .f-left .f-schedule{padding: 20px 0px;}
	.f-detail-body .f-left .f-schedule li{min-width:auto;}
	.f-detail-body .f-left .f-schedule li span{margin-left:0px; margin-right:0px;color:#666666;}
	.f-detail-body .f-left .f-schedule li span:nth-child(2),.f-detail-body .f-left .f-schedule li span:nth-child(3){ display:none;}
	.f-detail-body .f-left .f-d-sign hr{width:100%;}
	.f-detail-body .f-left .f-content{ padding: 5px 10px;margin-top: 20px;overflow: hidden; }
	.f-detail-body .f-left .f-title .f-h1 h1{ font-weight: bold; font-size: 16px;padding:0px; line-height:28px;}
	.f-detail-body .f-left .f-c-brief-l{ width:65%}
	.detail-main2 .xgkc ul li{width:100%}
	.detail-main{ border-radius:0}
	.f-detail-body .f-left .f-schedule li{ flex-wrap:wrap}
	.f-detail-body .f-left .f-schedule li span{flex:auto}
	.f-detail-body .f-left .f-schedule li span:nth-child(1){width:25%}
	.f-detail-body .f-left .f-schedule li span:nth-child(4){width:38%}
	.f-detail-body .f-left .f-schedule li span:nth-child(5){width:16%}
	.f-detail-body .f-left .f-schedule li span:nth-child(6){width:20%}
	.djzk{ border-radius:0}
	section.f-header .swiper-wrapper{justify-content: center;}
	section.f-header .f-nav ul li  a{font-size:15px;}
	section.f-header .f-nav .f-active a{border-bottom: 2px solid #ad0800;}
	section.f-header .f-nav ul li{margin:0 15px;}
	.bottom-float{ background:#fff;width: 100%;line-height: 52px; position: fixed;bottom: 0;   z-index: 999;padding:
10px;    box-sizing: border-box;  border-top:1px solid rgba(242, 242, 242, 1); }
	.bottom-float p{    color: #fff;  text-align: center;  background:rgb(215, 11, 0);  font-size: 16px;  border-radius:10px; margin:0; padding:0}
	footer.f-footer{ position:relative; margin-bottom:60px;}
		.wap_gk_cate{ display:inline-block !important;}
    .pc_gk_cate{ display:none !important;}
}