.ui-page, .ui-page-group{
	background: #F7F7F7;
}
body{
	font-size: .24rem;
}
.slder_banner{
	position: relative;
}
.back_index,
.wech_index,
.back_sve{
	position: absolute;
	left: .16rem;
	top: .16rem;
	z-index: 3;
	padding: 0 .26rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 14px;
	font-size: .24rem;
	color: #333;
}
.back_index a,
.wech_index a,
.back_sve a{
	display: inline-block !important;
	height: initial !important;
	width: initial !important;
}
.back_index i,
.wech_index i,
.back_sve i{
	background:  url(../../Images/Product/index/vx_icon_sy2x.png) no-repeat;
	background-size: 100% 100%;
	width: .28rem;
	height: .28rem;
	display: inline-block;
	position: relative;
	top: .03rem;
	margin-right: .1rem;
}
.wech_index{
	left: initial;
	right: .16rem;
}
.wech_index i{
	background:  url(../../Images/Product/index/vx_icon_vv2x.png) no-repeat;
	background-size: 100% 100%;
}
/*新增分享提示*/
.shareTip_1 section{
	background: linear-gradient( 141deg, #FF5246 0%, #FB4C89 100%);
	width: 2.86rem;
	height: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: .2rem;
	top: .1rem;
	z-index: 5;
	border-radius: 100px;
}
.shareTip_1 section::after{
	content: "";
	position: absolute;
	right: 0.14rem;
	top: -0.28rem;
	width: 0;
	height: 0;
	border-top: .18rem solid transparent; 
	border-right: .18rem solid transparent;
	border-left: .18rem solid transparent;
	border-bottom: .18rem solid #FB4C87;
}
.shareTip_1 .icon_xhb{
	background: url(https://resource.bangbangce.com/wB6s7RJpxzGc) no-repeat;
	background-size: 100% 100%;
	width: .6rem;
	height: .6rem;
	display: inline-block;
	position: relative;
	left: -0.1rem;
	animation: translateFrom 1s linear infinite;
}
.shareTip_1 .icon_txt{
	background: url(https://resource.bangbangce.com/YHT2JHAKByAe) no-repeat;
	background-size: 100% 100%;
	width: 2.38rem;
	height: .28rem;
	display: inline-block;
	position: relative;
	left: -0.1rem;
}

@keyframes translateFrom{
	0%{
		transform: translateY(-3px);
	}
	50%{
		transform: translateY(3px);
	}
	100%{
		transform: translateY(-3px);
	}
}


.shareTip_2 section{
	background: linear-gradient( 141deg, #FF5246 0%, #FB4C89 100%);
	padding: 3px.2rem 3px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: .2rem;
	top: .2rem;
	z-index: 5;
	border-radius: 100px;
	line-height: 14px;
}
.shareTip_2 section::after{
	content: "";
	position: absolute;
	right: 0.28rem;
	top: -0.28rem;
	width: 0;
	height: 0;
	border-top: .18rem solid transparent; 
	border-right: .18rem solid transparent;
	border-left: .18rem solid transparent;
	border-bottom: .18rem solid #FB4C87;
}
.shareTip_2 .icon_xhb{
	background: url(https://resource.bangbangce.com/ssR6FJXbXcWw) no-repeat;
	background-size: 100% 100%;
	width: .84rem;
	height: .84rem;
	display: inline-block;
	position: absolute;
	left: -0.32rem;
	/* animation: translateFrom 1s linear infinite; */
}
.shareTip_2 p{
	text-align: center;
	color: #FFFFFF;
	font-size: .2rem;
	font-weight: bold;
	/* position: relative; */
	/* left: -0.32rem; */
    text-indent: 0.55rem;
}
.shareTip_2 p b{
	color: #FEFFB5;
}
/*新增分享提示结束*/
.back_sve .icon_back{
	margin-right: .35rem;
	background:  url(../../Images/Product/index/vx_icon_sy2x.png) no-repeat;
	background-size: 100% 100%;
}
.back_sve .icon_back::after{
	content: "";
	position: absolute;
	right: -.22rem;
	top: 0;
	width: 1px;
	height: .28rem;
	background: #333333;
	opacity: 0.3;
}
.back_sve .icon_index{
	margin-right: 0;
	background:  url(../../Images/Product/index/vx_icon_vv2x.png) no-repeat;
	background-size: 100% 100%;
}
.icon_vd_suspended{
	background:  url(../../Images/Product/index/icon_vd_suspended.png) no-repeat;
	background-size: 100% 100%;
	width: .8rem;
	height: .8rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -.4rem;
	margin-top: -.4rem;
}
.slder_banner a{
	display: block;
	height: 4rem;
	width: 100%;
}
.slder_banner a img{
	width: 100%;
	height: 4rem; 
}
.slder_banner video{
	width:100%;
	height:100%;
	object-fit:fill;
}
.slder_banner .swiper-pagination-bullet{
	width: 8px;
	height: 4px;
	border-radius: 6px;
}
.slder_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 3px;
}
.slder_banner .swiper-pagination-bullet-active{
	background: #fff;
	width: 16px;
}
.slder_banner .state{
	background:  url(../../Images/Product/index/live_bg.png) no-repeat;
	background-size: 100% 100%;
	width: .88rem;
	height: 1rem;
	position: absolute;
	right: .2rem;
	bottom: .4rem;
	z-index: 1;
	font-size: .2rem;
	color: #666;
	text-align: center;
}
.slder_banner .state::after{
	content: "";
	background:  url(../../Images/icon_live_w.gif) no-repeat;
	background-size: 100% 100%;
	width: .22rem;
	height: .2rem;
	position: absolute;
	left: 50%;
	margin-left: -.11rem;
	top: .25rem;
}
.slder_banner .state span{
	padding-top: .56rem;
}
.hen_text{
	background: #fff;
    border-radius: 8px 8px 0px 0px;
	position: relative;
	z-index: 3;
	top: -.1rem;
	padding: 0 .32rem;
}
.hen_text .name{
	padding-top: .32rem;
}
.hen_text .name p{
	font-size: .36rem;
	color: #333;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
}
.hen_text .name p a{
	color: #fff;
	padding: 5px 10px;
	background: #01B2B6;
	border-radius: 8px;
	margin-left: .1rem;
	font-size: .24rem;
}
.hen_text .name p a i{
	background:  url(../../Images/Product/index/sytj_icon_gz.png) no-repeat;
	background-size: 100% 100%;
	width: .2rem;
	height: .2rem;
	display: inline-block;
	margin-right: .1rem;
}
.hen_text .name p a.on{
	background: #EEEEEE;
	color: #BBBBBB;
}
.hen_text .name .list{
	padding-top: .2rem;
	padding-bottom: .3rem;
	overflow: hidden;
}
.hen_text .name .list span{
	color: #999999;
	padding-right: 12px;
	float: left;
}
.hen_text .name .list span i{
	background:  url(../../Images/Product/index/sy_icon_zx1.png) no-repeat;
	background-size: 100% 100%;
	width: .24rem;
	height: .24rem;
	display: inline-block;
	position: relative;
	top: .02rem;
	margin-right: 3px;
}
.title{
	color: #333;
}
.title i{
	width: .24rem;
	height: .24rem;
	display: inline-block;
}
.hen_text .years{
	overflow: hidden;
}
.hen_text .years .title i{
	background:  url(../../Images/Product/index/sy_icon_tag2.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: .03rem;
	margin-right: 6px;
}
.hen_text .years section{
	padding-left: .32rem;
}
.hen_text .years p{
	padding: 0 .2rem;
	height: .58rem;
	line-height: .58rem;
	color: #01B2B6;
	background: #FFFFFF;
	font-size: .28rem;
	border-radius: 28px 28px 28px 4px;
	border: 1px solid #01B2B6;
	text-align: center;
	float: left;
	margin-right: .16rem;
	margin-top: .2rem;
	position: relative;
}
.hen_text .years p i{
	position: absolute;
	left: .06rem;
	bottom: .06rem;
	width: .08rem;
	height: .08rem;
	opacity: 0.5;
	border: 1px solid #01b2b6;
	border-radius: 50%;
}
.hen_text .list_tip {
	padding-top: .4rem;
}
.hen_text .list_tip  .title i{
	background:  url(../../Images/Product/index/sy_icon_tag3.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: .03rem;
	margin-right: 6px;
}
.hen_text .list_tip  .title span{
	color: #999;
}
.hen_text .list_tip .list{
	padding: .2rem 0 .1rem .32rem;
}
.hen_text .list_tip .list span{
	color: #666666;
	font-size: .28rem;
	border: solid 1px #DDDDDD;
	border-radius: 8px;
	padding: 0 .3rem;
	margin-right: .1rem;
	margin-bottom: .2rem;
	height: .6rem;
	line-height: .6rem;
}
.hen_text .hed_fot{
	padding: .3rem 0;
	border-top: solid 1px #EEEEEE;
	color: #999;
	display: flex;
	display: -webkit-flex;
}
.hen_text .hed_fot span{
	flex: 1;
	-webkit-flex: 1;
}
.hen_text .hed_fot span:nth-child(2){
	text-align: center;
}
.hen_text .hed_fot span:last-child{
	text-align: right;
}
.hen_text .hed_fot span i{
	width: .24rem;
	height: .24rem;
	position: relative;
	top: .03rem;
	margin-right: 4px;
	display: inline-block;
}
.hen_text .hed_fot span:first-child i{
	background:  url(../../Images/Product/index/sy_icon_zx1.png) no-repeat;
	background-size: 100% 100%;
}
.hen_text .hed_fot span:nth-child(2) i{
	background:  url(../../Images/Product/index/sy_icon_fs.png) no-repeat;
	background-size: 100% 100%;
}
.hen_text .hed_fot span:last-child i{
	background:  url(../../Images/Product/index/sy_icon_pjz.png) no-repeat;
	background-size: 100% 100%;
}
.icon_bbc{
	background:  url(../../Images/Product/index/img_zzrz.png) no-repeat;
	background-size: 100% 100%;
	width: 1.28rem;
	height: 1.28rem;
	position: absolute;
	right: .2rem;
	top: .2rem;
}
.single{
	position: relative;
	background: #fff;
	padding: .4rem .32rem;
	overflow: hidden;
}
.single img{
	width: .8rem;
	height: .8rem;
	float: left;
}
.single .text{
	width: 5.6rem;
	color: #999;
	float: left;
	padding-left: .16rem;
}
.single .text h3{
	color: #FE7467;
	font-size: .28rem;
}
.single .text h3 i{
	width: .28rem;
	height: .28rem;
	display: inline-block;
	margin-right: .08rem;
	position: relative;
	top: .04rem;
}
.single .text h3 i.num_icon_1{
	background:  url(../../Images/Product/index/r1.png) no-repeat;
	background-size: 100% 100%;
}
.single .text h3 i.num_icon_2{
	background:  url(../../Images/Product/index/r2.png) no-repeat;
	background-size: 100% 100%;
}
.single .text h3 i.num_icon_3{
	background:  url(../../Images/Product/index/r3.png) no-repeat;
	background-size: 100% 100%;
}
.single .text h3 i.on.num_icon_1{
	background:  url(../../Images/Product/index/r1_1.png) no-repeat;
	background-size: 100% 100%;
}
.single .text h3 i.on.num_icon_2{
	background:  url(../../Images/Product/index/r2_1.png) no-repeat;
	background-size: 100% 100%;
}
.single .text h3 i.on.num_icon_3{
	background:  url(../../Images/Product/index/r3_1.png) no-repeat;
	background-size: 100% 100%;
}
.icon_arrow{
	position: absolute;
	right: .32rem;
	top: .6rem;
	background:  url(../../Images/Product/index/sy_icon_details22x.png) no-repeat;
	background-size: 100% 100%;
	width: .28rem;
	height: .28rem;
}
/***************************/
.index_conter{
	margin-top: .16rem;
	padding-bottom: 1rem;
}
.jieshao{
	font-size: .28rem;
	color: #666;
	background: #fff;
	padding:0 .32rem .32rem .32rem;
}
.tabs_hen{
	display: -webkit-flex;
	background: #fff;
	padding-top: .24rem;
}
.tabs_hen.tab-fixed{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}
.tabs_hen li{
	-webkit-flex: 1;
	text-align: center;
	font-size: .28rem;
	font-weight: bold;
	color: #333;
}
.tabs_hen li.on{
	color: #01B2B6;
}
.tabs_hen li.on span{
	border-bottom: solid 2px #01B2B6;
	padding-bottom: .1rem;
	margin-bottom: .1rem;
	display: inline-block;
}
.intr{
	padding-top: .26rem;
	text-align: justify;
}
.boxPadd{
	padding-top: .6rem;
}
.boxPadd .title{
	color: #333;
	font-weight: bold;
	padding-bottom: .3rem;
}
.boxPadd .title span{
	font-size: .24rem;
	color: #999999;
	font-weight: normal;
	padding-left: .1rem;
}
.boxPadd .title i{
	width: .28rem;
	height: .28rem;
	position: relative;
	top: .03rem;
	margin-right: 4px;
	display: inline-block;
}
.icon_px{
	background:  url(../../Images/Product/index/lszy_icon_1.png) no-repeat;
	background-size: 100% 100%;
}
.icon_xh{
	background:  url(../../Images/Product/index/lszy_icon_2.png) no-repeat;
	background-size: 100% 100%;
}
.icon_xm{
	background:  url(../../Images/Product/index/lszy_icon_3.png) no-repeat;
	background-size: 100% 100%;
}
.icon_sl{
	background:  url(../../Images/Product/index/lszy_icon_4.png) no-repeat;
	background-size: 100% 100%;
}
.peixun ul {
	padding-left: .5rem;
}
.peixun ul li{
	position: relative;
	margin-bottom: .5rem;
}
.peixun ul li p{
	font-size: .24rem;
	color: #01B2B6;
	padding-left: .1rem;
}
.peixun ul li span{
	padding-left: .1rem;
}
.peixun ul li::after,
.peixun ul li::before{
	content: "";
	position: absolute;
	border-radius: 50%;
}
.peixun ul li::after{
	left: -.25rem;
	top: .08rem;
	background: #01B2B6;
	width: .14rem;
	height: .14rem;
	box-shadow: 0 0 1px 2px rgb(1 178 182 / 50%);
	border: solid 2px #fff;
}
.peixun ul li::before{
	left: -.145rem;
	top: .43rem;
	height: 100%;
	width: 1px;
	background: #01B2B6;
}
.peixun ul li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
}
.peixun ul li:last-child::before{
	width: 0;
	height: 0;
}
.xiehui ul{
	padding-left: .5rem;
}
.xiehui li{
	position: relative;
	padding-bottom: .2rem;
	line-height: normal;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-items: center;
	    align-content: center;
}
.xiehui li span{
	padding-left: .2rem;
}
.xiehui ul li::before{
	content: "";
	position: relative;
	border-radius: 50%;
}
.xiehui ul li::before{
	top: .0234rem;
	background: #666666;
	width: 8px;
	height: 8px;
	box-shadow: 0 0 1px 2px rgba(187, 187, 187, .5);
	border: solid 2px #fff;
}
.xiehui ul li:last-child{
	padding-bottom: 0;
}
.xiehui .text{
	text-align: center;
	width: 5.32rem;
	margin: .24rem auto 0 auto;
	color: #01B2B6;
	font-size: .24rem;
	padding: 5px 0;
	background: #F7F7F7;
	border-radius: 16px;
}
.xiehui .text i{
	width: .2rem;
	height: .24rem;
	position: relative;
	top: .02rem;
	margin-right: 3px;
	display: inline-block;
	background:  url(../../Images/Product/index/zx_icon_bbcrz.png) no-repeat;
	background-size: 100% 100%;
}
.xiangmu{
	overflow: hidden;
}
.xiangmu li{
	float: left;
	margin-right: .5rem;
	text-align: center;
}
.xiangmu li:last-child{
	margin-right: 0;
}
.xiangmu li img{
	display: inline-block;
	width: .8rem;
	height: .8rem;
}
.shilie .title{
	padding-bottom: .2rem;
}
.shilie p.tex{
	padding-top: .08rem;
}
.shilie p.tex i{
	width: .28rem;
	height: .28rem;
	position: relative;
	top: .05rem;
	margin-right: 3px;
	display: inline-block;
	background:  url(../../Images/Product/index/sy_icon_star.png) no-repeat;
	background-size: 100% 100%;
}
.shilie p.tex i.on{
	background:  url(../../Images/Product/index/sy_icon_star_1.png) no-repeat;
	background-size: 100% 100%;
}
.shilie p.tex span{
	color: #333;
	position: relative;
	top: .05rem;
}
.shilie a{
	width: 2.28rem;
	height: .64rem;
	line-height: .64rem;
	text-align: center;
	border-radius: 16px;
	border: 1px solid #01B2B6;
	color: #01B2B6;
	display: inline-block;
	margin-top: .2rem;
}
.shilie a i{
	width: .28rem;
	height: .28rem;
	position: relative;
	top: .05rem;
	margin-left: 6px;
	display: inline-block;
	background:  url(../../Images/Product/index/sy_icon_detail.png) no-repeat;
	background-size: 100% 100%;
}
.yuece_tis{
	background: #F7F7F7;
	border-radius: 8px;
	margin-top: .4rem;
	padding: .24rem .4rem;
}
.yuece_tis .title{
	color: #666;
}
.yuece_tis .title i{
	width: .28rem;
	height: .28rem;
	position: relative;
	top: .05rem;
	margin-right: 6px;
	display: inline-block;
	background:  url(../../Images/Product/index/lszy_icon_5.png) no-repeat;
	background-size: 100% 100%;
}
.yuece_tis p{
	padding-top: .25rem;
	line-height: 24px;
}
/***************************/
.pingjia{
	background: #fff;
	margin-top: .16rem;
	padding: .32rem;
	min-height: 100%;
}
.list_num{
	font-size: .32rem;
	font-weight: bold;
	color: #333;
	padding-bottom: .3rem;
	padding-top: .1rem;
}
.list_pj {
	display: -webkit-flex;
}
.list_pj li{
	-webkit-flex: 1;
	text-align: center;
	font-size: .28rem;
	color: #666;
}
.list_pj li:first-child{
	text-align: left;
}
.list_pj li:last-child{
	text-align: right;
}
.list_pj li span{
	color: #FE7467;
	padding-left: .1rem;
}
.list_for{
	overflow: hidden;
	padding-top: .1rem;
}
.list_for li{
	width: 2.2rem;
	height: .58rem;
	line-height: .58rem;
	text-align: center;
	border-radius: 30px;
	font-size: .24rem;
	color: #666;
    border: 1px solid #DDDDDD;
	float: left;
	margin-right: .1rem;
	margin-top: .2rem;
	overflow: hidden;
}
.list_for li.on{
	background: #01B2B6;
	color: #fff;
	border: 1px solid #01B2B6;
}
.list_for li:nth-child(3n+3){
	margin-right: 0;
}
.list_txt{
	padding-top: .32rem;
}
.list_txt li{
	overflow: hidden;
	position: relative;
}
.list_txt li .bbc_img{
	width: .64rem;
	height: .64rem;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin-top: .04rem;
}
.list_txt li .bbc_text{
	width: 6.06rem;
	float: left;
	padding-left: .16rem;
	font-size: .24rem;
	color: #999999;
	border-bottom: solid 1px #EEEEEE;
	padding-bottom: .32rem;
	margin-bottom: .32rem;
}
.list_txt li:last-child .bbc_text{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.list_txt li .bbc_text h3{
	color: #333;
	font-weight: normal;
	font-size: .24rem;
}
.list_txt li .bbc_text h3 span{
	padding-left: .16rem;
}
.list_txt li .bbc_text p{
	font-size: .28rem;
	color: #333;
	margin-top: .2rem;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.list_txt li .bbc_text em{
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 .12rem;
	/* width: 1.24rem; */
	height: .4rem;
	line-height: .4rem;
	text-align: center;
	font-size: .2rem;
	background: #F7F7F7;
	border-radius: 200px 200px 200px 6px;
}
.list_txt li .lshf{
	/* width: 100%; */
	height: .8rem;
	line-height: .8rem;
	text-align: left;
	font-size: .28rem;
	color: #01B2B6;
	background: #F2FFFF;
	border-radius: 8px 36px 36px 36px;
	border: 1px solid rgba(1, 178, 182, 0.3);
	margin-top: .2rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	padding: 0 .2rem;
	display: inline-block;
}
.btn_xq{
	width: 2.2rem;
	height: .58rem;
	line-height: .58rem;
	text-align: center;
	border-radius: 30px;
	font-size: .24rem;
	color: #666;
	border: 1px solid #DDDDDD;
	display: block;
	margin-top: .2rem;
	margin-bottom: .2rem;
	overflow: hidden;
	float: right;
}
.pingjia a.quanbu{
	color: #01B2B6;
	text-align: center;
	font-size: .28rem;
	display: block;
	padding-top: .4rem;
}
.pingjia a.quanbu i{
	width: .28rem;
	height: .28rem;
	position: relative;
	top: .05rem;
	margin-left: 6px;
	display: inline-block;
	background:  url(../../Images/Product/index/sy_icon_detail.png) no-repeat;
	background-size: 100% 100%;
}
/***************************/
.zhuanlan{
}
.zl_box {
	margin-top: .16rem;
	padding: .32rem;
	background: #fff;
}
.zl_box .title{
	color: #333333;
	font-size: .32rem;
	font-weight: normal;
	padding-bottom: .3rem;
}
.zl_box .title a{
	color: #01B2B6;
	font-size: .24rem;
	float: right;
	margin-top: .05rem;
}
.zl_box .title a i{
	width: .28rem;
	height: .28rem;
	position: relative;
	top: .05rem;
	margin-left: 6px;
	display: inline-block;
	background:  url(../../Images/Product/index/sy_icon_detail.png) no-repeat;
	background-size: 100% 100%;
}
.video .lst{
	border-bottom: solid 1px #EEEEEE;
	padding-bottom: .32rem;
	margin-bottom: .32rem;
}
.video .lst:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.video .lst p{
	color: #333333;
	font-size: .32rem;
}
.video .lst a{
	width: 4rem;
	height: .8rem;
	line-height: .8rem;
	border-radius: 8px 36px 36px 36px;
	font-size: .32rem;
	display: block;
	margin-top: .3rem;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	/* justify-content: center; */
	align-items: center;
	align-content: center;
}
.video .lst a i{
	width: .36rem;
	height: .36rem;
	position: relative;
	display: inline-block;
	margin-left: .4rem;
	margin-right: .6rem;
}
.video .lst a.btn_tt,
.video .lst a.btn_tk{
	background: #01B2B6;
	color: #fff;
}
.video .lst a.btn_bf,
.video .lst a.btn_ck{
	background: #DEDEDE;
	color: #666666;
}
.video .lst a.btn_tt i{
	width: .38rem;
	background:  url(../../Images/Product/index/sy_icon_yy_read.png) no-repeat;
	background-size: 100% 100%;
}

.video .lst a.btn_bf i{
	width: .38rem;
	background:  url(../../Images/Product/index/sy_icon_yy_read.png) no-repeat;
	background-size: 100% 100%;
}
.video .lst a.btn_tk i{
	background:  url(../../Images/Product/index/sy_icon_text1.png) no-repeat;
	background-size: 100% 100%;
}
.video .lst a.btn_ck i{
	background:  url(../../Images/Product/index/18px_sy_icon_text_default2x.png) no-repeat;
	background-size: 100% 100%;
}


.video .lst a.on{
	background: #F7F7F7;
	color: #666;
}
.video .lst a.btn_tt.on i{
	background: url(../../Images/Ask/a6.png) no-repeat;
	background-size: 100% 100%;
}
.video .lst a.btn_tk.on i{
	background: url(../../Images/Ask/a1_1.png) no-repeat;
	background-size: 100% 100%;
}
.voc-text {
    flex: 1;
    text-align: right;
    padding-right: .4rem;
    color: #666;
    font-size: .28rem;
}
.video .lst a.on .voc-text{
	display: block;
}
.video .lst a.btn_tt.ans_play i{
	background: url(../../Images/Ask/a2.gif) no-repeat;
	background-size: 100% 100%;
	width: .36rem;
	height: .36rem;
}



.huati ul li{
	border-bottom: solid 1px #EEEEEE;
	padding-bottom: .3rem;
	margin-bottom: .3rem;
}
.huati ul li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.huati ul li a{
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
}
.huati ul li div{
	width: 100%;
	background: #F7F7F7;
	border-radius: 8px;
	overflow: hidden;
	padding: .08rem;
	position: relative;
}
.huati ul li img{
	width: 1rem;
	height: 1rem;
	float: left;
	margin-right: .16rem;
    border-radius: 4px;
}
.huati ul li h3{
	font-weight: normal;
}
.huati ul li h3 p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .28rem;
	color: #333;
	padding-top: .05rem;
	width: 60%;
}
.huati ul li h3 p.xuawu{
	padding-top: .28rem;
}
.huati ul li h3 span{
	font-size: .24rem;
	color: #01B2B6;
	padding-top: .05rem;
}
.huati ul li h3 em{
	position: absolute;
	right: .2rem;
	bottom: .2rem;
	color: #999999;
	font-size: .24rem;
}
.huati ul li h3 i{
	background:  url(../../Images/Product/index/sy_icon_htsy1.png) no-repeat;
	background-size: 100% 100%;
	width: .82rem;
	height: .8rem;
	position: absolute;
	top: 0;
	right: 0;
}
.huati ul li .data_time{
	text-align: right;
	color: #999;
	font-size: .24rem;
	padding-top: .2rem;
}
.huati ul li .acricle{
	overflow: hidden;
    background: #F7F7F7;
	margin-top: .24rem;
	border-radius: 8px;
	padding: .08rem;
	position:relative;
}
.huati ul li .acricle figure{
	margin: 0;
}
.huati ul li .acricle figure p{
	font-size: .28rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 60%;
}
.huati ul li .acricle figure span{
	font-size: .32rem;
	color: #FE7467;
}
.huati ul li .acricle figure span em{
	font-size: .24rem;
	font-style: normal;
}
.huati ul li .acricle figure span s{
	color: #BBBBBB;
	font-size: .24rem;
}
.huati ul li .acricle figure b{
	position: absolute;
	right: .16rem;
	bottom: .24rem;
	width: 1.6rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	color: #fff;
	font-size: .28rem;
	background: #FE7467;
	border-radius: 32px;
}
.huati ul li section{
	color: #333;
	font-size: .28rem;
	padding-bottom: .2rem;
}
.zhibo .title b{
	width: .84rem;
	height: .32rem;
	position: relative;
	top: .05rem;
	margin-left: 6px;
	display: inline-block;
	background:  url(../../Images/Product/index/sy_icon_live1.png) no-repeat;
	background-size: 100% 100%;
}
.zhibo section{
    white-space: nowrap;
    overflow-y:auto;
}
.zhibo section::-webkit-scrollbar{
    display: none;
}
.zhibo .list_live{
	display: inline-block;
	margin-right: .12rem;
	width: 88%;
	height: 2.4rem;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}
.zhibo .list_live img{
	width: 100%;
	height: 2.4rem;
	border-radius: 6px;
	position: absolute;
	left: 0;
	top: 0;
}
.zhibo .list_live a{
	display: block;
	width: 100%;
	height: 100%;
}
.zhibo .list_live a::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,.2) 100%);
	width: 100%;
	height: 100%;
}
.zhibo .list_live .hed_str{
	position: relative;
	z-index: 3;
	padding: .16rem;
}
.list_live .hed_str span{
	line-height: initial;
	float: left;
	font-size: .24rem;
	color: #fff;
	padding: 0 .15rem;
	height: 16px;
	line-height: 17px;
}
.hed_str .str_zhiibo{
	background: #FF406B;
	border-radius: 4px;
	position: relative;
	z-index: 2;
}
.hed_str .srt_num{
	background: rgba(0,0,0,.6);
	margin-left: -.1rem;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	/* padding-right: .25rem !important; */
}
.hed_str .text{
	border-radius: 4px;
	background: rgba(0,0,0,.6);
	margin-left: .08rem;
}
.hed_str .str_time,
.hed_str .str_huifang{
	background: #01B2B6;
	border-radius: 4px;
	position: relative;
	z-index: 2;
}
.hed_str .srt_data{
	background: rgba(0,0,0,.6);
	margin-left: -.1rem;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	padding-right: .25rem !important;
}
.hed_str span i{
	width: .2rem;
	height: .2rem;
	display: inline-block;
	position: relative;
	top: .02rem;
	margin-right: .08rem;
	margin-left: .1rem;
}
.hed_str .str_zhiibo i{
	background:  url(../../Images/icon_live_w.gif) no-repeat;
	background-size: 100% 100%;
	height: .14rem;
	width: .14rem;
	margin-left: 0;
	top: 0;
}
.hed_str .srt_num i{
	background:  url(../../Images/Product/index/live_icon_heat.png) no-repeat;
	background-size: 100% 100%;
	margin-left: .1rem;
}
.hed_str .text i{
	background:  url(../../Images/Product/index/live_icon_course.png) no-repeat;
	background-size: 100% 100%;
}
.hed_str .srt_data i{
	background:  url(../../Images/Product/index/live_icon_course_time.png) no-repeat;
	background-size: 100% 100%;
}
.hed_str span i.icon_zbfhasd {
	background: url(../../Images/live/sy_icon_details_zb2x.png) no-repeat;
	background-size: 100% 100%;
	width: .12rem;
	height: .16rem;
	display: inline-block;
	margin-left: .06rem;
	margin-right: .06rem;
	top: 0;
}
.list_live .bom_str{
	position: relative;
	z-index: 3;
	padding: .16rem;
	margin-top: .93rem;
}
.bom_str .img,
.bom_str .name,
.bom_str .label{
	float: left;
}
.bom_str .img{
	width: .52rem;
	height: .52rem;
	border-radius: 50%;
	overflow: hidden;
	border: solid 1px #FF406B;
}
.bom_str .img_dat{
	border: none;
}
.bom_str .img img{
	width: 100%;
	border-radius: 50%;
	position: initial;
	height: initial;
}
.bom_str .name{
	color: #fff;
	font-size: .28rem;
	padding: 0 .16rem;
	position: relative;
	top: .03rem;
}
.bom_str .label{
	position: relative;
	top: .03rem;
}
.bom_str .label span{
	padding: 1px .15rem;
	line-height: initial;
	background: #FFFFFF;
	border-radius: 4px;
	color: #333333;
	font-size: .16rem;
}
.icon_shouchang{
	background:  url(../../Images/Product/index/zxlive_icon_collect_normal.png) no-repeat;
	background-size: 100% 100%;
	width: .4rem;
	height: .4rem;
	position: absolute;
	right: .16rem;
	top: .16rem;
	z-index: 33;
}
.icon_shouchang.on{
	background:  url(../../Images/Product/index/zxlive_icon_collect_selected2x.png) no-repeat;
	background-size: 100% 100%;
	width: .4rem;
	height: .4rem;
}
.btn_yuyue{
	position: absolute;
	right: .16rem;
	bottom: .16rem;
	z-index: 33;
}
.yy_num{
	font-size: .2rem;
	color: #fff;
}
.yy_btn{
	line-height: initial;
	font-size: .2rem;
	color: #fff;
	padding: 4px .15rem;
	background: #FF406B;
	border-radius: 32px;
	text-align: center;
}
.yy_btn.on{
	background: #333333;
}
.guess ul li{
	overflow: hidden;
	border-bottom: solid 1px #EEEEEE;
	margin-bottom: .3rem;
	padding-bottom: .3rem;
	position: relative;
}
.ce_tj ul li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.guess ul li a{
	display: block;
}
.guess .gess_left{
	float: left;
	width: 4.66rem;
}
.guess .gess_left .conter{
	background: #fff;
	padding-top: .26rem;
	padding-left: 0;
	width: 100%;
	display: flex;
	position: absolute;
	bottom: .36rem;
	left: 0;
	width: 100%;
}
.conter span {
    -webkit-flex: 1;
    flex: 1;
    color: #999;
}
.conter span img {
    margin-right: .08rem;
	width: 12px;
	height: 12px;
	position: relative;
	top: .03rem;
	border-radius: 50%;
}
.guess .gess_left p{
	font-size: .28rem;
	color: #999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.guess ul li h4{
	font-size: 0.32rem;
	color: #333;
	padding: 0 0 .1rem 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-weight: normal;
}
.guess .gess_right{
	float: right;
	padding-top: 0;
	position: relative;
}
.mast_txt{
	background: #EEEEEE;
	padding: 0 .24rem;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center
}
.mast_txt p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	color: #666;
	font-size: .28rem;
}
.guess .gess_right img,
.mast_txt{
	border-radius: 8px;
	width: 1.6rem;
	height: 1.6rem;
}
.shanche .swiper-slide{
	background: #F7F7F7;
	width: 5.76rem;
	height: 1.36rem;
	color: #666;
	padding: 0;
	border-radius: 8px;
	opacity: 1;
	position: relative;
}
.shanche img{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	width: 1.36rem;
	height: 1.36rem;
	float: left;
}
.shanche .swiper-slide .text{
	float: left;
	padding-left: .24rem;
}
.shanche .swiper-slide .text p{
	font-size: .28rem;
	color: #333;
	font-weight: bold;
	padding-top: .22rem;
	padding-bottom: .1rem;
}
.shanche .swiper-pagination{
	width: 100%;
}
.shanche .swiper-pagination-bullet-active {
    background: #666;
}
.shanche .swiper-pagination-bullet {
    width: 0.28rem;
    height: 0.08rem;
    border-radius: 0px;
}
.shanche .swiper-slide .text i{
	background: url(../../Images/Ask/sy_icon_details2.png) no-repeat;
	background-size: 100% 100%;
	width: 0.24rem;
	height: 0.24rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: .05rem;
}
.guess i {
    width: 0.74rem;
    height: 0.32rem;
    position: absolute;
    top: 0.08rem;
    left: 0.08rem;
}
.guess i.i_1{
	background: url(../../Images/Product/index/sc_tag_1.png) no-repeat;
	background-size: 100% 100%;
}
.guess i.i_2{
	background: url(../../Images/Product/index/sc_tag_2.png) no-repeat;
	background-size: 100% 100%;
}
.guess i.i_3{
	background: url(../../Images/Product/index/sc_tag_3.png) no-repeat;
	background-size: 100% 100%;
}
.kecheng a{
	background: #F7F7F7;
    border-radius: 8px;
	display: block;
	padding: .2rem;
	overflow: hidden;
	margin-top: .2rem;
}
.kecheng .title{
	padding-bottom: .1rem;
}
.kecheng .left_k{
	/* float: left; */
}
.kecheng .left_k h3{
	font-size: .28rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.kecheng .left_k p{
	padding-top: .05rem;
}
.kecheng .left_k p span{
	padding: 3px .15rem;
	line-height: initial;
	background: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #EEEEEE;
	display: inline-block;
	color: #999999;
	font-size: .2rem;
	margin-right: .08rem;
}
.kecheng .left_k .kcNum{
	color: #999999;
	padding-top: .29rem;
}
.kecheng .left_k .kcNum i{
	background: url(../../Images/Product/index/sy_icon_kc1.png) no-repeat;
	background-size: 100% 100%;
	width: 0.26rem;
	height: 0.24rem;
	display: inline-block;
	margin-right: .05rem;
	position: relative;
	top: .02rem;
}
.kecheng .right_k{
	float: right;
	color: #999999;
	font-size: .28rem;
	text-align: right;
}
.kecheng .right_k h4{
	color: #FE7467;
	font-size: .4rem;
	font-weight: normal;
}
.kecheng .right_k h4 span{
	font-size: .32rem;
}
.kecheng .right_k p{
	text-decoration: line-through;
}
.kecheng .right_k em{
	color: #01B2B6;
	font-size: .24rem;
	font-style: normal;
	display: block;
	padding-top: .18rem;
}
.kecheng .right_k em i{
	background: url(../../Images/Product/index/sy_icon_detail.png) no-repeat;
	background-size: 100% 100%;
	width: 0.28rem;
	height: 0.28rem;
	display: inline-block;
	margin-left: .08rem;
	position: relative;
	top: .04rem;
}
/****/
.heikaFix{
	position: fixed;
	left: 1.7rem;
	bottom: 1.16rem;
	width: 4rem;
	height: 30px;
	line-height: 30px;
	font-size: .28rem;
	color: #F7EBD3!important;
	text-align: center;
	background: rgba(35, 35, 35, .9);
	border-radius: 24px;
	z-index: 1000;
	
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center
}
.heikaFix .icon_hk{
	background: url(../../Images/Product/index/sy_icon_details2.png) no-repeat;
	background-size: 100% 100%;
	width: 0.34rem;
	height: 0.28rem;
	display: inline-block;
	margin-right: .08rem;
	position: relative;
	top: .01rem;
}
.heikaFix .icon_jr{
	background: url(../../Images/Product/index/sy_icon_details2s.png) no-repeat;
	background-size: 100% 100%;
	width: 0.28rem;
	height: 0.28rem;
	display: inline-block;
	margin-left: .08rem;
	position: relative;
	top: .01rem;
}
.stopFix{
	background: url(../../Images/Product/index/icon_top.png) no-repeat;
	background-size: 100% 100%;
	width: .88rem;
	height: .88rem;
	position: fixed;
	right: .16rem;
	bottom: 2.16rem;
	z-index: 1000;
}
.assistant a{
	background: url(../../Images/Product/index/252x.png) no-repeat;
	background-size: 100% 100%;
	width: 1rem;
	height: 1rem;
	position: fixed;
	right: .16rem;
	bottom: 1.1rem;
	z-index: 1000;
}
.footer_nav{
	width: 100%;
	/* height: 1rem; */
	background: #FFFFFF;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	padding: 4px .32rem 3px .32rem;
	border-top: solid 1px #EEEEEE;
}
.appreciate{
	float: left;
	font-size: .2rem;
	padding-left: .24rem;
	text-align: center;
}
.appreciate a{
	color: #333 !important;
}
.appreciate i{
	background: url(../../Images/Product/index/sy_icon_zs.png) no-repeat;
	background-size: 100% 100%;
	width: 0.42rem;
	height: 0.4rem;
	display: inline-block;
}
.fuwu{
	float: right;
	width: 5.5rem;
	height: .82rem;
	line-height: .82rem;
	text-align: center;
	border-radius: 49px;
	font-size: .32rem;
	color: #fff;
}
.btn_fuwu{
	background: #00B2B6;
}
.btn_dingdan{
	background: linear-gradient(90deg, #FF7893 0%, #FE7467 100%);
}
.btn_dingdan i{
	background: url(../../Images/Product/index/tool_icon_tx1.png) no-repeat;
	background-size: 100% 100%;
	width: 0.3rem;
	height: 0.28rem;
	display: inline-block;
	margin-right: .08rem;
	position: relative;
	top: .03rem;
}
.btn_dingdan.on{
	background: #F7F7F7;
	color: #999999;
}
.btn_dingdan.on i{
	background: url(../../Images/Product/index/tool_icon_close12x.png) no-repeat;
	background-size: 100% 100%;
}
.placeOrder article{
	float: left;
	text-align: center;
	padding-left: .48rem;
	color: #00B2B6;
	font-size: .24rem;
	width: 35%;
}
.placeOrder article p{
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.placeOrder em{
	background: url(../../Images/Product/index/hk_tag_hkj.png) no-repeat;
	background-size: 100% 100%;
	width: 1.12rem;
	height: 0.32rem;
	display: inline-block;
	margin-right: .08rem;
	position: absolute;
	right: 0;
	top: 0;
}
.placeOrder article span{
	font-size: .2rem;
	color: #333;
}
.placeOrder article span i{
	background: url(../../Images/Product/index/icon_gz.png) no-repeat;
	background-size: 100% 100%;
	width: 0.2rem;
	height: 0.2rem;
	display: inline-block;
	margin-right: .08rem;
}
.placeOrder a{
	float: right;
	width: 3.44rem;
	height: .8rem;
	text-align: center;
	border-radius: 49px;
	color: #fff;
	background: #00B2B6;
	font-size: .24rem;
	line-height: 15px;
}
.placeOrder a p{
	font-size: .28rem;
	padding-top: .12rem;
}
.mask{
	z-index: 1001;
}
.contenr_text{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1002;
	background: #fff;
    border-radius: 12px 12px 0px 0px;
	padding-bottom: .24rem;
}
.contenr_text .title{
	font-size: .32rem;
	color: #333;
	border-bottom: solid 1px #EEEEEE;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
}
.contenr_text .title i{
	background: url(../../Images/Product/index/tool_icon_close.png) no-repeat;
	background-size: 100% 100%;
	width: 0.24rem;
	height: 0.24rem;
	float: right;
	display: block;
	margin: .4rem .32rem 0 0;
}
.scroll_box{
	padding: .32rem;
	font-size: .28rem;
	color: #333;
}
.tex_tip{
	text-align: center;
	display: block;
	color: #999999;
	font-size: .24rem;
	padding-top: .3rem;
}
.contenr_text a{
	width: 6.86rem;
	height: .88rem;
	line-height: .88rem;
	text-align: center;
	font-size: .32rem;
	color: #fff;
	background: #01B2B6;
	border-radius: 44px;
	display: block;
	margin: 0 auto;
}
.list_pay p{
	font-size: .28rem;
	color: #333;
	font-weight: bold;
	padding-top: .24rem;
}
.list_pay:first-child p{
	padding-top: 0;
}
.list_pay ul {
	overflow: hidden;
}
.list_pay ul li{
	padding: 0 .6rem;
	height: .8rem;
	line-height: .8rem;
	background: #FFFFFF;
	border-radius: 12px;
	border: 1px solid #DDDDDD;
	display: inline-block;
	text-align: center;
	margin-top: .24rem;
}
.list_pay.sex ul li{
	width: 3.16rem;
	padding: 0;
	float: left;
}
.list_pay.sex ul li:last-child{
	margin-right: 0;
}
.list_pay ul li:nth-child(2n+2){
	float: right;
}
.list_pay ul li.on{
	background: #01B2B6;
	border: solid 1px #01B2B6;
	color: #fff;
}
/*******************服务示例***********************/
#sexFuwu{
	padding-bottom: 1.5rem;
}
.examples{
	padding: 0 .2rem 0 .32rem;
}
.examples .text_time{
	text-align: center;
	font-size: .24rem;
	color: #BBBBBB;
	padding-top: .3rem;
}
.examples .lst_li{
	padding-top: .3rem;
	margin-top: .3rem;
	overflow: hidden;
}
.examples .lst_li img{
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	display: block;
	float: left;
}
.examples .lst_li .txt_r{
	width: 6rem;
	float: left;
	padding-left: .2rem;
}
.lst_li .txt_r p{
	color: #999;
}
.lst_li .txt_r span{
	padding: 0 .5rem;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	background: #FFFFFF;
	border-radius: 8px 36px 36px 36px;
	border: 1px solid #DEDEDE;
	font-size: .28rem;
	color: #333;
	display: inline-block;
}
.lst_li em{
	font-style: normal;
	color: #BBBBBB;
	display: block;
	text-align: center;
	padding-top: .3rem;
}
.lst_li .txt_r span.video{
	width: 3rem;
	padding: 0;
	text-align: left;
}
.lst_li .txt_r span.video i{
	background: url(../../Images/Product/index/sy_icon_yy_read3.png) no-repeat;
	background-size: 100% 100%;
	width: 0.38rem;
	height: 0.36rem;
	display: inline-block;
	position: relative;
	top: .06rem;
	margin-right: .6rem;
	margin-left: .4rem;
}
.lst_li .txt_r span.tis{
	height: initial;
	line-height: initial;
	padding: 15px .3rem;
	background: #F2FFFF;
	border-radius: 8px 36px 36px 36px;
	border: 1px solid rgba(1, 178, 182, 0.3);
	text-align: left;
	min-width: 5rem;
}
.lst_li .txt_r span.tis i{
	width: 0.64rem;
	height: 0.64rem;
	float: left;
	position: relative;
	top: .06rem;
	margin-right: .06rem;
}
.lst_li .txt_r span.tis .i_1{
	background: url(../../Images/Product/index/zx_icon_fscg.png) no-repeat;
	background-size: 100% 100%;
}
.lst_li .txt_r span.tis .i_2{
	background: url(../../Images/Product/index/zx_icon_bzxx.png) no-repeat;
	background-size: 100% 100%;
}
.lst_li .txt_r span.tis b{
	display: block;
	float: left;
	font-weight: normal;
	color: #333;
	font-size: .28rem;
	width: 80%;
	margin-left: .1rem;
}
.lst_li .txt_r span.tis b s{
	text-decoration: none;
	color: #999999;
}
.lit_right{
	text-align: right;
}
.lit_right img{
	float: right !important;
}
.btn_zixun{
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	font-size: .32rem;
	color: #fff !important;
	background: #01B2B6;
	position: fixed;
	left: 0;
	bottom: 0;
}
/************************/
.nav_list ul{
	display: -webkit-flex;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
}
.nav_list ul li{
	-webkit-flex: 1;
	color: #333333;
	font-size: .32rem;
	text-align: center;
	padding: .16rem 0 .16rem 0;
	position: relative;
}
.nav_list ul li.on{
	color: #01B2B6;
	font-weight: bold;
}
.nav_list ul li.on::after{
	content: "";
	width: .4rem;
	height: 2px;
	background: #01B2B6;
	border-radius: 3px;
	position: absolute;
	bottom: .08rem;
	left: 50%;
	margin-left: -.2rem;
}
/**********************/
.button_down{
	text-align: center;
	padding: .3rem 0;
	color: #999;
	font-size: 0.26rem;
	position: relative;
}
.button_down::after,
.button_down::before{
	content: "";
	width: 10%;
	height: 1px;
	background: #ddd;
	position: absolute;
	top: .45rem;
}
.button_down::after{
	left: 22%;
}
.button_down::before{
	right: 22%;
}
/*******************/
.btnTop_pj{
	text-align: right;
	font-size: .28rem;
	background: #fff;
	padding: .32rem;
	position: relative;
	z-index: 2001;
}
.btnTop_pj i{
	background: url(../../Images/Product/index/icon_xsj.png) no-repeat;
	background-size: 100% 100%;
	width: 0.12rem;
	height: 0.08rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: .1rem;
}
.btnTop_pj.on{
	color: #01B2B6;
}
.btnTop_pj.on i{
	background: url(../../Images/Product/index/icon_xsj1.png) no-repeat;
	background-size: 100% 100%;
}
.btnTop_pj.on.sex i{
	background: url(../../Images/Product/index/icon_xsj1.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(180deg);
}
.btnTop_text{
	position: fixed;
	left: 0;
	top: .8rem;
	width: 100%;
	background: #fff;
	z-index: 1008;
	padding: .08rem .3rem .32rem .3rem;
}
.btnTop_text ul{
	overflow: hidden;
}
.btnTop_text ul li{
	width: 1.58rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	background: #FFFFFF;
	border-radius: 30px;
	border: 1px solid #DDDDDD;
	color: #666666;
	font-size: .24rem;
	margin-right: .12rem;
	float: left;
	margin-top: .24rem;
}
.btnTop_text ul li:nth-child{4n+4}{
	margin-right: 0;
}
.btnTop_text ul li.on{
	border: 1px solid #01B2B6;
	background: #01B2B6;
	border-radius: 30px;
	color: #fff;
}
/******************************************/
.teacher_vox{
	display: block;
	width: 100%;
	background: #F7F7F7;
	border-radius: 8px;
	padding: .24rem;
	overflow: hidden;
	margin-top: .24rem;
}
.teacher_vox img{
	float: left;
	width: .64rem;
	height: .64rem;
	border-radius: 50%;
	margin-top: .04rem;
}
.teacher_vox figure{
	margin: 0;
	line-height: initial;
	float: left;
	width: 80%;
	padding-left: .16rem;
}
.teacher_vox figure h3{
	font-size: .28rem;
}
.teacher_vox figure p{
	color: #999999 !important;
	font-size: .24rem !important;
	margin-top: 0 !important;
}
.teacher_vox figure p i{
	background: url(../../Images/Product/index/sy_icon_tag1.png) no-repeat;
	background-size: 100% 100%;
	width: 0.24rem;
	height: 0.24rem;
	display: inline-block;
	position: relative;
	top: .04rem;
	margin-right: .06rem;
}
/*************/
.layui-m-layercont{
	padding: 30px;
}
#content-box{
	padding-top: 1.8rem;
	text-align: center;
}
#content-box img{
	width: 3.7rem;
	height: 3.38rem;
}
#content-box a{
	padding-top: .2rem;
	display: block;
}
/*************/
.conterWx{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1001;
	text-align: center;
}
.conterWx .bg{
	width: 6.4rem;
	height: 8.3rem;
	background: #fff;
	border-radius: 8px;
	font-size: .24rem;
	color: #666;
}
.conterWx .bg h3{
	font-size: .36rem;
	color: #333;
	padding-top: .6rem;
	padding-bottom: .1rem;
}
.conterWx .bg span{
	color: #999;
}
.conterWx .bg ul{
	padding: .6rem 0;
}
.conterWx .bg img{
	width: 2.8rem;
	height: 2.8rem;
}
.conterWx .bg ul li {
	font-size: .24rem;
	color: #666;
	display: inline-block;
	text-align: center;
	margin-right: .6rem;
}
.conterWx .bg ul li:last-child{
	margin-right: 0;
}
.conterWx .bg ul li img{
	width: 1rem;
	height: 1rem;
}
.conterWx .bg ul li em{
	display: block;
	width: 100%;
}
.conterWx .bg p{
	font-size: .28rem;
	padding-top: .3rem;
}
.ex_icon_close{
	background:  url(../../Images/Product/index/tc_close2x.png) no-repeat;
	background-size: 100% 100%;
	width: .64rem;
	height: .64rem;
	display: inline-block;
	margin-top: .4rem;
}
 .zl_box {
	padding-top: 1rem;
}
#list-ajax-load #content-box a{
	background: initial;
	border: solid 1px #ccc;
	line-height: initial;
	display: inline-block;
	padding: .1rem .5rem;
	margin-top: .3rem;
	border-radius: 20px;
}


/**/

.bot_modWin{
	position: absolute;
	width: 100%;
	bottom: 0;
	border-radius: 12px 12px 0 0;
	transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	background: #fff;
	z-index: 999;
}
.master_header img{
	width: 1.28rem;
	height: 1.28rem;
	position: absolute;
	left: 50%;
	margin-left: -.69rem;
	top: -.69rem;
	border: 2px solid #FFFFFF;
	border-radius: 50%;
}
.master_p{
	color: #333333;
	font-size: .28rem;
	text-align: center;
	padding-top: .95rem;
}
.bnt_close{
	position: absolute;
	right: .24rem;
	top: .16rem;
}
.bot_modWin ul{
	overflow: hidden;
	padding: .55rem .2rem .25rem .2rem;
}
.bot_modWin ul li{
	width: 25%;
	float: left;
	text-align: center;
	font-size: .24rem;
	color: #999;
	padding: .15rem 0;   
	border: 1px solid rgba(255, 255, 255, 0);
}
.bot_modWin ul li.on{
	border-color: #01b2b6;
	border-radius: 10px;
}
.bot_modWin ul li p{
	color: #333;
}
.bot_modWin ul li .img_1{
	width: 1rem;
	height: 1rem;
}
.bot_modWin ul li span img{
	width: .22rem;
	height: .22rem;
	margin-right: .05rem;
	position: relative;
	top: .02rem;
}
.admire_line{
	background: #F7F7F7;
	width: 100%;
	height: 1rem;
	color: #333;
	font-size: .28rem;
	overflow: hidden;
	padding: 0 .32rem;
}
.text_left{
	float: left;
	padding-top: .15rem;
}
.admire_line img{
	width: .48rem;
	height: .48rem;
	position: relative;
	top: .12rem;
}
.admire_line span{
	padding: 0 .1rem;
}
.admire_line a{
	color: #01B2B6;
	font-size: .32rem;
}
.btn_right{
	float: right;
	width: 1.12rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	color: #FFFFFF;
	background: #01B2B6;
	font-size: .28rem;
	border-radius: 5px;
	margin-top: .22rem;
}
.hot_label h5{
	color: #01B2B6;
	font-size: .28rem;
	padding-top: .15rem;
	padding-bottom: .2rem;
}
.hot_label ul{
	overflow: hidden;
}
.hot_label ul li{
	background: #F7F7F7;
	border-radius: 24px;
	border: 1px solid #EEEEEE;
	color: #666;
	font-size: 0.28rem;
	float: left;
	margin-bottom: 0.24rem;
	margin-right: 0.16rem;
}
.hot_label ul li a{
	display: block;
	padding: 3px .3rem;
	overflow: hidden;
}
.hot_label ul li span,
.hot_label ul li b,
.hot_label ul li i{
	float: left;
	display: block;
}
.hot_label ul li b{
	color: #FE8679;
	padding: 0 .16rem 0 .08rem;
}
.hot_label ul li i{
	background: url(../../Images/article/sy_icon_hot2x.png) no-repeat;
	background-size: 100% 100%;
	width: 0.3rem;
	height: 0.28rem;
	margin-top: .05rem;
}
.cai_text{
	text-align: center;
	color: #999;
	font-size: .28rem;
	padding: .3rem 0;
}
.cai_text span{
	position: relative;
}
.cai_text span::after,
.cai_text span::before{
	content: "";
	position: absolute;
	top: .2rem;
	width: .64rem;
	height: 1px;
	background: #BBBBBB;
}
.cai_text span::after{
	left: -1rem;
}
.cai_text span::before{
	right: -1rem;
}
.arti_new {
    padding: 0 0.25rem .3rem .25rem;
    background: #fff;
    position: relative;
	width: 6.9rem;
	margin: 0 auto;
}
.guess ul li{
	overflow: hidden;
	border-bottom: solid 1px #EEEEEE;
	padding-bottom: .4rem;
	position: relative;
}
.guess ul li:last-child{
	border-bottom: none;
	padding-bottom: 0.1rem;
}
.guess ul li a{
	display: block;
}
.guess .gess_left{
	float: left;
	width: 4.66rem;
}
.guess .gess_left .conter{
	background: #fff;
	padding: 0 .2rem 0 0;
}
.guess ul li h4{
	padding: 0;
	font-size: 0.32rem;
	color: #333;
	margin: 0.4rem 0 .3rem 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.guess .gess_right{
	float: right;
	padding-top: 0.42rem;
	position: relative;
}
.guess .gess_right img{
	border-radius: 8px;
	width: 1.6rem;
	height: 1.6rem;
}
.guess .gess_right i{
	top: .5rem;
}
.conter {
    width: 4.6rem;
    padding: 10px .2rem;
    background: #F7F7F7;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	position: absolute;
	top: 1.6rem;
}
.conter span img.img {
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 50%;
    vertical-align: middle;
}
.conter span:last-child img {
    width: .24rem;
    height: .24rem;
}
.conter span img {
    margin-right: .1rem;
}
.conter span:last-child {
   /* display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-end; */
}
.conter span:last-child img{
	position: relative;
	top: -.01rem;
}
.conter span {
    -webkit-flex: 1;
    flex: 1;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.comment_box{
	background: #fff;
	margin-top: .32rem;
	padding: 0 .32rem;
}
.comment_box h4{
	color: #333;
	font-size: .32rem;
	border-bottom: solid 1px #EEEEEE;
	padding: .2rem 0;
}

.gift-popu{
	z-index: 10001;
}

/***/
.popup_home .popup_lst{
	padding-top: 0;
	overflow: hidden;
}
.home_title{
	background: #f7f7f7;
	height: 1.12rem;
	line-height: 1.12rem;
}
.home_text{
	color: #333;
	text-align: justify;
	padding-top: .22rem;
}
.home_list{
	overflow: hidden;
}
.home_list li{
	min-width: 2.7rem;
	height: .64rem;
	line-height: .64rem;
	background: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 12px;
	color: #666;
	float: left;
	font-size: .32rem;
	margin-right: .32rem;
	margin-top: .32rem;
	text-align: center;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center
	
}
.home_list li:nth-child(2n+2){
	margin-right: 0;
}
.home_list li.on{
	background: #01b2b6;
	border: 1px solid #01b2b6;
	color: #fff;
}
.btn_popup_qeus.dw{
	min-width: 100%;
}



.list_img{
	display: flex;
	flex-wrap: wrap;
	width: 100%;    
	position: relative;
	margin-top: .28rem;
}
.list_img img{
	width: 30% !important;
	display: inline-block !important;
	margin: .1rem !important;
	max-height: 2rem !important;
	min-height: 2rem !important;
	border-radius: 6px !important;
}


/*******************/
.concent_pop{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 1001;
}
.concent_pop .swiper-container {
	width: 7.5rem;
	height: 8rem;

}
.concent_pop .swiper-slide {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

}
.concent_pop .swiper-slide  img{
	width: 100%;
}
/****/
.subscribe{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1002;
	background: #fff;
	border-radius: 12px 12px 0px 0px;
	padding-bottom: .24rem;
	height: 7.74rem;
	text-align: center;
	color: #1A1A1A;
	line-height: initial;
	padding: .56rem .32rem .24rem .32rem;
}
.subscribe i{
	background: url(../../Images/Product/index/color_2.png) no-repeat;
	background-size: 100% 100%;
	width: .8rem;
	height: .8rem;
	display: inline-block;
}
.subscribe h3{
	font-size: .36rem;
	padding: .1rem 0 .12rem;
}
.subscribe span{
	color: #999;
	font-size: .28rem;
}
.icon_erweima{
	padding: .64rem 0 .24rem 0;
}
.icon_erweima img{
	width: 2.16rem;
	height: 2.16rem;
}
.subscribe p{
	font-size: .28rem;
}
.subscribe a{
	margin-top: .64rem;
	display: block;
	width: 100%;
	height: .88rem;
	line-height: .88rem;
	color: #666;
	background: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 45px;
	font-size: .32rem;
}

.helper_box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 1001;
    background: #fff;
    width: 6.4rem;
    border-radius: 12px;
    text-align: center;
	background-color: #fff;
	text-align: center;
	font-size: .24rem;
	color: #666;
}
.hel_title{
	background:url(../../Images/Product/title2.png) no-repeat;
	background-size: 100% 100%;
	width: 6.4rem;
	height: 2.22rem;
	line-height: 1.9rem;
	color: #fff;
	font-size: .32rem;
	font-weight: bold;
	text-indent: 1.7rem;
	position: relative;
	top: -.3rem
}
.helper_box section{
	padding: 0 0 .4rem 0;
	line-height: initial;
}
.helper_box section .hel_name p{
	padding: 0 .5rem;
	font-size: .28rem;
	color: #333;
}
.hel_img{
	margin: .3rem 0;
	border: solid 1px #e2f6f6;
	display: inline-block;
	color: #20cdc8;
	background: #F7F7F7;
	border-radius: 8px;
	padding: .2rem;
}
.hel_img img{
	width: 2.4rem;
	height: 2.4rem;
}
.hel_img p{
	font-weight: bold;
	color: #333;
	font-size: .6rem;
}
.hel_btn{
	display: flex;
	padding: 0 .32rem;
}
.hel_btn a{
	flex: 2;
	border: solid 1px #01b3b7;
	background: #01b3b7;
	color: #fff;
	font-size: .32rem;
	font-weight: bold;
	height: .88rem;
	line-height: .88rem;
	display: inline-block;
	border-radius: 45px;
}
.hel_btn a:first-child{
	background: #fff;
	flex: 1;
	border: solid 1px #01b3b7;
	color: #01b3b7;
	margin-right: .2rem;
}
/**/
.stras_mask{
	position: absolute;
	left: 0;
	bottom: 1.22rem;
	width: 100%;
	z-index: 1002;
	line-height: initial;
	padding: 0 .24rem;
}
.stras_mask .bg{
	background: #fe7467;
	border-radius: 16px;
	padding: .24rem .28rem;
	color: #fff;
	font-size: .24rem;
	position: relative;
}
.stras_mask .bg h3{
	font-size: .32rem;
}
.stras_mask .bg p{
	font-size: .28rem;
	padding-top: .06rem;
}
.stras_mask .bg div{
	padding-top: .12rem;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center
}
.stras_mask .bg div span.btn_str_tip{
	opacity: .6;
	flex: 1;
}
.stras_mask .bg div span.btn_str_tip i{
	background:url(../../Images/Product/index/tool_icon_sex.png) no-repeat;
	background-size: 100% 100%;
	width: .26rem;
	height: .24rem;
	display: inline-block;
	margin-right: .04rem;
	position: relative;
	top: .02rem;
}
.stras_mask .bg div span.btn_str_tip.on i{
	background:url(../../Images/Product/index/tool_icon_sex1.png) no-repeat;
	background-size: 100% 100%;
}
.stras_mask .bg div a{
	float: right;
	font-size: .32rem;
	font-weight: bold;
	color: #FE7467;
	width: 2rem;
	height: .64rem;
	line-height: .64rem;
	background: #fff;
	text-align: center;
	border-radius: 32px;
}
.icon_str_colse{
	background:url(../../Images/Product/index/tool_icon_close1.png) no-repeat;
	background-size: 100% 100%;
	width: .24rem;
	height: .24rem;
	position: absolute;
	right: .16rem;
	top: .16rem;
}

/**/
.unlock{border-radius: 12px;width: 6.4rem;height: 3.4rem;}
.lock_fot span:last-child::after{width: 0;}
.lock_text{padding-top: .64rem;}
.lock_text::after, .lock_text::before{border: none;}
.lock_text p{font-size: .32rem;font-weight: bold;}
.lock_text span{font-size: .28rem;color: #666;}
.lock_fot{padding: 0 .28rem;}
.lock_fot span{height: .88rem; line-height: .88rem; border: 1px solid #ddd;border-radius: 22px;color: #666;font-size: .32rem;padding: 0;}
.lock_fot span:last-child{border: 1px solid #01b2b6;color: #01b2b6;margin-left: .4rem;}

/* 新人福利咨询弹窗 */
.loyeeWelfare_box{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 2001;
}
.icon_logtitle{
	background: url('https://resource.bangbangce.com/kQjKa4zPAb3K') no-repeat;
	background-size: 100% 100%;
	width: 4.79rem;
	height: 1.46rem;
}
.icon_logbg{
	background: url('https://resource.bangbangce.com/yBrDbaTWsTXe') no-repeat;
	background-size: 100% 100%;
	width: 4.48rem;
	height: 5.84rem;
	margin-top: .2rem;
	padding: .96rem .24rem 0 .24rem;
}
.logList{
	background: #fff;
	border-radius: 8px;
	margin-top: .1rem;
	padding: .1rem;
	position: relative;
}
.logList .title{
	display: flex;
	align-items: center;
}
.logList .title .icon_hb{
	background: url('https://resource.bangbangce.com/57df5W85aMHa') no-repeat;
	background-size: 100% 100%;
	width: .2rem;
	height: .28rem;
	display: inline-block;
	margin: 0 .12rem;
}
.logList .title span{
	flex: 1;
	color: #222222;
	font-size: .3rem;
	font-weight: bold;
}
.logList .title .icon_ss{
	background: url('https://resource.bangbangce.com/XFizy8MekSh2') no-repeat;
	background-size: 100% 100%;
	width: .44rem;
	height: .44rem;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
}
.logList .text{
	color: #818181;
	font-size: .24rem;
}
.btnlogreceive{
	text-align: center;
	position: absolute;
	bottom: .7rem;
	left: 0;
	width: 100%;
}
.btnlogreceive a{
	background: url('https://resource.bangbangce.com/cwYHWyBMW7DP') no-repeat;
	background-size: 100% 100%;
	width: 2.8rem;
	height: .92rem;
	display: inline-block;
}
.icon_logclose{
	text-align: center;
	padding-top: .7rem;
}
.icon_logclose i{
	background: url('https://resource.bangbangce.com/wTds3NW8py2F') no-repeat;
	background-size: 100% 100%;
	width: .48rem;
	height: .48rem;
	display: inline-block;
}