body{
	font-size: 0.24rem;
}
.ui-page, .ui-page-group{
	background: #F7F7F7;
}
.none{
	display: none !important;
}
/**/
.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%;
}
/**/
#offtop_box{
	left: .32rem;
	top: .18rem;
	overflow: hidden;
	padding:0 .25rem;
}
#offtop_box div{
   color: #FFFFFF;
   font-size: .26rem;
}

/*底部导航*/
.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;
}
/*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; */
	/* dfloat: left; */
	margin-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{
    position: absolute;
    right: -.15rem;
    top: -.05rem;
    color: #FE7467;
}
.icon_dot{
	width: .16rem;
	height: .16rem;
	border-radius: 50%;
	display: inline-block;
	background: #FE7467;
}
.nav_list .ui-cell-noborder{
	padding: 0;
}
.top_box_sign {
    position: absolute;
    right: 0;
    top: .26rem;
}
.sign{
    margin-right: 0.2rem;
}
.sign i{
    display: block;
    width: .4rem;
	height: .4rem;
	/* line-height: .52rem; */
	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;
}
#sousuo i{
	font-size: .32rem;
	position: relative;
	top: .03rem;
} */


#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;
}
/**************************************/
/**/
.arricle_banner{
	background: #fff;
	padding: .16rem .32rem .4rem .32rem;
	position: relative;
}
.acr_title {
	position: relative;
}
.acr_title h3{
	color: #353535;
	padding-bottom: .32rem;
	font-size: 0.32rem;
}
.acr_title a{
	position: absolute;
	right: 0;
	top: .45rem;
	color: #01B2B6;
	font-size: 0.24rem;
}
.acr_title i{
	background: url(../../Images/article/sy_icon_details42x.png) no-repeat;
	background-size: 100% 100%;
	width: 0.24rem;
	height: 0.24rem;
	display: inline-block;
	margin-left: 0.1rem;
	float: right;
	margin-top: .04rem;
}
.arricle_banner .swiper-pagination{
	top: .22rem;
	right: .25rem;
	bottom: initial;
	left: initial;
	text-align: right;
	height: initial;
	width: initial;
	padding: 2px 6px;
	background: #EEEEEE;
	border-radius: 4px;
	color: #BBBBBB;
}
.arricle_banner .banner,
.arti_new .banner{
	width: 100%;
	height: 3.14rem;
	position: relative;
	overflow: hidden;
}

.arricle_banner .banner img,
.arti_new .banner img{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
.arti_new .banner img{
	height: 3.14rem;
}
.arricle_banner .banner i,
.arti_new .banner i,
.guess i,
.list_set a div i{
	width: 0.74rem;
	height: 0.32rem;
	position: absolute;
	top: 0.08rem;
	left: 0.08rem;
}
.arricle_banner .banner i.i_1,
.guess i.i_1,
.list_set a div i.i_1,
.arti_new .banner i.i_1{
	background: url(../../Images/article/sc_tag_1.png) no-repeat;
	background-size: 100% 100%;
}
.arricle_banner .banner i.i_2,
.guess i.i_2,
.list_set a div i.i_2,
.arti_new .banner i.i_2{
	background: url(../../Images/article/sc_tag_2.png) no-repeat;
	background-size: 100% 100%;
}
.arricle_banner .banner i.i_3,
.guess  i.i_3,
.list_set a div i.i_3,
.arti_new .banner i.i_3{
	background: url(../../Images/article/sc_tag_3.png) no-repeat;
	background-size: 100% 100%;
}
.arricle_banner .banner p,
.arti_new .banner p{
	position: absolute;
	bottom: .12rem;
	left: .24rem;
	color: #fff;
	font-size: 0.32rem;
	overflow: hidden;
	text-overflow: ellipsis;      
	display: -webkit-box;   
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; 
	z-index: 3;
}
.gradient{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.52rem;
	background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.5) 50%);
}
.arti_new_shangxin .gradient{
	left: -.24rem;
	bottom: -.24rem;
}
.conter{
	width: 100%;
	padding: .18rem .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;
}
.conter span{
	-webkit-flex: 1;
	flex: 1;
	color: #999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	 display: block;
}
.conter span:first-child{
	flex: initial;
	margin-right: 1.6rem;
}
.conter span b{
	font-weight: normal;
}
.conter span img{
	margin-right: .08rem;
}
.conter span img.img{
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	-webkit-border-radius:50%;
	border-radius:50%;
	vertical-align: middle;
	margin-top: 1px;
}
.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{
	width: .26rem;
	height: .24rem;
}
.conter span em{
	display: inline-block;
	width: .28rem;
	height: .28rem;
}
.forum{
	margin-top: 0.16rem;
	background: #fff;
	padding: 0 0.25rem .64rem .25rem;
	position: relative;
}
.forum .acr_title,
.arti_new .acr_title,
.lecture .acr_title,
.hot_label .acr_title{
	padding: .4rem 0 .32rem 0;
}
.forum .acr_title h3,
.arti_new .acr_title h3,
.lecture .acr_title h3,
.hot_label .acr_title h3{
	padding-bottom: 0;
	font-weight: bold;
}
.forum .swiper-slide{
	background: #f7f7f7;
	width: 95% !important;
	color: #999;
	padding: 0.25rem 0;
    border-radius: 8px;
	opacity: .8;
	margin-right: 5px;
}
.forum .swiper-slide.swiper-slide-active{
	opacity: 1;
}
.forum .swiper-pagination{
	width: 100%;
}
.forum .swiper-slide h4{
	font-size: 0.28rem;
	color: #333333;
    border-bottom: 1px solid #EEEEEE;
	/* text-indent: 20px; */
	padding: 0 .25rem .16rem .25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.forum .swiper-slide h4 img{
	width: 0.24rem;
	height: 0.24rem;
	margin-right: 0.1rem;
	vertical-align: middle;
}
.forum .swiper-slide P{
	text-align: justify;
	color: #666;
	font-size: 0.28rem;
	padding: 0 0.25rem;
	margin: .2rem 0;
	overflow: hidden;
	text-overflow: ellipsis;      
	display: -webkit-box;   
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; 
}
.forum .swiper-slide .conter{
	background: #f7f7f7;
	padding-top: 0;
	padding-bottom: 0;
}
.forum .swiper-pagination-bullet{
	width: 0.24rem;
	height: 0.08rem;
	border-radius: 4px;
}
.forum .swiper-pagination-bullet{
	background: #eaeaea;
}
.forum .swiper-pagination-bullet-active{
	background: #666;
}
.arti_new,
.lecture,
.hot_label{
	margin-top: 0.16rem;
	padding: 0 0.32rem .3rem .32rem;
	background: #fff;
	position: relative;
}

.lecture ul{
	display: flex;
	display: -webkit-flex;
	text-align: center;
}
.lecture ul li{
	overflow: hidden;
	flex: 1;
	-webkit-flex: 1;
	background: #F7F7F7;
	font-size: 0.28rem;
	color: #353535;
	margin-right: 0.1rem;
	border-radius: 8px;
    border: 1px solid #EEEEEE;
}
.lecture ul li:last-child{
	margin-right: 0;
}
.lecture ul li h4{
	color: #333;
	font-weight: normal;
	border-bottom: solid 1px #EEEEEE;
	padding: .1rem 0;
	text-align: left;
	padding-left: 0.2rem;
}
.lecture ul li h4 img{
	width: 0.26rem;
	height: 0.24rem;
	margin-right: 0.1rem;
}
.lecture ul li .toux{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	margin-top: 0.16rem;
}
.lecture ul li p{
	padding-top: 0.1rem;
	font-weight: bold;
}
.lecture .conter span:last-child{
	display: initial;
	-webkit-box-align:initial;
	-webkit-align-items:initial;
	align-items:initial;
	justify-content:initial;
	font-size: .24rem;
}
.lecture ul li .conter{
	padding: 5px 0 10px 0;
}
.lecture ul li .conter span img{
	margin-right: 0;
	position: relative;
	top: .02rem;
	margin-right: .08rem;
}
.hot_label ul{
	overflow: hidden;
}
.hot_label ul li{
	background: #F7F7F7;
	border-radius: 12px;
	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: 0 .3rem;
	overflow: hidden;
	height: 30px;
	line-height: 31px;
}
.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: .16rem;
}
.guess ul{
	padding-top: 0.4rem;
}
.guess ul li{
	overflow: hidden;
	border-bottom: solid 1px #EEEEEE;
	padding-bottom: .4rem;
}
.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{
	font-size: 0.32rem;
	color: #333;
	padding: 0.4rem 0 .3rem 0;
}
.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;
}
/*****热门标签*****/
.hotBox{
	height: 100%;
}
.tabsLeft{
	width: 1.76rem;
	background: #F7F7F7;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	overflow: scroll;
}
.tabsLeft ul li{
	padding: 0 .18rem;
	font-size: 0.28rem;
	color: #666666;
	text-align: center;
	position: relative;
	height: 1rem;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.tabsLeft ul li.on{
	color: #01B2B6;
    font-weight: 600;
	background: #fff;
}
.tabsLeft ul li.on::after{
	content: "";
	width: 0.06rem;
	height: 0.64rem;
	background: #01B2B6;
	position: absolute;
	left: 0;
	top: 0.15rem;
}
.tabsRight{
	margin-left: 1.76rem;
	width: 5.74rem;
	float: left;
	background: #fff;
	padding: 0 .32rem;
}
.tabsRight ul{
	padding-top: 0;
}
.tabsRight .gess_left{
	width: 3.4rem;
	height: 1.6rem;
	position: relative;
}
.tabsRight .gess_left h4{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding: 0;
	margin-top: 0.36rem;
	margin-bottom: 0.26rem;
}
.tabsRight .gess_left .conter {
	position: absolute;
	bottom: -.28rem;
}
.tabsRight .gess_left .conter span:last-child{
	justify-content:initial;
	-webkit-flex:initial;
}
.tabsRight .conter span:last-child img{
	margin-right: 0;
}
.tabsRight .gess_right img{
	width: 1.44rem;
	height: 1.44rem;    
}
.list h6{
	font-size: 0.28rem;
	color: #333;
	font-weight: normal;
	padding: .3rem 0 0 0;
}
#content-box{
	text-align: center;
	padding-top: 2rem;
}
#content-box img{
	width: 3.7rem;
	height: 3.38rem;
}
#content-box p{
	padding: .2rem 0;
}
/*术课讲堂*/
.boxSk .forum {margin-top: 0;background: initial;}
.boxSk .forum .swiper-slide{margin-top: 0; margin-bottom: 0.2rem; width: 100%;background: #fff;padding-bottom: 0.4rem;border: 1px solid #EEEEEE;}
.boxSk .forum .swiper-slide .conter{background: #fff;padding-top: 10px;}
.boxSk .forum .swiper-slide h4{font-size: 0.32rem;border-bottom: none;text-indent: 10px;font-weight: bold;}
.boxSk .forum .swiper-slide h4 img{width: 0.32rem;height: 0.32rem;}
.shuke{
	padding: 0.2rem 0.25rem;
	overflow: hidden;
}
.shuke li{
	float: left;
	padding: 4px 0;
	text-align: center;
	width: 1.6rem;
	color: #666;
	background: #fff;
	margin-right: 0.16rem;
	border-radius: 30px;
	border: 1px solid #DDDDDD;
}
.shuke li.on{
	background: #01B2B6;
	color: #fff;
	border: 1px solid #01B2B6;
}
.lecture_fix{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
	background: #F7F7F7;
}
/*帮帮讲堂*/
.select_time {
	background: #fff;
	text-align: center;
}
.select_time .swiper-slide{
	padding: .3rem .2rem 0 .2rem;
	font-size: 0.32rem;
	width: initial !important;
	color: #535353;
}
.select_time .swiper-slide.active{
	color: #01B2B6;
	font-weight: bold;
}
.select_time .swiper-slide.active::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -.1rem;
	margin-left: -.2rem;
	width: .4rem;
	height: 2px;
	background: #01b2b6;
	border-radius: 4px;
}
/*讲堂大咖*/
.list_tex{
	overflow: hidden;
}
.list_icon_tex{
	position: relative;
}
.list_icon_tex::after{
	content: "";
	background: url(../../Images/article/sy_icon_det.png) no-repeat;
	background-size: 100% 100%;
	width: 0.1rem;
	height: 0.16rem;
	position: absolute;
	right: 0;
	top: .56rem;
}
.big_box ul li{
	background: #fff;
	padding: 0 .32rem .14rem .24rem;
	margin-bottom: 0.2rem;
}
.list_tex {
	padding: 0.24rem 0 0 0;
}
.list_tex .big_img{
	width: 0.8rem;
	height: 0.8rem;
	overflow: hidden;
	border-radius: 50%;
	float: left;
	margin-right: 0.24rem;
}
.list_tex .big_img img{
	width: 100%;
}
.list_tex .big_name{
	color: #999;
	float: left;
}
.list_tex .big_name h3{
	font-size: 0.29rem;
	color: #333;
}
.list_tex .big_name h3 i{
	background: url(../../Images/article/sy_icon_tag_m12x.png) no-repeat;
	background-size: 100% 100%;
	width: 0.3rem;
	height: 0.28rem;
	display: inline-block;
	margin-left: .08rem;
	position: relative;
	top: .03rem;
}
.list_tex .big_name p span:last-child{
	padding-left: 0.1rem;
}
.list_set{
	padding: 0.24rem 0 0.18rem 0;
}
.list_set a{
	display: block;
	float: left;
	width: 2.22rem;
	margin-right: 0.1rem;
}
.list_set a:last-child{
	margin-right: 0;
}
.list_set a img,
.list_set a div{
	width: 2.22rem;
	height: 2.22rem;
    border-radius: 8px;
}
.list_set a div{
	background: #EEEEEE;
	position: relative;
	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;
}
.list_set span{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: initial;
	padding: 0 0.12rem;
	color: #666666;
	font-size: 0.28rem;
}
.list_set a p{
	font-size: 0.28rem;
	color: #333;
	background: #fff;
	line-height: initial;
	padding-top: 0.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.list_set a b{
	font-weight: normal;
	position: absolute;
	right: 0.04rem;
	bottom: .04rem;
	background: rgba(0,0,0,.5);
	padding: 2px 6px;
    border-radius: 6px;
	font-size: 0.2rem;
	color: #fff;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center
}
.lit_txt{
	margin-top: .24rem;
	padding: .2rem .2rem;
	background: rgba(153, 153, 153, .1);
	border-radius: 18px 18px 18px 4px;
	color: #666;
	font-size: .24rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.swper_new {
	position: absolute;
	bottom: .9rem;
	left: .58rem;
	overflow: hidden;
	height: .6rem !important;
}
.swper_new .swiper-slide span{
	display: inline-block;
	height: .6rem !important;
	line-height: .6rem !important;
	background: #333333;
	border-radius: 15px 15px 15px 4px;
	font-size: .24rem;
	color: #fff;
	padding: 0 .26rem;
	max-width: 6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}




.zanwu{
	text-align: center;
	font-size: .28rem;
	color: #666666;
}
.zanwu div {
	padding-top: 2rem;
}
.zanwu div i{
	background: url(../../Images/Member/coupon/img_default_nodata.png) center no-repeat;
	background-size: 100% 100%;
	width:  1.6rem;
	height: 1.6rem;
	display: inline-block;
	position: initial;
}
.zanwu a{
	width: 4.4rem;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	background: #01B2B6;
	color: #fff;
	font-size: .32rem;
	font-weight: bold;
	display: inline-block;
	border-radius: 44px;
	margin-top: .3rem;
}
.zanwu a i{
	background: url(../../Images/Member/coupon/sy_icon_details2.png) center no-repeat;
	background-size: 100% 100%;
	width:  .32rem;
	height: .32rem;
	display: inline-block;
	position: relative;
	top: .05rem;
	margin-left: .1rem;
}

.btn_url{
	position: absolute;
	right: 0;
	top: 0;
	width: 1rem;
	height: 1rem;
	z-index: 333;
}

.btn_topic{
	text-align: center;
	padding: .4rem 1.98rem;
}
.btn_topic a{
	display: inline-block;
	width: 100%;
	height: .88rem;
	line-height: .88rem;
	background: #01b2b6;
	color: #fff;
	font-size: .32rem;
	border-radius: 44px;
}
.btn_topic a img{
	width:  .28rem;
	height: .28rem;
	margin-left: .08rem;
	position: relative;
	top: .03rem;
}