<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.padd32{
	padding: 0 .32rem;
}
#index-color {
	color: #01AAAF !important;
}
body{
	font-family: "Microsoft YaHei",-apple-system-font, sans-serif;
}
/*header*/
.nav_list{
	padding: .24rem .32rem;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
}
.nav_list a{
	font-size: 0.32rem;
	display: inline-block;
	/* display: block; */
	/* float: left; */
	padding-right: .2rem;
	position: relative;
}
.nav_list a.on{
	font-size: 0.36rem;
	font-weight: bold;
}
.nav_list a.on::after{
    position: absolute;
    bottom: -.1rem;
    left: .2rem;
    content: "";
    width: 20px;
    height: 3px;
    background: #01B2B6;
    border-radius: 2px;
}
.icon_red{
	background: #FE7467;
}
.icon_dot{
	position: absolute;
	right: .1rem;
	top: -.05rem;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
}
.nav_list .ui-cell-noborder{
	padding: 0;
}
.top_box_sign {
    position: absolute;
    right: .12rem;
    top: .26rem;
}
.sign{
    margin-right: 0.2rem;
}
.sign i{
    display: block;
    width: .4rem;
	height: .4rem;
	text-align: center;
	font-size: 0.2rem;
	color: #01B2B6;
}
.sign i.icon_on{
	background: url(../../Images/Index/sign1.png) no-repeat;
	background-size: 100% 100%;
}
.sign i.icon_ok{
	background: url(../../Images/Index/sign2.png) no-repeat;
	background-size: 100% 100%;
}
.top_box {
    background: #fff;
	padding:.24rem .32rem;
	text-align: left;
	margin-top: .85rem;
}
.search_box {
    background-color: #F7F7F7;
    padding: 0 .3rem;
    border-radius: 20px;
    color: #bbb !important;
}
/*******************/
/* #sousuo {
    height: .6rem;
    line-height: .6rem;
	font-size: 0.28rem;
	display: block;
	width: 100%;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
}
#sousuo span{
	height: .6rem;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	overflow: hidden;
}
#sousuo i{
	position: relative;
	top: .03rem;
}
#sousuo span em{
	height: .6rem;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
} */


#sousuo {
    height: .6rem;
	font-size: 0.28rem;
	display: block;
	width: 100%;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	overflow: hidden;
}
#sousuo span{
	height: .6rem;
}
#sousuo i{
	position: relative;
}
#sousuo span em{
	height: .6rem;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	width: 100%;
	color: #BBBBBB;
}
#sousuo i::before{
	content: "";
	background: url(../../Images/Index/icon_search2x.png) no-repeat;
	background-size: 100% 100%;
	width: .28rem;
	height: .28rem;
	display: block;
}
/************************/


.sign_remind{
	background: #FFC669;
	border-radius: 8px;
	width: 4.8rem;
	height: 1.12rem;
	position: absolute;
	right: .32rem;
	top: .9rem;
	z-index: 99;
	display: flex;
	padding: 0 .2rem;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center
}
.sign_remind::after{
	content: "";
	position: absolute;
	right: .2rem;
	top: -.24rem;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom-color: #FFC669 ;
}
.sign_remind p{
	flex: 1;
	font-size: .24rem;
	color: #333;
}
.sign_remind a{
	color: #CB6A33;
	font-size: .28rem;
	position: relative;
	top: .15rem;
}
.sign_remind a i{
	width: .1rem;
	height: .16rem;
	background: url(../../Images/Index/sy_icon_details12x.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	margin-left: .06rem;
}
/*banner*/
.swiper_bf{
	/* background: #fff; */
	/* padding-bottom: .24rem; */
	background: -webkit-linear-gradient(180deg, #ffffff 0%, #f7f7f7);
	background: -moz-linear-gradient(180deg, #ffffff 0%, #f7f7f7);
	background: -o-linear-gradient(180deg, #ffffff 0%, #f7f7f7);
	background: linear-gradient(180deg, #ffffff 0%, #f7f7f7);
}
.top_swiper{
	height: 2.72rem;
	overflow: hidden;
	border-radius: 8px;
}
.top_swiper .swiper-pagination-bullet{
	background: rgba(255,255,255,.3);
}
.top_swiper .swiper-pagination-bullet-active{
	background: #fff;
}
.top_swiper img{
	border-radius: 8px;
	height: 2.72rem;
}
/*å››å¤§ä¿éšœ*/
.guaranIdx{
	padding-top: .24rem;
	padding-bottom: .24rem;
}
.guaranIdx .b_fff{
	border-radius: 8px;
	display: flex;
	display: -webkit-flex;
	text-align: center;
	padding: .16rem 0;
}
.guaranIdx span{
	flex: 1;
	-webkit-flex: 1;
	color: #999;
	font-size: .24rem;
}
.guaranIdx span img{
	width: 12px;
	height: 12px;
	margin-right: .08rem;
	position: relative;
	top: .025rem;
}
/*æ‰¾è€å¸ˆä¸Žé—ªæµ‹*/
.ask_quick{
	display: flex;
	display: -webkit-flex;
}
.ask_quick a{
	flex: 1;
	-webkit-flex: 1;
	margin-right: .18rem;
	background: #fff;
	border-radius: 8px;
	padding: .3rem 0 .3rem .3rem;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 1px 6px rgba(0,0,0,.08);
}
.ask_quick a:last-child{
	margin-right: 0;
}
.banner_box_a_cn p{
	font-size: .36rem;
	font-weight: bold;
	color: #333;
	padding-bottom: .1rem;
}
.banner_box_a_cn img.icon_jt{
	width: .32rem;
	height: .32rem;
	margin-left: .08rem;
	position: relative;
	top: .03rem;
}
.banner_box_a_cn span{
	font-size: .26rem;
	color: #999;
}
.sy_bg_kstw{
	width: .92rem;
	height: .92rem;
	position: absolute;
	right: 0;
	bottom: 0;
}
.icon_mianfei{
	width: 1rem;
	height: .28rem;
	background: url(../../Images/Index/icon_mianfei.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 0;
}
/***/
.classify_bar{
	border-radius: 16px 16px 0px 0px;
	background: #fff;
	margin-top: .24rem;
	display: flex;
	display: -webkit-flex;
	text-align: center;
	position: relative;
	/* border-bottom: solid 1px #EEEEEE; */
}
.classify_bar .item_list{
	flex: 1;
	-webkit-flex: 1;
	padding: .4rem 0;
}
.classify_bar img{
	width: .8rem;
	/*height: .8rem;*/
	display: inline-block;
	border-radius: 8px;
}
.classify_bar span{
	color: #666;
	font-size: .26rem;
	padding-top: .12rem;
	display: block;
}
.classify_all{
	position: absolute;
	right: 0;
	bottom: 0;
	width: .6rem;
	height: 1.6rem;
	text-align: right;
}
.classify_all img{
	width: .32rem;
	height: 1.6rem;
}
/**/
.big_banner{
	background: #fff;
	padding-top: .2rem;
	padding-bottom: .2rem;
}
.banner_up{
	margin-bottom: .12rem;
	display: block;
}
.banner_up img{
	width: 100%;
	height: 2rem;
}
.skip_bar{
	display: flex;
	display: -webkit-flex;
}
.skip_bar a{
	flex: 1;
	-webkit-flex: 1;
	margin-right: .12rem;
}
.skip_bar a:last-child{
	margin-right: 0;
}
.big_banner img{
	border-radius: 8px;
}
/*å°å·¥å…·*/
.tool_box{}
.tool_box .t-tab{
	/* display: flex;
	display: -webkit-flex; */
	text-align: center;
	overflow: hidden;
	/* background: #f7f7f7; */
}
.tool_box .tab_item{
	flex: 1;
	-webkit-flex: 1;
	height: .96rem;
	line-height: .96rem;
	position: relative;
	
	width: 3.26rem;
	background: #f7f7f7;
	float: left;
}
.tool_box .tab_item span{
	color: #999;
	font-size: .32rem;
	text-indent: .72rem;
	position: relative;
}
.tool_box .tab_item:last-child span{
	text-indent: -.72rem;
}
.tool_box .tab_item.active span::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: .1rem;
	margin-left: .18rem;
	width: .4rem;
	height: .06rem;
	background: #01b2b6;
	border-radius: 4px;
}
.tool_box .tab_item.active:last-child span::after{
	content: "";
	position: absolute;
	left: inherit;
	right: 50%;
	bottom: .1rem;
	margin-left: initial;
	margin-right: .18rem;
	width: .4rem;
	height: .06rem;
	background: #01b2b6;
	border-radius: 4px;
}
.tool_box .tab_item.active{
	background: #fff;
}
.tool_box .tab_item.active span{
	color: #333;
	font-weight: bold;
}
.tool_box .tab_item img{
	width: .36rem;
	height: .24rem;
	position: absolute;
    left: .45rem;
    top: .38rem;
	display: none;
}
.tool_box .tab_item.active img {
    display: block;
}
.tool_box .tab_item:last-child img {
    right: .45rem;
    left: initial;
}
.tool_box .tab_item.active::after{
	content: "";
	width: .96rem;
	height: .96rem;
	background: url(../../Images/Index/sy_bg_bz_r2x.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	/* right: -.24rem; */
	right: -.98rem;
	z-index: 33;
}
.tool_box .tab_item:last-child.active::after {
	background: url(../../Images/Index/sy_bg_bz_l2x1.png) no-repeat;
	background-size: 100% 100%;
	left: -.98rem;
    /* left: -.24rem; */
}
.tool_box .tab_item:last-child{
	margin-left: .96rem;
}
/****è¿åŠ¿æŠ¥å‘Š***/
.tools1{
	margin-top: .4rem;
}
.text_list_in{
	padding: 0 .28rem .32rem .28rem;
}
.numdata{
	color: #FEA967;
	font-size: .32rem;
}
.cus_exclusive {
	padding: .25rem 0;
}
.cus_exclusive img{
	width: 2.32rem;
	height: 2.32rem;
}
.fot_txt{
	color: #999;
	font-size: .28rem;
}
.fot_txt p{
	font-size: .32rem;
	font-weight: bold;
	color: #333;
	padding-bottom: .3rem;
}
.index_box{
	position: absolute;
	left: 1.8rem;
	top: .32rem;
	font-size: .24rem;
	line-height: initial;
	width: 70%;
}
.index_box h3{
	color: #62A0ED;
	font-size: .48rem;
	font-weight: bold;
}
.index_box p{
	color: #333;
	padding: .04rem 0 .14rem 0;
}
.index_box span{
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 100%;
}
.iconIndexJt{
	position: absolute;
	right: .2rem;
	top: .7rem;
	font-size: 14px;
	color: #EEEEEE;
}
/**ä»Šæ—¥è¿åŠ¿**/
.votebox{width:100%;text-align:center;position:relative;margin-top: 1rem;}
dl.barbox{
	width: 100%;
}
.barbox dd{
	width: 19%;
	display: inline-block;
	position: relative;
}
.barbox .xian{  width: .2rem;
    height: 2.16rem; background:#F7F7F7;display:inline-block;position: relative;border-radius: 50px;}
.barbox dd.barline span{
	position: absolute;
	right: -25px;
	bottom: 10px;
	transform: rotate(90deg);
	color: #BBBBBB;
}
.barbox dd.barline p{
	position: absolute;
	right: .3rem;
	bottom: -.48rem;
	color: #333;
	font-size: .32rem;
}
.barbox dd.barline div.charts{width: 100%;  position: absolute; bottom: 0; left: 0;border-radius: 50px;}
.barbox dd.barline div.charts1{background:#BA87FE;}
.barbox dd.barline div.charts2{background:#62A0ED;}
.barbox dd.barline div.charts3{background:#19D9DE;}
.barbox dd.barline div.charts4{background:#FF6B86;}
.barbox dd.barline div.charts5{background:#4AD49F;}

.tc-list{
	padding-top: .8rem;
}
.tc-list ul{
	display: flex;
	display: -webkit-flex;
	text-align: center;
    border-bottom: solid 1px #eee;
	padding: 0 .6rem .3rem .6rem;
}
.tc-list ul li{
	flex: 1;
	-webkit-flex: 1;
	color: #999999;
	font-size: 12px;
}
.tc-list ul li i{
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 50%;
	margin-right: .08rem;
	position: relative;
	top: -.03rem;
}
.tc-list ul li:nth-child(1) i{
	background: #BA87FE;
}
.tc-list ul li:nth-child(2) i{
	background: #FF6B86;
}
.tc-list ul li:nth-child(3) i{
	background: #62A0ED;
}
.tc-list ul li:nth-child(4) i{
	background: #19D9DE;
}
.tc-list ul li:nth-child(5) i{
	background: #4AD49F;
}
/***/

.wuxing_img{
    float: left;
    width: 1rem;
	height: 1rem;
	line-height: 1rem;
	overflow: hidden;
	text-align: center;
	margin: .36rem 0 0 .32rem;
	font-size: .32rem;
	font-weight: bold;
}
.wuxing_img img{
	width: 100%;
}
.wuxing_text{
	float: left;
	margin-left: .35rem;
	line-height: initial;
	width: 70%;
}
.wuxing_text .c_gray{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.wuxing_text h3{
	padding-top: .42rem;
	font-size: .32rem;
	font-weight: bold;
	color: #333;
	padding-bottom: .12rem;
}
.barbox.barbox_2 dd.barline span{
	transform: rotate(0);
	position: absolute;
	right: -.25rem;
	bottom: -.48rem;
	color: #fff;
	background: #BA87FE;
	width: .72rem;
	height: .72rem;
	line-height: .72rem;
	border-radius: 50%;
}

.barbox.barbox_2 dd.barline div.charts1,
.barbox.barbox_2 dd.barline:nth-child(1) span{
	background: #E4C56B;
}
.barbox.barbox_2 dd.barline div.charts2,
.barbox.barbox_2 dd.barline:nth-child(2) span{
	background: #54E5AF;
}
.barbox.barbox_2 dd.barline div.charts3,
.barbox.barbox_2 dd.barline:nth-child(3) span{
	background: #54C0FF;
}
.barbox.barbox_2 dd.barline div.charts4,
.barbox.barbox_2 dd.barline:nth-child(4) span{
	background: #FF5A84;
}
.barbox.barbox_2 dd.barline div.charts5,
.barbox.barbox_2 dd.barline:nth-child(5) span{
	background: #F9AD69;
}
.barbox.barbox_2 dd.barline p{
	bottom: -1.2rem;
}
.barbox.barbox_2 dd.barline p img{
	width: .32rem;
	height: .32rem;
	position: relative;
	top: .05rem;
	margin-right: .08rem;
}
/**/
.wuxing_img_rizhu_0{
	background: url(../../Images/Index/cbg_1.png) no-repeat;
    background-size: 100% 100%;
	color: #FF2659;
}
.wuxing_img_rizhu_1{
	background: url(../../Images/Index/cbg_2.png) no-repeat;
    background-size: 100% 100%;
	color: #BD9A33;
}
.wuxing_img_rizhu_2{
	background: url(../../Images/Index/cbg_3.png) no-repeat;
    background-size: 100% 100%;
	color: #04D188;
}
.wuxing_img_rizhu_3{
	background: url(../../Images/Index/cbg_4.png) no-repeat;
    background-size: 100% 100%;
	color: #0C9CEC;
}
.wuxing_img_rizhu_4{
	background: url(../../Images/Index/cbg_5.png) no-repeat;
    background-size: 100% 100%;
	color: #FD8B25;
}
.liu_box{
	padding-top: .8rem;
}
.liu_title{
	font-size: .28rem;
	color: #333;
}
.liu_title img{
	width: .28rem;
	height: .28rem;
	margin-right: .08rem;
	position: relative;
	top: .06rem;
}
.liu_list span{
	margin-top: .3rem;
	background: #F7F7F7;
	display: inline-block;
	padding: 6px .2rem;
	font-size: 12px;
	border-radius: 20px;
	margin-right: .2rem;
}
.liu_list span:nth-child(4n+4){
	margin-right: 0;
}
.zodiac_list{
	width:100%;
	/* overflow-x: auto;
	overflow-y: hidden; */
	overflow: scroll;
	white-space:nowrap;
	line-height: initial;
	border-bottom: solid 1px #eee;
	padding-bottom: .25rem;
}
.zodiac_list::-webkit-scrollbar{
	background:none;
}
.zodiac_list span{
	width: .8rem;
	height: .8rem;
	line-height: .8rem;
	overflow: hidden;
	border-radius: 10px;
	text-align: center;
	background: #EEEEEE;
	margin-right: .16rem;
}
.zodiac_list span img{
	width: 100%;
}
.icon_bzqh {
    position: absolute;
    right: -.28rem;
    top: .46rem;
    z-index: 3;
}
.icon_bzqh img{
	width: .48rem;
	height: .8rem;
}
/*å·¥å…·åˆ—è¡¨*/
.tool_list {
    padding-right: .8rem;
	padding-bottom: .32rem;
}
.tool-swipper .item{
	width: 2.94rem;
	height: 1.4rem;
	margin-right: .16rem;
	border-radius: 8px;
	overflow: hidden;
}
.tool-swipper .item img{
	width: 100%;
}
.gongju-gengduo {
    width: 5%;
    position: relative;
    top: .2rem;
    right: .3rem;
    background: initial;
    margin-right: 0;
    color: #BBBBBB;
    font-size: 12px;
    text-align: center;
    line-height: initial;
}
.gongju-gengduo a{
	display: block;
	padding: 0 .5rem;
}
.gongju-gengduo img {
    width: .24rem;
    height: .24rem;
}
/*ç›´æ’­å…¥å£*/
.index_live{
	margin-top: .16rem;
	background: #fff;
	padding-top: .4rem;
	/* padding-bottom: .4rem; */
	padding-right: 0;
}
.live_hed{
	overflow: hidden;
	position: relative;
	line-height: initial;
	padding-bottom: .24rem;
}
.live_hed em{
	font-size: .32rem;
	font-weight: bold;
	color: #333;
	float: left;
}
.live_hed span.sy_icon_live{
	margin-left: .08rem;
	position: relative;
	top: .035rem;
	background: initial;
}
.live_hed span.sy_icon_live img{
	width: .82rem;
	height: .32rem;
}
.live_hed a{
	position: absolute;
	right: .32rem;
	top: 2px;
	color: #01B2B6;
	font-size: .24rem;
}
.live_hed a i{
	/* color: #01B2B6;
	border: solid 1px #01B2B6; 
	border-radius: 50%;
	padding: 1px;
	font-size: 8px; */
	background: url(../../Images/Index/sy_icon_details42x.png) no-repeat;
	background-size: 100% 100%;
	width: .24rem;
	height: .24rem;
	display: inline-block;
	position: relative;
	top: .03rem;
	margin-left: .08rem;
}
/***/
.index_live .swiper-slide{
	/* width: 87%; */
	/* margin-right: .1rem; */
}
.live_box{	
	/* border-radius: 5px; */
	width: 100%;
	height: 2.84rem;
	position: relative;
	margin-bottom: .2rem;
	overflow: hidden;
}
.live_box:last-child{
	margin-bottom: 0;
}
.bgImg{
	position: absolute;
	width: 100%;
	height: 2.4rem;
}
.bgImg::after{
	content: "";
	display: block;
	clear: both;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
    background:linear-gradient(181deg, rgba(255, 255, 255, 0) 50%,  rgba(0, 0, 0, 0.6) 100%);
}
.live_box .live_hed{
	position: absolute;
	left: 0;
	top: .16rem;
	width: 100%;
	z-index: 3;
}
.live_box .to_url{
	height: 2.4rem;
	border-radius: 5px;
}
.live_hed .icon_zhibo{
	margin-left: .16rem;
	background: #FF406B;
	border-radius: 4px;
	display: block;
	clear: both;
	overflow: hidden;
	color: #fff;
	font-size: .24rem;
	float: left;
	 text-align: center;
	 padding: 0 .1rem;
	 height: 19px;
	 line-height: 17px;
	 position: relative;
	 z-index: 3;
}
.live_hed .icon_zhibo .icon_zb{
	background: url(../../Images/icon_live_w.gif) no-repeat;
	background-size: cover;
	width: .14rem;
	height: .14rem;
	display: block;
	float: left;
	/* margin: .07rem 0rem 0 0; */
	margin-right: .08rem;
}
.live_hed .b_now{
	display: inline-block;
	float: left;
	padding: 0 .1rem;
	height: 19px;
	line-height: 17px;
	background: rgba(0,0,0,.6);
	border-top-right-radius: 4px;
	font-size: .24rem;
	border-bottom-right-radius: 4px;
	color: #fff;
	font-weight: normal;
	position: relative;
	left: -.06rem;
}
.live_hed .b_now .icon_now{
	background: url(../../Images/live/index_list/live_icon_heat.png) no-repeat;
	background-size: 100% 100%;
	width: .2rem;
	height: .2rem;
	display: block;
	float: left;
	margin-right: .08rem;
	margin-left: .1rem;
}	
.live_hed span{
	background: rgba(0,0,0,.3);
	display: block;
	padding: 0 .1rem;
	height: 19px;
	line-height: 17px;
	/* padding: .014rem .12rem .014rem 0; */
	float: left;
	margin-left: .14rem;
	color: #fff;
	font-size: .24rem;
	text-indent: .08rem;
}
.live_hed_2.live_hed span{
	/* margin-left: 1.9rem; */
}
.live_hed span .icon_kecheng{
	background: url(../../Images/live/index_list/live_icon_course.png) no-repeat;
	background-size: 100% 100%;
	width: .2rem;
	height: .2rem;
	display: block;
	float: left;
 	margin-left: .08rem;
/*	margin-top: .075rem; */
}
.live_hed i.kb {
    background: linear-gradient(-54deg,rgba(1,178,182,1) 0%,rgba(0,197,165,1) 100%);
    display: block;
	color: #fff;
	margin-left: .1rem;
	float: left;
	padding: 0 .2rem;
	height: 19px;
	line-height: 17px;
	/* padding: .014rem .2rem; */
	font-size: .24rem;
	border-radius: 4px;
	position: relative;
	z-index: 3;
}
.live_hed i.kb b{
	/* width: 3px;
	height: 3px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: .08rem;
	top: .15rem; */
}
.live_kb span{
	border-radius: 4px;
}
.live_hed div.zbhf {
    background: linear-gradient(-54deg,rgba(1,178,182,1) 0%,rgba(0,197,165,1) 100%);
	padding: 0 .1rem;
	height: 16px;
	line-height: 17px;
	color: #fff;
	float: left;
	display: block;
	margin-left: .2rem;
	font-size: .24rem;
	border-radius: 4px;
	position: relative;
	z-index: 3;
}
.live_hed div.zbhf i{
	background: url(../../Images/live/sy_icon_details_zb2x.png) no-repeat;
	background-size: 100% 100%;
	width: .12rem;
	height: .16rem;
	display: block;
	float: left;
	margin-left: .08rem; 
	margin-right: .08rem; 
}
.live_hed .icon_shoucang{
	background: url(../../Images/live/index_list/sc1.png) no-repeat;
	background-size: 100% 100%;
	width: .42rem;
	height: .42rem;
	display: block;
	float: right;
	margin-right: .2rem;
	margin-top: 0;
}
.live_hed .icon_shoucangOk{
	background: url(../../Images/live/index_list/sc.png) no-repeat;
	background-size: 100% 100%;
	width: .4rem;
	height: .4rem;
	display: block;
	float: right;
	margin-right: .2rem;
	margin-top: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.live_hed .dataNew{
	float: left;
	background: rgba(0, 0, 0, 0.3);
	padding: 0 .14rem;
	height: 19px;
	line-height: 17px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	font-size: .24rem;
	position: relative;
	left: -.06rem;
}
.live_hed .dataNew_2{
	background: rgba(0, 0, 0, 0.3);
	float: left;
	display: block;
}
.live_hed .dataNew i{
	display: block;
	float: left;
}
.live_hed .dataNew i.icon_time{
	background: url(../../Images/live/index_list/live_icon_course_time.png) no-repeat;
	background-size: 100% 100%;
	width: .2rem;
	height: .2rem;
	margin-right: .08rem;
	margin-left: .06re,;
}
.live_hed .dataNew_2 i.icon_time{
	background: url(../../Images/live/index_list/live_icon_heat.png) no-repeat;
	background-size: 100% 100%;
}
.live_hed .dataNew i.timeDate{
	color: #fff;
}

.live_left{
	position: absolute;
	left: 0;
	bottom: .62rem;
	z-index: 3;
}
.live_left img,
.live_left span,
.live_left em{
	display: block;
	float: left;
	color: #fff;
}
.live_left img{
	width: .52rem;
	height: .52rem;
	border-radius: 50%;
}
.live_left span{
	font-size: .26rem;
	font-weight: bold;
	padding-top: .06rem;
	margin: 0 .1rem;
}
.live_left em{
	background: #fff;
	font-size: .16rem;
	border-radius: 4px;
	padding: 1px .16rem;
	position: relative;
	top: .1rem;
	color: #333;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center
}
.zb_bor,
.kb_bor,
.hb_bor{
	width: .52rem;
	height: .52rem;
	border-radius: 50%;
	margin-left: .2rem;
	margin-top: -.03rem;
	float: left;
	overflow: hidden;
}
.zb_bor{
	border: solid 1px #FF406B;
}
.kb_bor,
.hb_bor{
	/* border: solid 1px #05b6b4; */
}
.live_right{
	position: absolute;
	right: .2rem;
	bottom: .62rem;
	color: #fff;
	font-size: .24rem;
	z-index: 3;
}
.live_right i{
	display: inline-block;
	color: #fff;
	border-radius: 20px;
	padding: .06rem .16rem;
	margin-left: .16rem;
}
.live_right i.tip{
	background: #FF406B;
}
.live_right i.yuyue{
	background: #333;
}
.line-box{
	padding: .3rem .75rem;
}
.no_status{
	text-align: center;
	padding: 0 .2rem;
}
.no_status h4{
	font-size: .32rem;
	color: #262626;
	text-align: left;
	padding-bottom: .3rem;
}
.kongImg{
	text-align: center;
	padding: .5rem 0 .7rem;
	font-size: .26rem;
	color: #666;
}
.kongImg img{
	display: inline-block;
	width: 3.8rem;
	height: 3.48rem;
}
.kongImg p{
	padding: .2rem 0;
}
/*çƒ­é—¨é—®ç­”*/
.hot_answer{
	margin-top: .16rem;
	line-height: initial;
	padding-bottom: .4rem;
}
.hot_answer .title_bar{
	padding: .4rem 0;
	position: relative;
}
.title_bar .t-tl{
	font-size: .32rem;
	font-weight: bold;
	color: #333;
}
.title_bar .t-tl span{
	color: #333;
	font-size: .24rem;
}
.title_bar .t-tl span b{
	font-weight: normal;
	color: #01B2B6;
}
#answer{
	position: absolute;
	right: 0;
	top: 0;
	padding: .4rem 0;
	color: #01B2B6;
	font-size: .24rem;
}
#answer .icon-huanyipi{
	position: relative;
	top: .015rem;
}
.hot_answer .item_event {
	border-bottom: solid 1px #EEEEEE;
	padding-bottom: .32rem;
	margin-bottom: .32rem;
}
.hot_answer .item_event:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.hot_answer .item_event .item_tx{
	font-size: .32rem;
	color: #333;
}
.hot_answer .item_event .item_top{
	color: #999999;
	font-size: .24rem;
	padding-top: .16rem;
	padding-bottom: .24rem;
	overflow: hidden;
}
.hot_answer .item_event .item_top div{
	float: left;
}
.hot_answer .item_event .item_top div span{
	padding-left: .24rem;
}
.hot_answer .item_event .item_top div:last-child{
	float: right;
}
.hot_answer .item_event .item_info{
	background: #f7f7f7;
	border-radius: 8px;
	padding: .32rem .24rem;
	position: relative;
}
.hot_answer .item_event .item_info a{
	display: block;
}
.hot_answer .item_name{
	display: flex;
	display: -webkit-flex;
}
.hot_answer .item_name .user_head{
	position: relative;
}
.hot_answer .item_name .user_head img{
	overflow: hidden;
	border-radius: 50%;
	width: .64rem;
	height: .64rem;
}
.hot_answer .item_name .user_head img:nth-child(2), 
.hot_answer .item_name .user_head img:nth-child(3){
    margin-left: -.35rem;
}
.hot_answer .item_name .user_tex{
	flex: 1;
	-webkit-flex: 1;
	padding-left: .16rem;
	font-size: .24rem;
	color: #999;
	position: relative;
	top: -.05rem;
}
.hot_answer .item_name .user_tex h3{
	font-size: .28rem;
	font-weight: bold;
	color: #333;
	padding-bottom: .05rem;
}
.hot_answer .item_voice_img {
	width: 4rem;
	height: .8rem;
	background: #01b2b6;
	border-radius: .08rem .36rem .36rem .36rem;
	margin-top: .24rem;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	/* justify-content: center; */
	align-items: center;
	align-content: center;
}
.hot_answer .item_voice_img .ms3{
	width: .36rem;
	height: .36rem;
	margin-left: .4rem;
	margin-right: .6rem;
}
.hot_answer .item_voice_img .primary_2{
	font-size: .32rem;
	font-weight: bold;
	color: #fff;
	/* flex: 1; */
}
.voc-text{
	flex: 1;
	text-align: right;
	padding-right: .4rem;
	color: #666;
	font-size: .28rem;
}
.hot_answer .item_voice_img.on{
	background: #ffffff;
}
.hot_answer .item_voice_img.on .primary_2{
	color: #666 !important;
	text-align: center;
	font-weight: normal;
}
.hot_answer .item_info_num{
	position: absolute;
	right: .24rem;
	bottom: .6rem;
	color: #999;
	font-size: .24rem;
}
.icon_live_w{
	display: none;
}
.hot_answer .item_info_num img{
	width: .24rem;
	height: .24rem;
	margin-right: .08rem;
	position: relative;
	top: .04rem;
}
.hot_answer .item_voice_img.ans_play .ms3{
	display: none;
}
.hot_answer .item_voice_img.ans_play .ms3.icon_live_w{
	display: block;
}
.user_vbox{
	position: absolute;
	right: .1rem;
	top: .24rem;
	z-index: 10;
	width: 1rem;
	height: 1rem;
	text-align: right;
}
.user_vbox .user_dianzan{
	overflow: hidden;
}
.user_vbox .user_dianzan img{
	width: .36rem;
	height: .36rem;   
	vertical-align: middle;
	/* float: left; */
}
.user_vbox .user_dianzan span{
	color: #BBBBBB;
	font-size: .24rem;
	position: relative;
	left: -.1rem;
	background: #f7f7f7;
	top: -.03rem;
}
.hot_for{
	display: -webkit-flex;
	border: 1px solid #01b2b6;
	border-radius: 44px;
	margin-top: .32rem;
	text-align: center;
	height: .88rem;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center
}
.hot_for a{
	flex: 1;
	-webkit-flex: 1;
	font-size: .32rem;
	position: relative;
}
.hot_for a:first-child::after{
	content: "";
	clear: both;
	position: absolute;
	right: 0;
	top: .1rem;
	width: 1px;
	opacity: 0.3;
	height: .26rem;
	background: #333;
}
.hot_for a img{
	width: .32rem;
	height: .32rem;
	vertical-align: middle;
}
.item_voice_img.on .icon_u_down{
	background: url(../../Images/Product/search/icon_xsj.png) no-repeat;
	background-size: 100% 100%;
	width: .12rem;
	height: .08rem;
	display: inline-block;    
	margin-left: .08rem;
    position: relative;
    top: .04rem;
}
/**é»‘å¡ä¸“äº«**/
.bbc_black{
	margin-top: .16rem;
	padding-right: 0;
}
.black_title {
	color: #333;
	font-weight: bold;
	font-size: .32rem;
	padding: .4rem 0 .24rem 0;
}
.black_title a {
	font-size: .24rem;
    color: #999 !important;
    float: right;
    font-weight: normal;
    text-align: right;
    margin-right: .32rem;
	position: relative;
	top: .05rem;
}
.black_title img {
    width: .24rem;
    height: .24rem;
	margin-left: .08rem;
	position: relative;
	top: .02rem;
}
.black_list {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
	padding-bottom: .3rem;
}
.black_list li {
    width: 3.36rem;
    display: inline-block;
    height: 1.6rem;
    margin-right: .06rem;
    color: #E9CB99;
}
.black_list li img {
    width: 100%;    
	height: 1.6rem;
    border-radius: 6px;
}
/*æœ¬å‘¨æŽ¨è*/
.wekRecom{
	margin-top: .16rem;
	padding-bottom: .4rem;
}
.wekRecom .black_title{
	padding-left: .32rem;
}
.wek_bg {
    background: #fff;
	padding: 0 .24rem;
}
.sweper_tuiijan .swiper-slide {
    background: #f7f7f7;
    border-radius: 8px;
	padding: 0 .32rem;
	border: 1px solid #eeeeee;
	margin-right: .12rem;
}
.wekRecom .answer_sdk {
    min-width: initial;
    max-width: initial;
    position: relative;
    border-bottom: solid 1px #EEEEEE;
	padding: .4rem 0rem;
}
.wekRecom .answer_sdk:last-child {
    border-bottom: none;
}
.wekRecom .answer_sdk .dis_flex{
	display: flex;
	display: -webkit-flex;
	line-height: normal;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center
}
.wekRecom .answer_sdk .master_head {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
}
.wekRecom .answer_sdk .name_bar{
	flex: 1;
	-webkit-flex: 1;
	font-size: .24rem;
	color: #999;
	padding-left: .24rem;
}
.answer_sdk .name_bar .master-name{
	font-size: .32rem;
	font-weight: bold;
	color: #333;
}
.wekRecom .icon_fa{
	width: .24rem;
	height: .24rem;
	position: relative;
	top: .04rem;
}
.wekRecom .name_bar .iconfont{
	
}
.wekRecom .heat_con{
	padding: .05rem 0;
}
.cuslt_box .name_bar .icon-jieda{
	font-size: 12px;
}
.wekRecom .wek_btn {
	width: 1.82rem;
	height: .64rem;
	line-height: .64rem;
    background: #01B2B6;
    border-radius: 4px;
    color: #fff;
    position: absolute;
    right: 0;
    font-size: .28rem;
	text-align: center;
}
.sweper_tuiijan .swiper-gengduo {
    width: 10% !important;
    position: relative;
    top: 2.5rem;
    left: 0;
    background: initial;
    margin-right: 0;
    color: #BBBBBB;
    font-size: 12px;
    text-align: center;
	border: none;
}
.sweper_tuiijan .swiper-gengduo img{
	width: 12px;
	height: 12px;
}
/*å¸®å¸®æµ‹TV */
.bbc_tv{
	margin-top: .16rem;
	padding-bottom: .4rem;
}
.bbc_tv .black_title{
	padding-left: .32rem;
}
.bbc_tv .black_title img{
	width: .48rem;
	height: .32rem;
	vertical-align: initial;
	position: relative;
	top:.03rem;
}
.bbc_tv ul {
    width: 100%;
	/* overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap; */
	/* padding: 0 0 0 .32rem; */
}
.bbc_tv ul::-webkit-scrollbar {
  display: none; 
}
.bbc_tv ul .swiper-container{
	padding: 0 0 0 .32rem;
}
.bbc_tv ul li {
    width: 6.86rem;
	/* height: 3.86rem; */
  /*  display: inline-block;
    margin-right: .1rem; */
}
.bbc_tv ul li:last-child {
    margin-right: 0 !important;
}
.bbc_tv ul li .bg{
	position: relative;
	height: 2.94rem;
	overflow: hidden;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
.bbc_tv ul li .bg::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,.3) 100%);
}
.bbc_tv ul li .bg .tv_bf{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5%;
	margin-top: -5%;
	width: 10%;
	z-index: 10;
}
.bbc_tv ul li video{
	width: 100%;
	display: block;
	overflow: hidden;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
.bbc_tv ul li p{
	padding: 10px;
	background: #EEEEEE;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .32rem;
	font-weight: bold;
}
.bbc_ck{
	text-align: center;
}
.bbc_ck a{
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #fff;
	background: #01B2B6;
	border-radius: 22px;
}
.bbc_ck a img{
	margin-left: .2rem;
	position: relative;
	top: .06rem;
}
/**********/
.act_banner{
	margin-top: .16rem;
	padding: .24rem .32rem;
	display: flex;
}
.left_img{
	width: 3.4rem;
	height: 2.64rem;
	margin-right: .08rem;
}
.left_img img{
	width: 3.4rem;
	height: 2.64rem;
	border-radius: 4px;
}
.right_box{
	flex: 1;
}
.right_box img{
	width: 3.38rem;
	height: 1.28rem;
	border-radius: 4px;
}
.right_box .right_img:first-child{
	margin-bottom: .08rem;
	display: block;
}
/***/
.btn_topic{
	text-align: center;
	padding: .4rem .32rem 80px .32rem;
}
.btn_topic a{
	display: inline-block;
	width: 100%;
	height: .88rem;
	line-height: .88rem;
	background: #01b2b6;
	color: #fff;
	font-size: .32rem;
	border-radius: 22px;
}
.btn_topic a img{
	width:  .28rem;
	height: .28rem;
	margin-left: .08rem;
	position: relative;
	top: .03rem;
}
/*åº•éƒ¨å¹¿å‘Šé“¾æŽ¥*/
.admodel{
	width: 100%;
	background: rgba(0,0,0,0.6);
	position: fixed;
	bottom: 1rem;
	z-index: 99;
	padding: .4rem .32rem;
}
.admodel img{
	display: block;
	width: 100%;
}
.admodel .ui-cell-primary{
	width: 4.11rem;
	height: .9rem;
	margin: 0 .3rem;
}
.admodel div:first-of-type{
	width: .25rem;
	height: .25rem;
	margin-top: .25rem;
}
.admodel a{
	display: block;
	width: 1.88rem;
	height: .66rem;
}
.admodel:before,.admodel:after{
	border: none;
}

/******************è®¨è®º********************/
.hot_list{
	background: #fff;
	padding: .3rem .32rem .42rem .32rem;
	line-height: initial;
}
.hot_title{
	font-weight: bold;
	font-size: .32rem;
	color: #353535;
}
.hot_title i{
	background: url(../../Images/Product/icon_hot.png) no-repeat;
	background-size: 100% 100%;
	width: .6rem;
	height: .28rem;
	display: inline-block;
	margin-left: .08rem;
	position: relative;
	top: .02rem;
}
.hot_list ul{
	padding-top: .16rem;
}
.hot_list ul li{
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	padding-top: .25rem;
}
.hot_list ul li a{
	display: block;
	font-size: .28rem;
	color: #333;
	width: 100%;
}
.hot_list ul li a .hot_left{
	float: left;
	max-width: 70%;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center
}
.hot_list ul li i{
	background: url(../../Images/Product/sy_icon_ht1.png) no-repeat;
	background-size: 100% 100%;
	width: .32rem;
	height: .32rem;
	display: inline-block;
	position: relative;
	top: -.01rem;
	margin-right: .08rem;
}
.hot_list ul li span{
	display: inline-block;
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hot_list ul li img{
	width: .32rem;
	height: .32rem;
	margin-left: .08rem;
	/* position: relative;
	vertical-align: middle;
	top: -.03rem; */
}
.hot_list ul li .hot_viewpoint{
	float: right;
	font-size: .24rem;
	color: #999;
}
.hot_num{
	color: #01B2B6;
	font-size: .28rem;
}
.hot_num a{
	padding-top: .4rem;
	display: block;
}
.hot_num i{
	background: url(../../Images/Product/sy_icon_ht2.png) no-repeat;
	background-size: 100% 100%;
	width: .32rem;
	height: .32rem;
	display: inline-block;
	margin-right: .08rem;
	vertical-align: middle;
}
.hot_num img{
	width: .12rem;
	height: .2rem;
	margin-left: .18rem;
}
/****/
.acticle_diss{
	padding-bottom: 60px;
}
.hot_box{
	margin-top: .16rem;
}
.tabs_hot{
	text-align: center;
	padding-top: .4rem;
	padding-bottom: .4rem;
	background: #fff;
	display: flex;
}
.tabs_hot.fix{
	/* position: fixed;
	width: 100%;
	left: 0;
	top: .8rem;
	background: #fff;
	z-index: 9; */
}
.tabs_hot li{
	font-size: .32rem;
	color: #333;
	display: inline-block;
	position: relative;
	flex: 1;
	text-align: left;
	font-weight: bold;
}
.tabs_hot li:first-child{
	margin-right: .4rem;
	text-align: right;
}
.tabs_hot li.on{
	color: #01B2B6;
}
.tabs_hot li.on::after{
	content: "";
	position: absolute;
	bottom: -.24rem;
	/* left: 50%;
	margin-left: -.2rem; */
	margin-left: -27%;
	width: .4rem;
	height: .04rem;
	background: #01b2b6;
	border-radius: 4px;
}
.tabs_hot li .icon_uin{
	position: absolute;
	right: 1rem;
	top: -.08rem;
	z-index: 3;
	width: 8px;
	height: 8px;
	background: #fe7467;
	border-radius: 50%;
}
/***/
.tabs_text .bg{
	background: #fff;
	padding: 0 .32rem;
}
.topic_hed{
	padding-bottom: .4rem;
	overflow: hidden;
	font-size: .28rem;
}
.topic_num{
	color: #353535;
	float: left;
}
.topic_tab{
	overflow: hidden;
	float: right;
}
.topic_tab li{
	float: left;
	color: #333333;
	position: relative;
}
.topic_tab li.on{
	font-weight: bold;
	color: #01B2B6;
}
.topic_tab li:first-child{
	margin-right: .5rem;
}
.topic_tab li:first-child::after{
	content: "";
	position: absolute;
	right: -.25rem;
	top: .1rem;
	background: #BBBBBB;
	width: 1px;
	height: .28rem;
}
/***/
.list_section{
	line-height: initial;
	position: relative;
	margin-bottom: .32rem;
	border-bottom: solid 1px #EEEEEE;
}
.list_section:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: .1rem;
}
.list_section a.item_discuss{
	position: relative;
	display: block;
}
.list_section .user_info{
	display: flex;
	display: -webkit-flex;
}
.user_info .hend_img{
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	overflow: hidden;
}
.user_info .hend_img img{
	width: 100%;
}
.user_info .name_box{
	padding-left: .16rem;
	color: #999;
	font-size: .24rem;
	flex: 1;
	-webkit-flex: 1;
}
.user_info .name_box p{
	font-weight: bold;
	font-size: .28rem;
	padding-bottom: .1rem;
	color: #333;
	position: relative;
}
.user_info .name_box b{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
    display: block;
}
.user_info .name_box .icon_teacher{
	background: url(../../Images/Product/sy_icon_tag_ls.png) no-repeat;
	background-size: 100% 100%;
	width: .48rem;
	height: .28rem;
	display: inline-block;
	position: relative;
	top: .035rem;
	margin-left: .08rem;
}
.list_section .user_conter{
	background: #F7F7F7;
	border-radius: 4px;
	position: relative;
	margin-top: .24rem;
	padding: .08rem;
	display: flex;
	display: -webkit-flex;
	line-height: normal;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center
}
.user_conter .subject_img{
	width: 1rem;
	height: 1rem;
	border-radius: 4px;
}
.user_conter .subject_text{
	padding-left: .16rem;
	position: relative;
	flex: 1;
	-webkit-flex: 1;
}
.user_conter .subject_text h3{
	font-size: .28rem;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 3.8rem;
}
.user_conter .subject_text h3.h3Css{
	float: left;
}
.user_conter .subject_text.on h3{
	display: inline-block;
}
.user_conter .subject_text .haowu_text{
	float: right;
	color: #999;
	font-size: .24rem;
}
.user_conter .subject_text .choose{
	padding-top: .06rem;
	color: #999;
	font-size: .24rem;
}
.user_conter .subject_text .choose.chooseCss{
	width: 100%;
}
.subject_text .choose span:first-child{
	color: #01B2B6;
}
.subject_text .choose span:last-child{
	float: right;
	padding-right: .16rem;
}
.user_conter .icon_fuhao{
	background: url(../../Images/Index/sy_icon_htsy12x.png) no-repeat;
	background-size: 100% 100%;
	width: .8rem;
	height: .8rem;
	position: absolute;
	right: 0;
	top: 0;
}
.list_section .user_comments{
	padding-top: .24rem;
	color: #333;
	font-size: .28rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.user_conter .subject_shop h3{
	color: #666666;
	font-weight: normal;
}
.shop_text .user_conter .subject_text h3{
	font-weight: normal;
	color: #666;
}
.shop_text .subject_text .choose span:first-child{
	color: #FE7467;
	font-weight: bold;
	font-size: .32rem;
}
.shop_text .subject_text .choose span:first-child em{
	font-size: .24rem;
}
.shop_text .subject_text .choose span:last-child{
	float: initial;
	padding-left: .08rem;
	padding-right: 0;
	color: #BBBBBB;
	text-decoration: line-through;
}
.subject_btn{
	text-align: center;
	color: #fff;
	font-size: .28rem;
	position: absolute;
	right: 0;
	top: .1rem;
	width: 1.6rem;
	height: .6rem;
	background: #fe7467;
	border-radius: 16px;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center
}
.list_section .discuss_banner{
	overflow: hidden;
	padding-top: .14rem;
}
.list_section .discuss_banner .discuss_item{
	width: 2.22rem;
	height: 2.22rem;
	float: left;
	overflow: hidden;
	border-radius: .08rem;
	margin-right: .1rem;
	margin-top: .1rem;
}
.list_section .discuss_banner .discuss_item:nth-child(3n+3){
	margin-right: 0;
}
.list_section .discuss_banner .discuss_item img{
	width: 100%;
	height: initial;
	border-radius: 0;
}

.list_section .follow_btn{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	width: 1.08rem;
	height: .48rem;
	background: #01b2b6;
	border-radius: 4px;
	text-align: center;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.list_section .follow_btn span{
	font-size: .24rem;
	color: #fff;
}
.list_section .follow_btn span i{
	background: url(../../Images/Product/sytj_icon_gz.png) no-repeat;
	background-size: 100% 100%;
	width: .2rem;
	height: .2rem;
	display: inline-block;
	margin-right: .08rem;
}
.list_section .follow_btn.on{
	background: #F5F5F5;
}
.list_section .follow_btn.on span{
	color: #BBBBBB;
}
.data_bar{
	padding: .32rem 0;
	overflow: hidden;
	display: flex;
}
.data_bar a{
	position: relative;
	flex: 1;
}
.data_bar a:nth-child(1) .num_sd{
	margin-left: .66rem;
}
.data_bar a:nth-child(2) .num_sd{
	 margin-left: 1rem;
}
.data_bar a:nth-child(3) .num_sd{
	margin-right: .66rem;
	float: right;
}
.data_bar a .num_sd{
	display: inline-block;
	position: relative;
}
.data_bar a span{
	color: #BBBBBB;
	font-size: .24rem;
	background: #fff;
	position: relative;
	top: -.04rem;
	right: .1rem;
}
.data_bar a i{
	width: .36rem;
	height: .36rem;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.data_bar a .icon_dz{
	background: url(../../Images/Index/sy_icon_pr_default.png) no-repeat;
	background-size: 100% 100%;
}
.data_bar a .icon_msg{
	background: url(../../Images/Index/syht_icon_msg.png) no-repeat;
	background-size: 100% 100%;
}
.data_bar a .icon_share{
	background: url(../../Images/Index/syht_icon_share.png) no-repeat;
	background-size: 100% 100%;
}
.data_bar a.on span{
	color: #01B2B6;
}
.data_bar a.on .icon_dz{
	background: url(../../Images/Index/dz.gif) no-repeat;
	background-size: 100% 100%;
}

.list_section .discuss_replay{
	background: #f7f7f7;
	border-radius: 8px;
	margin-bottom: .32rem;
	padding: .32rem .24rem;
}
.list_section .discuss_replay.replayCss{
	padding-bottom: 0;
	margin-bottom: .32rem;
}
.discuss_replay .replay_list{
	display: flex;
	display: -webkit-flex;
}
.discuss_replay .replay_list .rep_img{
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
	overflow: hidden;
}
.discuss_replay .replay_list .rep_img img{
	width: 100%;
	height: initial;
}
.discuss_replay .replay_list .rep_concter{
	flex: 1;
	-webkit-flex: 1;
	border-bottom: solid 1px #E8E8E8;
	margin-bottom: .32rem;
}
.discuss_replay .replay_list:last-child .rep_concter{
	border-bottom: none;
	margin-bottom: 0;
}
.replay_list .rep_concter .rep_text{
	padding-left: .16rem;
	font-size: .24rem;
}
.rep_concter .rep_text span{
	color: #666;
	font-weight: bold;
}
.rep_concter .rep_text em{
	color: #999;
	padding: 0 .16rem;
}
.replay_list .rep_concter .rep_huifu{
	color: #333;
	font-size: .28rem;
	padding: .24rem 0 .32rem 0;
	word-break: break-all;
}
.replay_btna{
	display: block;
	color: #999 !important;
	font-size: .28rem;
	text-align: center;
}
.replay_btna i{
	background: url(../../Images/Product/sy_icon_details223x.png) no-repeat;
	background-size: 100% 100%;
	width: .28rem;
	height: .28rem;
	display: inline-block;
	margin-left: .08rem;
	position: relative;
	top: .03rem;
}
.kongImg img{
	width: 1.6rem !important;
	height: 1.6rem !important;
}
.focus_box{
	margin-top: .16rem;
	background: #fff;
	padding: .4rem .32rem;
}
.focus_box h3{
	font-size: .32rem;
	color: #353535;
	position: relative;
	display: flex;
	display: -webkit-flex;
	line-height: normal;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
}
.focus_box h3 a{
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 0;
	color: #01B2B6;
	font-size: .28rem;
}
.focus_box ul{
	overflow: hidden;
	padding-top: .22rem;
}
.focus_box ul li{
	width: 2.2rem;
	background: #ffffff;
	border: 1px solid #eeeeee;
	padding: .4rem .14rem;
	border-radius: 9px;
	float: left;
	text-align: center;
	line-height: initial;
	margin: .08rem .1rem 0 0;
	height: 3.02rem;
}
.focus_box ul li:nth-child(3n+3){
	margin-right: 0;
}
.focus_box ul li .focus_img{
	display: flex;
	display: -webkit-flex;
	font-size: .24rem;
	font-weight: bold;
	color: #353535;
	text-align: left;
}
.focus_box ul li .focus_img img{
	width: .64rem;
	height: .64rem;
	border-radius: 50%;
	overflow: hidden;
}
.focus_box ul li .focus_img p{
	flex: 1;
	-webkit-flex: 1;
	padding-left: .16rem;
	padding-top: .08rem;
}
.focus_box ul li .focus_txt{
	color: #999;
	font-size: .24rem;
	margin: .16rem 0 .46rem 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	min-height: .6rem;
}
.focus_box ul li .focus_btn span{
	font-size: .24rem;
	color: #fff;
	width: 1.08rem;
	height: .48rem;
	background: #01b2b6;
	border-radius: 4px;
	text-align: center;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 0 auto;
}
.focus_box ul li .focus_btn span i{
	background: url(../../Images/Product/sytj_icon_gz.png) no-repeat;
	background-size: 100% 100%;
	width: .2rem;
	height: .2rem;
	display: inline-block;
	margin-right: .08rem;
}
.focus_box ul li .focus_btn.on span{
	background: #F5F5F5;
	color: #BBBBBB;
}
.btn_batch{
	text-align: center;
	color: #01B2B6;
	font-size: .24rem;
	padding-top: .4rem;
}
.btn_batch i{
	background: url(../../Images/Ask/sy_icon_barter2x.png) no-repeat;
	background-size: 100% 100%;
	width: .24rem;
	height: .24rem;
	display: inline-block;
	margin-left: .08rem;
	position: relative;
	top: .03rem;
}










/**/
.button_down{
	background: #f7f7f7;
	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%;
}






/*åº•éƒ¨å¯¼èˆª*/
.ui-bar-tab {
    bottom: 0;
    width: 100%;
    height: 1rem;
    padding: 0;
    table-layout: fixed;
}
.ui-bar-tab:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #e7e7e7;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-bar-tab:before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .ui-bar-tab:before {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}
.ui-bar-tab:after {
    display: none;
}
.ui-bar-tab .ui-tab-item {
    position: relative;
    display: table-cell;
    width: 1%;
    height: 1rem;
    color: #898989;
    text-align: center;
    vertical-align: middle;
}
.ui-bar-tab .ui-tab-item.active,
.ui-bar-tab .ui-tab-item:active {
    /*color: #0894ec;*/
}
.ui-bar-tab .ui-tab-item .ui-badge {
    position: absolute;
    top: .1rem;
    left: 50%;
    z-index: 100;
    height: .8rem;
    min-width: .8rem;
    padding: 0 .2rem;
    font-size: .6rem;
    line-height: .8rem;
    color: white;
    vertical-align: top;
    background: red;
    border-radius: .5rem;
    margin-left: .1rem;
}
.ui-bar-tab .ui-tab-item .ui-icon {
    top: 0.05rem;
    height: initial;
    font-size: .4rem;
    line-height: initial;
    padding-top: 0;
    padding-bottom: 0;
	padding: 0;
	margin-right: 0;
	/* margin-top: 0.12rem; */
}
.ui-bar-tab ~ .ui-content{
	bottom: 1rem;
}
.ui-bar-tab .ui-tab-item .ui-icon ~ .ui-tab-label {
    display: block;
    font-size: 0.24rem;
    position: relative;
    top: 0.1rem;
}
.ui-bar .ui-button {
    position: relative;
    top: 0.35rem;
    z-index: 20;
    margin-top: 0;
    font-weight: 400;
}
.ui-bar .ui-button.ui-pull-right {
    margin-left: 0.5rem;
}
.ui-bar .ui-button.ui-pull-left {
    margin-right: 0.5rem;
}
.ui-bar .ui-button-link {
    top: 0;
    padding: 0;
    font-size: 0.8rem;
    line-height: 2.2rem;
    height: 2.2rem;
    color: #0894ec;
    border: 0;
}
.ui-bar .ui-button-link:active,
.ui-bar .ui-button-link.active {
    color: #0675bb;
}
.ui-bar .ui-button-block {
    top: 0.35rem;
    font-size: 0.8rem;
    width: 100%;
}
.ui-bar .ui-button-nav.ui-pull-left {
    margin-left: -0.25rem;
}
.ui-bar .ui-button-nav.ui-pull-left .ui-icon-left-nav {
    margin-right: -0.15rem;
}
.ui-bar .ui-button-nav.ui-pull-right {
    margin-right: -0.25rem;
}
.ui-bar .ui-button-nav.ui-pull-right .ui-icon-right-nav {
    margin-left: -0.15rem;
}
.ui-bar .ui-icon {
    position: relative;
    z-index: 20;
    padding: .5rem .1rem;
    font-size: 1rem;
    line-height: 1.2rem;
}
.ui-bar .ui-button .ui-icon {
    padding: 0;
}
.ui-bar .ui-title .ui-icon {
    padding: 0;
}
.ui-bar .ui-title .ui-icon.ui-icon-caret {
    top: 0.2rem;
    margin-left: -0.25rem;
}
.ui-bar-footer .ui-icon {
    font-size: 1.2rem;
    line-height: 1.2rem;
}
.ui-bar input[type="search"] {
    height: 1.45rem;
    margin: 0.3rem 0;
}


/**************/
.h_middle{
	line-height: normal !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	justify-content: center !important;
	align-items: center !important;
	align-content: center !important;
}



/*******************************/
.mask{
	z-index: 10000;
}
.swiper_bg{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 10001;
	width: 100%;
	height: 100%;
}
.swiper_bg .swiper-container {
	width: 100%;
	height: 100%;
}
.swiper_bg .swiper-slide{
	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;
}
.swiper_bg .swiper-slide img{
	width: 80%
}
.swiper_bg .swiper-pagination-fraction{
	color: #fff;
}
.swiper-close{
	position: absolute;
	 bottom: 50px;
	 text-align: center;
	 width: 100%;
	 z-index: 1001;
}
.swiper-close img{
	width: .62rem;
	height: .62rem;
}


/***/
.c_choose_1 {
    color: #FFA960 !important;
}
.c_choose_2{
	color: #01B2B6 !important;
}


.text_list_in{
	position: relative;
}
.fortune_none {
	position: relative;
	z-index: 3;
	padding-top: .6rem;
	padding-bottom: .5rem;
}
.b_yunshi{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.swiper_bf  .swiper-pagination-bullet {
	width: 8px;
	height: 4px;
	/* border-radius: 6px; */
	border-radius: 0;
}
.swiper_bf .swiper-pagination-bullet:first-child{
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.swiper_bf .swiper-pagination-bullet:last-child{
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.swiper_bf  .swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0;
}
.swiper_bf  .swiper-pagination-bullet-active{
	background: #fff;
	width: 16px;
}
.btn_susp {
	color: #666;
	font-size: .32rem;
	font-weight: normal;
}

.pop_comments .list_section .user_comments{
	-webkit-line-clamp:999;
}

/**æ”¶è—****/
.share-model{
	z-index: 10990;
}
.collection{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10000;
	background: #fff;
	width: 5.4rem;
	height: 2.8rem;
	text-align: center;
	border-radius: 10px;
}
.coll-model .collection{
	height: 3.2rem;
}
.collection h4{
	color: #000;
	font-size: .36rem;
	font-weight: normal;
	padding-top: .4rem;
}
.collection p{
	padding: .2rem 0 .3rem;
	font-size: .28rem;
	color: #666;
	line-height: .42rem;
	border-bottom: solid 1px #9f977e;
}
.collection .coll_btn{
	display: block;
	padding: .27rem 0;
	color: #007aff;
	font-size: .25rem;
}
/**/
.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;}

/**ç­¾åˆ°å¼¹çª—**/
.sign_conctenr{
	width: 4.8rem;
	height: 1.12rem;
	background: url(../../Images/Index/sy_bg_qd2x.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: .2rem;
	top: .9rem;
	z-index: 10002;
}
/*********************************/
.gongzhong_box{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10001;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 6.22rem;
	height: 7rem;
}
.gongzhong_box_1{
	background:  url('https://resource.bangbangce.com/Y2recDKCj6Tm') no-repeat;
	background-size: 100% 100%;
}
.gongzhong_box_2{
	background:  url('https://resource.bangbangce.com/7HxkaNHHkTFM') no-repeat;
	background-size: 100% 100%;
}
.gz_icon_close{
	background:  url('https://resource.bangbangce.com/P8T52Ec3xJem') no-repeat;
	background-size: 100% 100%;
	width: .48rem;
	height: .48rem;
	position: absolute;
	right: .16rem;
	top: .16rem;
	display: none;
}
.gz_time{
	background: rgba(0,0,0,.3);
	width: .48rem;
	height: .48rem;
	line-height: .48rem;
	text-align: center;
	border-radius: 100%;
	color: #FFEEC2;
	font-size: .24rem;
	position: absolute;
	right: .16rem;
	top: .16rem;
}
.gz_btn_gz{
	text-align: center;
	padding-top: 4.9rem;
}
.gz_btn_gz a{
	background:  url('https://resource.bangbangce.com/SJbxHeTAZ34r') no-repeat;
	background-size: 100% 100%;
	width: 4.22rem;
	height: 1.52rem;
	display: inline-block;
}</pre></body></html>