﻿.sResults{ font-size:0.8rem; text-align: center; margin-top:5rem;}

.search_re_area{ height:1.76rem; line-height: 1.76rem; background:#fbf7fe; font-size: 0.48rem; color:#888; padding-left: 0.2rem;}
.search_re_area b{ color:#46166b;}

.ghostTab{ height:1.76rem;  border-bottom: 1px #e6e6e6 solid; z-index: 999;}
.ghostTab-head{ width: 100%; position:fixed;background:#fff;  top:1.7rem; z-index:999; box-shadow:0 1px 10px rgba(0,0,0,.08);}
.ghostTab-header{ width: 100%; position:fixed;background:#fff;  top:1.7rem; z-index:999;}
.ghostTab-tab{float:left; margin: 0 auto;  line-height: 1.76rem; display: inline-block; text-align: center;}

.ghostTab-tab a { display:inline-block;  font-size: 0.6rem; color:#444; text-decoration:none; margin: 0 10px;text-align: center;}
.ghostTab-tab .ghostTab-cur{ color:#46166b; border-bottom:2px #46166b solid; }
.ghostTab-con { display:none; background:#fff;}
.ghostTab-body{ margin-top:3.2rem; overflow-y:hidden;}


.s_r_cont{ 
   height:100%;
	background:#fff; 
	padding:0.4rem 0.2rem;


    }

.s_r_cont >div{ 

width:6.6rem;
	height: auto;

	margin-right: 0.86rem;


}

.s_r_cont >div:nth-child(2){
	margin:0;
	
}



.s_r_cont{ clear:both; padding-left: 0.2rem; }
.s_r_cont h2{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;  font-size:0.56rem; color:#444; }
.s_r_cont h6{color:#999; font-size:0.44rem; font-weight: normal;}




.sort_filter_area{ height:1.76rem; border:1px #e6e6e6 solid;background:#fbf7fe; border-width:1px 0;}
.sort_filter_bar{ text-align: center; line-height: 1.76rem;   }
.sort_filter_bar li{float: left; display: inline-block;width:25%; font-size:0.6rem; text-align: center;}
.fliter_ico1,.fliter_ico2{ margin-left: 0.2rem;}

.fliter_ico1{ display:inline-block; width:0.24rem;  height:0.34rem; background:url(../images/sortingArr1.png) no-repeat; background-size:cover;}
.fliter_ico2{ display:inline-block; width:0.24rem;  height:0.34rem; background:url(../images/sortingArr2.png) no-repeat; background-size:cover;}
.fliter_ico3 { display:inline-block; width:13px; height:13px; background:url(../images/filterIco1.png) 0 0 no-repeat; background-size:contain; vertical-align:middle; margin-left:5px;}

.lookup_filter_ico { display:inline-block; width:13px; height:13px; background:url(../images/filterIco1.png) 0 0 no-repeat; background-size:contain; vertical-align:middle; margin-left:5px;}
.lookup_sortBtn_cur,
.lookup_filterBtn_cur {color:#46166b;}
.lookup_sortBtn_cur .lookup_sort_arr { border-top-color:#46166b; }
.lookup_filterBtn_cur .fliter_ico3 {background-image:url(../images/filterIco2.png);}
.lookup_filter {background:#fff;}
.lookup_sort,
.lookup_filter { display:none; margin-top:1.72rem;}

.lookup_sort_li { position:relative; margin:0 15px; line-height:44px; border-bottom:1px #eee solid; font-size:0.68rem; color:#898989;}
.lookup_sourt_tick { display:none; position:absolute; top:14px; right:0; width:15px; height:15px; background:url(../images/tick.png) 0 0 no-repeat; background-size:contain;}
.lookup_sort_cur { color:#46166b;}
.lookup_sort_cur .lookup_sourt_tick { display:block;}

.lookup_filter_li { position:relative; padding:0.2rem 0.4rem;}
.lookup_filter_tit { display:block; font-size:0.68rem; color:#aa9eb4;}
.lookup_filter_link { display:inline-block; margin:0.4rem 0.2rem; padding:0 1rem; border:1px #aa9eb4 solid; border-radius:13px; line-height:26px; font-size:0.68rem; color:#999;}
.lookup_filter_cur { background:#46166b; border:1px #46166b solid; color:#fff;}
.filter_btn_bar{ clear:both; padding:0.4rem 0; margin-top: 0.2rem; border-top:1px #fbf7fe solid;}
.filter_btn_bar a{ text-align:center; font-size:0.68rem; font-weight: 600;}
.slotbtn{ color: #999;}
.slotbtn:active{ color:#46166b;}
.sb_sec{ color:#46166b;}


.detail_ban{ height:6.4rem; position: fixed; top:1.6rem; left: 0; z-index: 9;}
.detail_ban img{ width:100%; height: 100%; background-size:cover;}


.ghostTab-detail-header{ top:8rem; border-bottom: 1px #e6e6e6 solid;}

.ghostTab-detail-body{ margin-top:8rem;}

.detailsTit_area{  background:#fff;}

.detailsTit_cont{ text-align: center; padding:0.9rem 0.2rem;}
.detailTt{ font-size:0.68rem; color: #46166b; font-weight: 600; }

.detailT_content{ padding-top: 0.4rem;}
.detailT_content b{ display:block; width:100%; font-size: 0.68rem;}
.detailT_content span{ display: block; font-size: 0.56rem; color:#46166b; font-weight: 500;  margin: 0.2rem 0; }
.dt_detail_area{background:#fff; border-top:1px #e6e6e6 solid; border-bottom: 1px #f7f7f7 solid; padding: 0.3rem; }
.dt_detail_area > div{text-align:center;}
.dt_detail_area ul li a{font-size:0.58rem;}
.dt_bl{ border-left:1px #e6e6e6 solid;}
.dt_br{ border-right:1px #e6e6e6 solid;}
.dt_date{color:#46166b; font-size: 0.68rem; font-weight:600; }

.dt_introduction_area{ padding:0.2rem 0.5rem 2rem; clear:both;}
.dtTit{ height:1.76rem; padding:0.5rem 0; border-bottom: 1px #e6e6e6 solid; margin-bottom:0.6rem; }

.dtTit h2{font-size: 0.68rem; color:#46166b; border-left:2px #46166b solid; padding-left: 0.5rem; font-weight: 600; }
.dt_txt_cont{ line-height:1rem; font-size: 0.6rem; color: #444;}
.purchasing_area{ height:1.76rem; line-height: 1.76rem; text-align: center; }
.purchasingBtn1,.purchasingBtn2{font-size:0.68rem;  font-weight: 600;}
.purchasingBtn1{background:#f7f7f7; color:#46166b; }
.purchasingBtn2{background:#f89240; color:#fff;}
.purchasingBtn3{background:#f89240; color:#fff; }
.tab_p{padding:0; }


.course_sys_area{padding:0.4rem;}

.course_sys_tit{ height:1.76rem; line-height: 1.76rem;}
.course_sys_tit h2{font-size: 0.68rem; color:#46166b; font-weight: 600;}
.course_sys_tit .chapter_ico{float:left; display: block; width:0.8rem; height: 0.8rem; background-image: url(../images/chapter.png); background-size:cover; margin-top: 0.5rem; margin-right: 0.2rem;}

.course_sys_list li{ padding-left:1rem; line-height: 1.76rem;}
.course_sys_list li a{font-size:0.6rem; color:#444;}
.course_sys_list li i{ display: block;width:0.4rem; height:0.4rem; border:0.08rem #b3b3b3 solid; background:#fff; border-radius:50%; float: left; margin-top: 0.68rem; margin-right: 0.2rem;}
.course_sys_list li b{font-weight:500; margin-right: 0.2rem;}

.teacher_intro_area{ padding:0.2rem;}
.portrait_area{padding:0.4rem 0;}
.portrait_in{ display:block;width: 3.34rem; height:3.34rem; margin: 0 auto; padding:0.22rem; border:1px #46166b solid; background:#fff; border-radius: 50%; margin: 0 auto; margin-bottom: 0.2rem;}
.portrait_in img{width:100%; height: 100%; background-size:cover; border-radius: 50%;}

.teacher_nm{ text-align:center; font-size: 0.68rem; color:#392d2d; font-weight: 600;}
.t_zc{ text-align:center; font-size: 0.5rem; color:#666; }

.teacher_intro_area p{ padding:0.4rem; font-size: 0.6rem; color:#444;}


.member_ban{ height:5.16rem;}
.member_ban img{ width:100%;  height: 100%; background-size:cover;}

.member_cont_area{ padding:2rem 0.2rem;}
.memberTit,.k_p,.priceM{ text-align: center; font-size:0.8rem; }
.memberTit{  color:#444; padding: 0.4rem 0; font-weight: 600;}
.k_p{ display:inherit; font-size:0.8rem; color: #c5c5c5;  text-decoration: line-through; font-style:normal;}
.k_p2{  font-size:0.8rem; color: #c5c5c5;  text-decoration: line-through; font-style:normal; margin-right: 0.2rem;}
.priceM{ display: inherit; color: red;}
.pT{ color:#4f2273; font-weight:600; padding:0.6rem 0;}

.memT-bar{ width:10rem; margin: 0 auto;}
.em-ev-date{ font-size:0.6rem; text-align: center; }

.applicationBtn{display:block;  width: 13.8rem;  height: 1.76rem; line-height: 1.76rem; background:#f89240; border-radius:0.2rem; font-size: 0.8rem; text-align: center; color:#fff; margin: 0 auto; -moz-box-shadow:0px 0px 5px #fea55e; -webkit-box-shadow:0px 0px 5px #fea55e; box-shadow:0px 0px 5px #fea55e;}

.member_h{ padding:0.8rem 0;  font-size: 0.8rem; color: #c5c5c5;  }
.member_h span{ text-align:center; display: inherit; margin-bottom: 0.2rem;}
.mem-ev-t{ padding:0;}
.mem-ev-btn{ margin-top:0.4rem;}


.mem_introduce_area{  height:4.32rem; background-image: url(../images/memberBg.png); background-size:cover;}
.mem_in_bar{ padding-left: 0.2rem;}
.mem_inner{  padding: 0.5rem 0.8rem;}
.mem_inner li{ float:left;}
.m_avatar{ display:block; width:2.4rem; height:2.4rem; background-image:url(../images/port_male.png); background-size:cover;}
.m_summary{ padding-top:0.3rem; padding-left: 0.4rem;}
.m_summary b{ display: inherit; font-size: 0.68rem; color:#fff;}
.m_summary span{ color:#be6b54;  font-size:0.4rem;}
.mem_in_bar{ width: 13.8rem; height: 2.4rem;  background:#fbf7fe; margin: 0 auto; border-radius: 3px; position: absolute; top: 3.4rem; left:0.6rem; padding: 0.4rem;}
.mem_in_bar > div{ float: left; line-height:1rem; font-size: 0.56rem; color: #444; position: relative; text-align: center; }
.mem_in_bar > div i{display:block;  width: 1rem; height: 1rem; float: left;  margin-bottom: 0.2rem; margin-right: 0.2rem;}
.mem_in_bar > div i img{ width:100%; height: 100%; background-size:cover;}
.mem_in_bar > div:nth-of-type(1){ padding:0.4rem 0.6rem 0 0.24rem;}
.mem_in_bar > div:nth-of-type(2){ padding:0.4rem 0.8rem 0;}
.mem_in_bar > div:nth-of-type(3){ padding:0.4rem 0.5rem  0 0.7rem;}
.mine_cont_area{ padding:2rem 0.8rem 1rem;}
.mineList li{  line-height:1.76rem; border-bottom: 1px #e5e5e5 solid; font-size: 0.56rem;}
.applyTxt{ float:right; color:#f89240;}
.mem_arr{ float: right; font-size:0.68rem;}


/**
 * Mine
 * ----------------------------------------------------------------------------
 */

.mineMode .mod_tit { line-height: 44px;}

/* mine head */
.mine_head { background:#24252b; margin-bottom: 9px;}

.mine_info { padding:20px 30px;}
.mine_port { float:left; margin-right: 15px;}
.mine_port,
.mine_port img { border-radius:50%;  width: 60px; height: 60px;}
.mine_portMale { background-image:url(../images/port_male.png);}
.mine_portFemale { background-image:url(../images/port_female.png);}
.mine_username { line-height: 60px; font-size: 17px; color: #fff;}

.mine_stat { padding-bottom:14px;}
.mine_stat_li { float:left; width: 33.3%;}
.mine_statWrap {  text-align: center; line-height: 16px;}
.mine_stat_tit { font-size:12px; color: #999;}
.mine_stat_num { font-size:15px; color: #fff;}
.mine_stat_li:first-child .mine_statWrap { border-right: 1px #555 solid;}
.mine_stat_li:last-child .mine_statWrap { border-left:1px #555 solid; }
.proCourses_area{padding:0.4rem 0.6rem;}

/* mine list */
.mine_li { border-bottom: 1px #eee solid;}
.mine_li:last-child { border-bottom:none;}
.mineWrap { padding:0.4rem 0;}
.mineWrap2{padding:0;}

.mine_name { line-height:0.8rem; font-size: 0.48rem; color: #392d2d;}
.mine_name2{padding-top:0.3rem;}

.mine_body { position:relative; margin: 0.3rem 0; padding-left:3.6rem;}

.mine_thumb,
.mine_mask { position:absolute; top: 0; left: 0;}
.mine_mask,
.mine_img { width:4rem; height: 2.3rem;}
.mine_thumb { z-index: 1; overflow: hidden;}
.mine_img img { width:100%; height: 100%; background-size: cover;}
.mine_mask { z-index: 2; background: #000; opacity: .6; filter:alpha(opacity=60);}

.mine_pro { position:absolute; right: 5px; bottom: 6px; left: 6px; z-index: 3;}
.mine_per { line-height: 21px; font-size: 10px; color: #fff;}
.mine_proBar,
.mine_proDone { height:5px; border-radius: 3px;}
.mine_proBar { position:relative; background: rgba(255,255,255,.6);}
.mine_proDone { position: absolute; left: 0; top: 0; z-index: 1; background:#f99f5c;}

.mine_conLi { float:left; padding:0.4rem; text-align: center; vertical-align: middle;}
/*.mine_conLi:first-child .mine_txtWrap { border-right:1px #eee solid;}*/
.mine_conLi:last-child .mine_txtWrap { border-left:1px #eee solid;}
.order_conLi {  padding:0.1rem 0;}
.mine_txtWrap {height:1.4rem;}
.order_txtWrap {height:2rem;}
.mine_txt { display: inline-block; vertical-align: middle; margin-left:1rem; position: relative;}
.orderTxt{  margin-left:0.2rem; padding-left: 0.2rem;}

.mine_txtTit { line-height: 0.32rem; font-size: 0.48rem; color: #777;}
.mine_txtNum { line-height:0.8rem; font-size: 0.48rem; color: #46166b;}
.mine_prNum{line-height:0.8rem; font-size: 0.58rem; color: red; position: absolute; left: 0;}
.mine_link { font-size:0.5rem; color: #f99f5c;  line-height: 1.3rem;}
.mine_status { line-height: 27px; font-size: 12px; color: #afafaf;}

.mod_bot_more {  line-height: 44px; border-top: 1px #e6e6e6 solid; text-align: center;}
.mod_bot_more a { font-size: 12px; color: #999;}
.order_st{ line-height:1.4rem; font-size:0.5rem;}
.myOrder_area > div{ padding:0 0.3rem; }
.mine_del { position:absolute; top:0.5rem; right:0; display: inline-block; width:0.9rem; height:0.9rem; background-image: url(../images/del.png); background-size: cover;}
.hollowBtn { display: inline-block; padding: 0 10px; border-radius: 3px; border: 1px #f89240 solid; line-height: 21px; font-size: 12px; color: #f89240;}
.orderWrap{ position: relative;}

.p_statistics{ color:#666; }
.p_statistics b{ color:red; font-size:0.68rem; margin-left:0.2rem;}
.confirmOrder_area{ display: inline-table;}
.confirmOrder_list{display:block background:#fff; padding:0.5rem 0.4rem; height: 100%;;}
.confirmOrder_list li{ float: left;}
.coTxt_row {padding-left:0.4rem; padding-bottom: 0.2rem;}
.coTxt_row i,.coTxt_row span{ display:inherit; font-size: 0.48rem;}
.coTxt_row i{ font-style:normal; color:#999; margin-bottom:0.1rem;}
.coTxt_row h3{font-size:0.52rem; color: #444; font-weight: 600;}




