/*重置*/
*{
	margin: 0;
	padding: 0;
}
html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 16px;
	width: 100%;
/*	height: 100%;*/
}
body{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	font-family: -apple-system-font,Helvetica Neue,sans-serif,"微软雅黑";
	background-attachment: fixed;
	font-size: 16px;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	
}
input{
	appearance: button;
	-moz-appearance: button;
	-webkit-appearance: button;
};
a{
	color: #858585;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #f10707;
}
p,h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
}
hr{
	border: .3rem solid #f5f5f5;
}
li{
	list-style: none;
}
dl,dt,dd,ul,li{
	margin: 0;
	padding: 0;
	
}
.row {
	overflow: hidden;
}
.js_w96{
	width: 96%!important;
}
.js_w20{
	width: 20%!important;
}
.ft_nowrap{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ft_nowrap2{
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.foot_nav>a{
	color: #858585;
}
.ratio_img{
	width: 100%;
	height: 0;
	padding-bottom: 66.6%;
	overflow: hidden;
}
.ratio_imgbanner{
	width: 100%;
	height: 0;
	padding-bottom: 40%;
	overflow: hidden;
}
/*--------------------------------------------------------------------------------------------*/

/*------首页-搜索框------*/
.index_search input{
	border-radius: 3rem;
    height: 2.2rem;
    background: #fff;
    box-shadow: 0px 0px 0px #fff;
    border: 1px solid #e1e1e1;
    font-size: .8rem;
}

/*------首页-banner图------*/
.banner{
	border-radius: .4rem;
	overflow: hidden;
}

/*------首页-底部------*/
.foot {
	width: 100%;
	min-height: 48px;
	position: fixed;
	bottom: 0;
	background: #fff;
	border-top: 1px solid #eee;
	z-index: 999;
	left: 0;
	max-width: 640px;
	min-width: 320px;
}
.foot_nav {
	font-size: .8rem;
	text-align: center;
}

.foot_con .active3 a,
.foot_con .active3 span i,
.foot_con .active3 p {
	color: #f10707;
}

.foot_con div span {
	margin-top:.1rem;
	display: block;
}
.foot_con div span i {
	font-size: 1.1rem;
}
.user_info>div>img{
	border-radius: 100%;
}
.enter_arrow::before{
	content: " ";
    display: inline-block;
    height: .6rem;
    width: .6rem;
    border-width: 2px 2px 0 0;
    border-color: #b3b3b3;
    border-style: solid;
    webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    -ms-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
}
.personal_center_nav li{
	line-height: 4rem;
	border-bottom: 1px dotted #f0f0f0;
	font-size: .9rem;
}
.personal_center_nav li p>i{
	color: #b3b3b3;
}
.foot_exit button{
	background:none;
	border: none;
	line-height: 3.2rem;
	color: #FF0012;
}
.bound_p{
	color: #FF0012;
	font-size: .6rem;
}
.phone_input{
	height: 4.3rem;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box;
}
.phone_input input{
	border: none;
	width: 100%;
	line-height: 4.2rem;
	font-size: .8rem;
	outline: none;
}
.phone_code{
	font-size: .8rem;
	padding: 0 .8rem;
	background: red;
	color: #fff;
	right: 0;
	top: 1.1rem;
	line-height: 2rem;
}

.foot_exit .confirm{
	background: #ff0012;
	color: #fff;
	border-radius: 5rem;
	line-height: 2.6rem;
}
.order_nav ul li{
	line-height: 2.4rem;
}
.order_nav ul li.active::before{
	content: "";
    width: 22%;
    border: .1rem solid red;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10rem;
}
.order_list{
	background: #fff;
	
}
.order_list_conter li h5{
	font-size: .9rem;
	font-weight: bold;
	color: #333;
}
.order_list_top,.order_list_bottom{
	line-height: 2.4rem;
	border-bottom: 1px solid #f5f5f5;
	font-size: .8rem;
	color: #757575;
}
.order_list_bottom{
	border-top: 1px solid #f5f5f5;
	border-bottom: none;
}
.order_list_bottom .fl span{
	font-size: 1rem;
	color: #ff0012;
}
.order_list_bottom .rt a.pay_no,.order_list_bottom .rt a{
	padding: .1rem .8rem;
	border: 1px solid #ff0012;
	border-radius: 5rem;
	display: inline-block;
	line-height: initial;
	color: #fff;
	font-size: .6rem;
	background-color: #ff0012;
}
.order_list_top i{
	background: red;
	font-style: initial;
	color: #fff;
	line-height: 1.2rem;
	top: .4rem;
	left: 0;
	padding: 0 .6rem;
	border-top-right-radius: 3rem;
	border-bottom-right-radius: 3rem;
}
.order_list_top p{
	padding-left: 4.6rem;
}
.order_list_bottom .rt a.pingjia{
	background: none;
	color: #ff0012;
}
.order_list_bottom .rt a.pay_yes{
	background: none;
	border-color:#ccc;
	color: #ccc;
}
.order_list_bottom .rt a.pay_study{
	background-color: #ffa129;
	border-color:#ffa129;
}
.order_list_conter li a.p_rate{
	color: #ccc;
	font-size: .8rem;
}

/*--------------------帮助中心-------------------------*/
.help_title{
	line-height: 3.2rem;
	color: #999;
	font-size: 1.2rem;
}
.help_center_nav dl{
	text-align: center;
}
.help_center_nav dl dt{
	color: #999;
	font-weight: normal;
}
.help_center_nav dl dd{
	width: 3rem;
	height: 2.5rem;
	margin: 0 auto;
}
.help_center_nav dl.pingtai dd{
	background: url(../image/help_pingtai.png) no-repeat center;
	background-size: contain;
}
.help_center_nav dl.laoshi dd{
	background: url(../image/help_laoshi.png) no-repeat center;
	background-size: contain;
}
.help_center_nav dl.jigou dd{
	background: url(../image/help_jigou.png) no-repeat center;
	background-size: contain;
}
.help_center_nav dl.xuesheng dd{
	background: url(../image/help_xuesheng.png) no-repeat center;
	background-size: contain;
}
.help_center_nav dl.guanli dd{
	background: url(../image/help_guanli.png) no-repeat center;
	background-size: contain;
}
.help_center_nav dl.bangzhu dd{
	background: url(../image/help_bangzhu.png) no-repeat center;
	background-size: contain;
}
.help_center_issue li{
	border: 1px solid #ebebeb;
	border-bottom: none;
	font-size: .8rem;
	line-height: 3rem;
}
.help_center_issue li.border-bottom{
	border-bottom-color: #ebebeb !important;
}
.hang_issue{
	bottom: 2rem;
	
}
.hang_issue ul{
	line-height: 2.6rem;
	border-radius: 5rem;
	margin: 0;
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
}
.hang_issue ul li.wenti{
	color: #ff7200;	
}

.hang_issue ul li.kefu{
	color: #ff0012;
}
/*.help_center_list{
	background: #fff;
}*/
.help_center_list .div_title{
	line-height: 3.2rem;
	color: #333;

}
.help_center_list .div_title::before{
	content: "";
	width: .2rem;
	height: .8rem;
	background: red;
	display: inline-block;
	border-radius: 5rem;
	margin-right: .4rem;
}
.help_center_list ul li p{
	border: 1px solid #ebebeb;
	text-align: center;
	color: #808080;
	line-height: 2rem;
	font-size: .8rem;
}
.help_center_list>.p_star1{
	width: 140px;
	height: 22px;
}
.help_center_list>.p_star1 p{
	background-size: 140px auto;
	height: 22px;
}
.help_details .h5_title{
	line-height: 2.6rem;
	font-size: 1rem;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	color: #333;
}
.help_details div{
	font-size: .8rem;
	color: #808080;
}
.foot_btn{
	background: #ff0012;
	color: #fff;
	width: 90%;
	margin: .6rem auto;	
	border-radius: 5rem;
	text-align: center;
	line-height: 2.1rem;
}
.help_phone input{
	border-radius: .2rem;
	border: 1px solid #ebebeb;
	line-height: 2.2rem;
	
}
.p_star1{
	background: url(../image/022.png);
	background-size: contain;
    width: 70px;
    height: 11px;
    position: relative;
    padding: 0;
    display: block;
}
.p_star1 p{
	background: url(../image/02.png);
	background-size: 70px auto;  
    position: absolute;  
    height: 11px; 
}
.span_money{
	color: #ff0012;
	display: block;
	line-height: 1.6rem;
	font-size: 1.1rem;
}
.order_details{
	font-size: .8rem;
	line-height: 2.6rem;
}
.order_details span.rt{
	color: #ff0012;
}
.foot_zhifu{
	line-height: 3.8rem;
}
.foot_zhifu .zhifu{
	background: #FF0012;
	text-align: center;
	color: #fff;
}
.foot_zhifu>p{
	text-align: center;
	
}
.foot_zhifu>p span{
	color: #ff0012;
	font-size: 1.2rem;
}
.evaluate_btn>p>.btn{
	line-height: 2rem;
}
.evaluate_btn>p>.queding{
	background: #ff0012;
	color: #fff;
}
.evaluate_btn>p>.quxiao{
	background: #eee;
	color: #808080;
}


/*优惠券*/

.coupon_list li.bg{
	min-height: 6.4rem;		
	border-radius: .4rem; 
}
.coupon_list li .fl{
	background: #fff;
	border-top-left-radius: .4rem;
	border-bottom-left-radius: .4rem;
}
.coupon_list li .fl::before{
	content: "";
    background: url(../image/fl_coupon.png) no-repeat right;
    background-size: contain;
    width: 1rem;
    height: 6.4rem;
    position: absolute;
    right: -0.4rem;
    top: 0;
}
.coupon_list li .fl_no::before{
	background: url(../image/fl_coupon_no.png) no-repeat right;
    background-size: contain;
}
.coupon_list li .fl p{
	font-size: .9rem;
	color: #333;
}
.coupon_list li .fl span{
	font-size: .8rem;
	color: #ccc;
}
.coupon_list li .rt{	
	border-top-right-radius: .4rem;
	border-bottom-right-radius: .4rem;
	background: -webkit-linear-gradient(90deg, #ff8009 , #feb33c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(90deg, #ff8009 , #feb33c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(90deg, #ff8009 , #feb33c); /* Firefox 3.6 - 15 */
	background: linear-gradient(90deg, #ff8009 , #feb33c); /* 标准的语法 */
}
.coupon_list li .rt_no{
	background: -webkit-linear-gradient(90deg, #c1c1c1 , #e5e4e4); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(90deg, #c1c1c1 , #e5e4e4); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(90deg, #c1c1c1 , #e5e4e4); /* Firefox 3.6 - 15 */
	background: linear-gradient(90deg, #c1c1c1 , #e5e4e4); /* 标准的语法 */
}
.coupon_list li .rt::before{
	content: "";
    background: url(../image/rt_coupon.png) no-repeat left;
    background-size: contain;
    width: 1rem;
    height: 6.4rem;
    position: absolute;
    left: -.4rem;
}
.coupon_list li .rt_no::before{
	 background: url(../image/rt_coupon_no.png) no-repeat left;
    background-size: contain;
}
.coupon_list li .rt p{
	color: #fff;
	font-size: 2.6rem;
}
.coupon_list li .rt p span{
	font-size: 1rem;
}
.coupon_list li .rt a{
	background: #fff;
	color: #ff860f;
	font-size: .6rem;
	line-height: 1.2rem;
	padding: 0 .8rem;
	border-radius: 2rem;
	display: inline-block;
}
.coupon_list li .rt_no a{
	color: #757575;
	background: #b3b3b3;
}
.wancheng{
	width:98%;
	height:2.2rem;
	background-color: #ff0000;
	font-size:1.2rem;
	line-height:2.0rem;
	text-align: center;
	border:none;
	color:#fff;
	margin:26px auto;
	border-radius: .2rem;
	display: block;

}
/*我的钱包*/

.my_Wallet{
	background: url(../image/wallet.png) no-repeat center;
	background-size:100%;
	height:10rem;
}
.my_Wallet_box{
	padding-left:2.0rem;
}
.my_Wallet_tix{
	font-size:1.1rem;
	color:#fff;
	padding-top:2.6rem;
}
.my_Wallet_num{
	font-size:1.8rem;
	color:#fff;
	display: block;
	font-family: arial
}
.my_Wallet_list{
	margin-top:4rem;

}
.my_Wallet_list_tix{
	border-bottom: 4px solid #e6e6e6;
	height:2.6rem;
}
.my_Wallet_list_tix p{
	font-size:1.0rem;
	color:#666;
	
}
.Cashout_btn{
	position: fixed;
	bottom: 0
}
.Bill_list_top{
  width:100%;
  background-color: #f1f1f1;
  height:3.4rem;
}
.Bill_list_top_note{
  font-size:1.0rem;
  color:#666;
  line-height: 4rem;
}
.Bill_list_con{
  margin-top:1rem;
}
.Bill_list_l{
  width:16%;
  float:left;
  margin-top:.4rem;
  
}
.Bill_list_l img{
  border-radius: 100%;
  width:100%;
}
.Bill_list_m{
  margin-top:.3rem;
  float:left;
  margin-left:1.0rem;
}
.Bill_list_m_bt{
  font-size:0.9rem;
  color:#333;

}
.Bill_list_m_xbt{
  font-size: .9rem;
  color:#999;
  margin-top:.3rem;
}
.Bill_list_m_time{
  font-size: .8rem;
  color:#999;
  margin-top:.5rem;

}

.Bill_list_r{
  font-size:1.1rem;
  color:#fa0000;
  /*font-weight:600;*/
  margin-top:1.6rem;
  float:right;
  
}
.clearfixed{
  clear:both;
}
.Bill_list_r1{
  color:#333;
}
.account_box {
    border-bottom: .05rem solid #eceaea;
    padding-bottom: .4rem;
}
.account_name {
    font-family: "微软雅黑";
    font-size: .9rem;
    color: #333;
    line-height: 1.5rem;
    border: none;
    outline: none;
    padding-left: 1.8rem;
    width: 90%;
    background: none;
}
.container_cash_img {
    width: 28%;
    float: left;
    margin-right: 1.1rem;
    margin-top: .2rem;
}
.container_cash_tix {
    float: left;
}
.cash_bt {
    font-size: 1.0rem;
    color: #333;
}
.cash_number {
    font-size: .9rem;
    color: #999;
}
.container_cash_r {
    margin-top: .4rem;
}
.xhuitiao {
    width: 100%;
    height: 4px;
    background-color: #f0f0f0;
}
.cash_txt {
    font-size: .9rem;
    color: #666;
}
.cash_Amount {
    font-family: arial;
    font-size: 1.68rem;
    color: #333;
    line-height: 1.5rem;
    border: none;
    outline: none;
}
.cash_Hint {
    font-size: .8rem;
    color: #dbdbdb;
}
.cash_Hint_r {
    color: #ff0000;
}
.cash_btn {
    width: 98%;
    height: 2.2rem;
    background-color: #ff0000;
    font-size: 1rem;
    line-height: 2.0rem;
    text-align: center;
    border: none;
    color: #fff;
    margin: 26px auto;
    border-radius: .2rem;
    display: block;
}
.rest_pic {
    width: 16%;
    margin: 0 auto;
}
.Progress_box_l {
    width: 6%;
    margin-right: 2rem;
}
.Progress_box_bt {
    font-size: 1.0rem;
    color: #ff0000;
}
.Progress_box_bt1 {
    font-size: .9rem;
    color: #999;
    margin-top: 1.5rem;
}
.Progress_box_bt2 {
    font-size: .9rem;
    color: #999;
    margin-top: 1.3rem;
}
.Progress_box_bt3 {
    font-size: 1.0rem;
    color: #666;
    margin-top: 2rem;
}

/*拼课已付款详情*/
/*.makelesson_Information_bt_img{
	width:4%;
}*/
.makelesson_Information_bt_img img{
	width: 14px;
	height:14px;
}
.makelesson_Information_tix{
	font-size: .9rem;
	color:#333;
	/*margin-left: 1.2rem;*/
	margin-top:.2rem;


}
.makelesson_Information_tix span{
	color:#ff2832;
}
.makelesson_Information_tix1{
	font-size: .9rem
	margin-top:.6rem;

	}
.makelesson_Information_tix1 span{
	color:#666;
}
.xuexi_btn{
	width:100%;
	display: block;
	background-color: #ffa129;
	color:#fff;
	text-align: center;
	height:2.4rem;
	border-radius: 1.2rem;
	line-height: 2.4rem;
}

.makelesson_Information_con_img img{
	width:3.6rem;
	height:3.6rem;
	border-radius: 50%;
}
.makelesson_Information_con_bg img{
	width:3.6rem;
	height:3.6rem;

}
.makelesson_Information_btn{
	width:66%;
	height:2.0rem;
	margin:0 auto;
	border-radius: 1.2rem;
	background-color:#ff2832;
	color:#fff;
	display: block;
	text-align: center;
	line-height: 2.0rem;
	font-size: .9rem;
	cursor: pointer;
}
#shareNavModall1{
	top: 0;
    background: #282828;

}
#shareNavModall1 .modal-content {
    background: none;
    border: none;
}