::-webkit-scrollbar
{
    width: 0px;
    height: 0px;
    background-color: #F5F5F5;
}
.header_height{
	
}

/*--------------------------左抽屉式导航--------------------------*/
.return_but{ color: #fff; float: right; font-size: .32rem; padding-right: .30rem;  }

.offcanvas_box_left{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 30;
	display: none;
	overflow-y: scroll;
}
.offcanvas_bg_left{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.27);
	z-index: 30;
}
.offcanvas_wrapper_left{
	position: absolute;
	width: 0;
	height: 92%;
	left: 0;
	background: #f2f2f2;
	z-index: 32;
	  overflow-y: scroll;
}
/*--------------------------头像--------------------------*/
.head_picture{
	width: 100%;
	height: 2.83rem;
	background: #118ffe;
	padding-top: 0.55rem;
	position: relative;
}
.advatar{
	width: 1.32rem;
	height: 1.32rem;
	border-style: solid;
	border-width: 0.04rem;
	border-color: rgba(255,255,255,0.27);
	-webkit-border-radius: 100%;
	border-radius:100%;
	margin: 0 0.32rem 0 0.38rem;
	float: left;
	position: relative;
}
.advatar img{
	width: 1.32rem;
	height: 1.32rem;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.head_name{
	float: left;
}
.head_name h3{
	font-size: 0.36rem;
	color: #fff;
	/*line-height: 0.78rem;*/
	padding: 0.16rem 0 0.16rem 0;
	font-weight: 600;
}
.head_name p{
	width: 1.58rem;
	height: 0.68rem;
	background: url(/data/static/images/webapp/member/sign.png) no-repeat;
	background-size: 1.58rem 0.68rem;
	font-size: 0.28rem;
	color: #6f4517;
	line-height: 0.7rem;
	text-align: center;
}
.personal_data{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.16rem;
	/*background: rgba(255,255,255,0.15);*/
}
.personal_data li{
	width: 2.10rem;
	text-align: center;
	float: left;
	background: url(/data/static/images/webapp/member/border.png) no-repeat right 0.25rem;
	background-size: 0.01rem 0.44rem;
}
.personal_data li:nth-child(3){
	background: none;
}
.personal_data li h4{
	font-size: 0.24rem;
	color: #fff;
	padding: 0.1rem 0 0.1rem 0;
	font-weight: 600;
}
.personal_data li p{
	font-size: 0.24rem;
	color: #fff;
}
.personal_data li p span{
	font-size: 0.28rem;
	color: #fff;
}



/*--------------------------个人信息列表--------------------------*/
.infor_list{
	width: 100%;
	padding-top: 0.25rem;
	/*height: 5.04rem;
	overflow-y: scroll;*/
}
.infor_list li{
	
	 padding-left:.4rem;
	 background: #fff;
}

.infor_list li .list_a{
	 height: .84rem; line-height: .84rem; display: block; background:#fff;font-size: 0.32rem; }

/*.arrow{ width: .15rem; height: .25rem; background: url(/data/static/images/webapp/member/settings_icon.png) no-repeat 0 center;	
	background-size: 0.15rem 0.25rem; display: inline-block; float: right; margin-right:2.90rem; margin-top: .30rem; }*/
.infor_list li .arrow_down{ width: .25rem; height: .16rem; background: url(/data/static/images/webapp/member/arrow_down.png) no-repeat 0 center;	
	background-size: 0.25rem 0.16rem; display: inline-block; float: right; margin-right:2.90rem; margin-top: .30rem; }
.infor_list li a{
	display: block;
	padding-left: 0.61rem;
	font-size: 0.32rem;
	color: #666;
}
.infor_list li .sub_list { display: none; }
.infor_list li .sub_list a{ line-height: .74rem; margin-left: .74rem; }




/*--------------------------右抽屉式导航--------------------------*/
.offcanvas_box_right{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 30;
	display: none;
}
.offcanvas_bg_right{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.27);
	z-index: 30;
}
.offcanvas_wrapper_right{
	position: absolute;
	width: 0;
	height: 100%;
	right: 0;
	background: #1188fe;
	z-index: 32;
}
.offcanvas_wrapper_right h3{
	font-size: 0.36rem;
	color: #fff;
	text-align: center;
	padding: 0.3rem 0 0.74rem 0;
	letter-spacing: 0.02rem;
}
.offcanvas_wrapper_right ul{
	
}
.offcanvas_wrapper_right ul li{
	float: left;
	padding: 0 0.38rem;
} 
.offcanvas_wrapper_right ul li div{
	width: 1.10rem;
	height: 1.10rem;
	-webkit-border-radius: 0.16rem;
	border-radius: 0.16rem;
	border: 1px solid #fff;
}
.offcanvas_wrapper_right ul li P{
	padding: 0.2rem 0 0.5rem 0;
	text-align: center;
	font-size: 0.28rem;
	color: #fff;
}
.offcanvas_wrapper_right ul li:nth-child(1) a div{
	background: url(/data/static/images/webapp/member/offcanvas_right1.png) no-repeat center center;
	background-size: 0.5rem 0.5rem;
	background-color: #1188fe;
}
.offcanvas_wrapper_right ul li:nth-child(1) a div.cur{
	background: url(/data/static/images/webapp/member/offcanvas_right2.png) no-repeat center center;
	background-size: 0.5rem 0.5rem;
	background-color: #fff;
}
.offcanvas_wrapper_right ul li:nth-child(2) a div{
	background: url(/data/static/images/webapp/member/offcanvas_right3.png) no-repeat center center;
	background-size: 0.43rem 0.43rem;
	background-color: #1188fe;
}
.offcanvas_wrapper_right ul li:nth-child(2) a div.cur{
	background: url(/data/static/images/webapp/member/offcanvas_right4.png) no-repeat center center;
	background-size: 0.43rem 0.43rem;
	background-color: #fff;
}
.offcanvas_wrapper_right ul li:nth-child(3) div{
	background: url(/data/static/images/webapp/member/offcanvas_right5.png) no-repeat center center;
	background-size: 0.46rem 0.46rem;
	background-color: #1188fe;
}
.offcanvas_wrapper_right ul li:nth-child(3) a div.cur{
	background: url(/data/static/images/webapp/member/offcanvas_right6.png) no-repeat center center;
	background-size: 0.46rem 0.46rem;
	background-color: #fff;
}
.offcanvas_wrapper_right ul li:nth-child(4) div{
	background: url(/data/static/images/webapp/member/offcanvas_right7.png) no-repeat center center;
	background-size: 0.5rem 0.46rem;
	background-color: #1188fe;
}
.offcanvas_wrapper_right ul li:nth-child(4) a div.cur{
	background: url(/data/static/images/webapp/member/offcanvas_right8.png) no-repeat center center;
	background-size: 0.5rem 0.46rem;
	background-color: #fff;
}
.offcanvas_wrapper_right ul li:nth-child(5) div{
	background: url(/data/static/images/webapp/member/offcanvas_right9.png) no-repeat center center;
	background-size: 0.54rem 0.55rem;
	background-color: #1188fe;
}
.offcanvas_wrapper_right ul li:nth-child(5) a div.cur{
	background: url(/data/static/images/webapp/member/offcanvas_right10.png) no-repeat center center;
	background-size: 0.54rem 0.55rem;
	background-color: #fff;
}
.offcanvas_wrapper_right ul li:nth-child(6) div{
	background: url(/data/static/images/webapp/member/offcanvas_right11.png) no-repeat center center;
	background-size: 0.49rem 0.48rem;
	background-color: #1188fe;
}
.offcanvas_wrapper_right ul li:nth-child(6) a div.cur{
	background: url(/data/static/images/webapp/member/offcanvas_right12.png) no-repeat center center;
	background-size: 0.49rem 0.48rem;
	background-color: #fff;
}
.offcanvas_wrapper_right ul li:nth-child(7) div{
	background: url(/data/static/images/webapp/member/offcanvas_right15.png) no-repeat center center;
	background-size: 0.50rem 0.46rem;
	background-color: #1188fe;
}
.offcanvas_wrapper_right ul li:nth-child(6) a div.cur{
	background: url(/data/static/images/webapp/member/offcanvas_right12.png) no-repeat center center;
	background-size: 0.49rem 0.48rem;
	background-color: #fff;
}

/*--------------------------头部--------------------------*/
/*小头像*/
.avatar_small{
	position: absolute;
	left: 0.3rem;
	top: 0.16rem;
	width: 0.87rem;
	height: 0.54rem;
	border:none;
	z-index: 20;
}
.avatar_small img{
	width: 0.54rem;
	height: 0.54rem;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	display: inline-block;
	float: left;
}
.avatar_small .grade{ font-size: .22rem; color: #ff9900; float: left; margin-top: .30rem; }
.advatar .grade_icon{ width: 1.30rem; height: .46rem; line-height: .36rem; text-align: center; display: block;    background: url(/data/static/images/webapp/index/m_grade_icon.png) no-repeat 0 0; background-size: 1.30rem .46rem; font-size: .24rem; color: #fff; position: absolute; top:1.0rem; left:0; }
.head_name { position: relative; width: 2.40rem; overflow: hidden; }
.head_name .integral{ width: 2.38rem; height: .52rem; line-height: .52rem; display: block; background: #ffe772; font-size: .24rem; color: #5e321e; text-align: center; border-radius:20px; border:1px solid #51aeff; position: absolute; bottom:-.60rem; left: 0; }
.head_name .integral span{ color: #fc6d69; }
/*搜索*/
.search_box_height{
	height: 0.88rem;
}
.search_box{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 0.88rem;
	background: rgba(33,33,33,0.9);
	/*background: rgba(255,255,255,0);*/
	
	z-index: 20;
}
.search{
	width: 5.18rem;
	height: 0.6rem;
	background: rgba(255,255,255,0.14);
	position: absolute;
	left: 1.24rem;
	top: 0.14rem;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
}
/*.search #search_btn{
	position: absolute;
	left: 0;
	top: 0;
	width: 0.7rem;
	height: 0.6rem;
	border: none;
	outline: none;
	background: transparent;
	background: url(/data/static/images/webapp/index/search_icon2.png) no-repeat 0.16rem 0.16rem;
	background-size: 0.3rem 0.3rem;
	background-color: #fff;
	-webkit-appearance:none;
}*/
.search #search_val{
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 0.7rem;
	width: 5.18rem;
	height: 0.6rem;
	border: none;
	outline: none;
	background: transparent;
	background: url(/data/static/images/webapp/index/search_icon2.png) no-repeat 0.16rem 0.16rem;
	background-size: 0.3rem 0.3rem;
	background-color: #fff;
	color: #999;
	font-size: 0.28rem;
	-webkit-appearance:none;
	-webkit-border-radius: none;
	border-radius: none;
}
::-webkit-input-placeholder{
	color: #999;
}
/*消息*/
.message{
	position: absolute;
	right: 0.3rem;
	top: 0.28rem;
	width: 0.41rem;
	height: 0.34rem;
	z-index: 20;
}
.message img{
	width: 0.41rem;
	height: 0.34rem;
	display: block;
}



.toast p{
	color: #fff;
	font-size: 0.34rem;
	line-height: 1.08rem;
}

.toast img {
    display: block;
    width: 0.61rem;
    height: 0.61rem;
    margin: 0.34rem auto 0;
}



/********** 公用弹框背景 ****/
.main_bg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 30;display: none;}
.main_opacity{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.80);z-index: 30;}

/****** 不同状态弹框样式 ***/
.main_bg .popup_but a{ padding: 0 .50rem;  height: .60rem; text-indent: 0; width: auto; float:inherit; line-height: .60rem; color: #fff; text-align: center; display:inline-block; font-size: .30rem; background:#ff842e; border-radius: 15px; margin:0 13px; transition: all .2s   }
.main_bg .popup_but a:hover{ opacity: .8; }
.main_bg .title .close_but:hover{ color: #ff842e; }
.main_bg .popup_but { margin:0 auto; text-align: center; position: relative; }
.exchange_popup,.no_exchange_popup,.success_popup,.mobile_popup{ width:6.78rem; height: 4.30rem; background: #fff; position: absolute; top:50%; left: 50%; margin:-2.15rem 0 0 -3.36rem; display: none; z-index: 31; }
.exchange_popup .p,.no_exchange_popup .p,.success_popup .p,.mobile_popup .p{ font-size: .30rem; color: #333; padding: 1.03rem 0 .60rem 0; text-align: center; }
.exchange_popup .course_name{ color: #ff842e;  }
.exchange_popup .title,.no_exchange_popup .title,.success_popup .title,.mobile_popup .title{ height: 36px; line-height: 36px; color: #fff; font-size: 18px; padding: 0 20px; background:#3575ca; }
.exchange_popup .close_but,.no_exchange_popup .close_but,.success_popup .close_but,.mobile_popup .close_but{ color: #fff; }
.success_popup .p i{ width: 25px; height: 30px; background: url(/data/static/images/zt/exchange_success_icon.png) no-repeat 0 0;  display: inline-block; vertical-align: -5px; margin-right: 10px; }
#bd_mobile,#bd_code{ width:4.50rem; height: .60rem; line-height: .60rem; padding-left:.20rem; border: 1px solid #ccc; display: block; margin:0 auto 0; }
#bd_code{ width:2.6rem; }
.getcoding{ width:1.80rem; height: .60rem; line-height: .60rem; border: 1px solid #ccc; background:none; cursor:pointer ;}