@charset "utf-8";
/* CSS Document */
body{
	background:#fff;
}
.banner{
	width:100%;
	height:2.2rem;
	padding:0;
	margin-bottom: .98rem;
}
.banner .swiper-container{
	width:100%;
	height:2.68rem;

}
.banner img{
	width:100%;
	height:100%;
}
.banner .swiper-pagination{
	height:.1rem;
	bottom:.1rem;
}
.banner .swiper-pagination .swiper-pagination-bullet{
	width:.1rem;
	height:.1rem;
	border:1px solid #f9edee;
	background:rgba(255, 255, 255, 0.5);
	vertical-align: top;
	margin:0 .05rem;
	opacity: 1;
	-moz-border-radius: .1rem;
	-webkit-border-radius: .1rem;
	border-radius: .1rem;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
	width:.25rem;
	background:#fff;
}
.memorybox{
	margin:0 .3rem .3rem;
	background:#fff;
	overflow:hidden;
	position: relative;
	z-index: 2;
}
.show{
	-moz-border-radius:.1rem;
	-webkit-border-radius:.1rem;
	border-radius:.1rem;
	-moz-box-shadow: 0 0 .2rem rgba(234,242, 250, 0.6);
	-webkit-box-shadow: 0 0 .2rem rgba(234,242, 250, 0.6);
	box-shadow: 0 0 .2rem rgba(234,242, 250, 0.6);
}
.memorybox h3.tit{
	font-size:.3rem;
	color:#333;
	height:.34rem;
	line-height: .4rem;
	margin-top:.3rem;
	padding-left: .66rem;
	background:url(../images/titicon.png) .3rem center no-repeat;
	-o-background-size:auto .25rem;
	-ms-background-size:auto .25rem;
	-moz-background-size:auto .25rem;
	-webkit-background-size:auto .25rem;
	background-size:auto .25rem;
}
.memorybox ul{
	overflow:hidden;
	display: flex;
	flex-wrap: wrap;
}
.memorybox li{
	width:25%;
	float: left;
	text-align: center;
	padding: .3rem 0;
	position:relative;
}
.memorybox li em{
	display: block;
	width:100%;
	height:.9rem;
	overflow:hidden;
}
.memorybox li img{
	/*height:100%;*/
    margin: 0 auto;
	width:auto;
	vertical-align: top;
	max-height: 92%;
	max-width: 100%;
}
.memorybox li span{
	display: block;
    color: #222;
    line-height: .3rem;
    font-size: .26rem;
    padding: 0.15rem 0.08rem 0;
    min-height: 0.6rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}
.memorytwo{
	padding: .3rem .3rem;
	clear: both;
	overflow: hidden;
	margin-top: -.3rem;
}
.memorytwo .memorybox{
	width:48%;
	float:left;
	margin:0;
	margin-right: 4%;
}
.memorytwo .memorybox:nth-of-type(2n+2){
	margin-right: 0;
}
.memorytwo li{
	width:100%;
	float:none;
	padding:.2rem .2rem;
}
.memorytwo li img{
	height:.9rem;
	width:.9rem;
	float:left;
}
.memorytwo li .textbox{
	padding: .05rem 0 .05rem .2rem;
	text-align: left;
	overflow:hidden;
}
.memorytwo li .textbox h4{
	font-size: .28rem;
	color:#333;
	line-height: .4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.memorytwo li .textbox p{
	font-size: .26rem;
	color:#999;
	line-height: .4rem;
	white-space: nowrap;
}


.memorythree{
	padding: .3rem .3rem;
	clear: both;
	overflow: hidden;
	margin-top: -.3rem;
}
.memorythree .memorybox{
	width:32%;
	float:left;
	margin:0;
	margin-right: 2%;
}
.memorythree .memorybox:nth-of-type(2n+3){
	margin-right: 0;
}
.memorythree li{
	width:100%;
	float:none;
	padding:.2rem .2rem;
}
.memorythree li img{
	height:.9rem;
	width:.9rem;
	float:left;
}
.memorythree li .textbox{
	/* padding: .05rem 0 .05rem .2rem; */
	text-align: left;
	overflow:hidden;
	height:0.9rem;
	display: flex;
	display:-webkit-flex;
	align-items: center;
	padding-left:0.2rem;
}
.memorythree li .textbox h4{
	font-size: .28rem;
	color:#333;
	line-height: .4rem;
	/* white-space: nowrap; */
}

.memorysingle{
	clear: both;
	overflow: hidden;
	/* margin-top: -.3rem; */
}

.memorysingle li{
	width:100%;
	float:none;
	padding:.2rem .2rem;
	position: relative;
}

.memorysingle li:after{
	content: '';
	position: absolute;
	right: 0.3rem;
	top: 0.44rem;
	width: 0.32rem;
	height: 0.32rem;
	background: url(../images/jump_icon.png) no-repeat center;
	background-size: 0.2rem 0.32rem;
}

.memorysingle li img{
	height:.9rem;
	width:.9rem;
	float:left;
}
.memorysingle li .textbox{
	/* padding: .05rem 0 .05rem .2rem; */
	text-align: left;
	overflow:hidden;
	height:0.9rem;
	display: flex;
	display:-webkit-flex;
	align-items: center;
	padding-left:0.2rem;
}
.memorysingle li .textbox h4{
	font-size: .28rem;
	color:#333;
	line-height: .4rem;
	/* white-space: nowrap; */
}
/*多图列表*/
.case-boxs .recommendedCase .case-lab {
	width: 100%;
	height: auto;
	background: #ffffff;
	box-shadow: 0px 0px 0.46rem 0px rgba(51, 51, 51, 0.1);
	border-radius: 0.08rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0.2rem;
}
.case-boxs .recommendedCase .case-lab .img {
	width: 100%;
	display: block;
	height: 2.4rem;
	margin-bottom: 0.22rem;
	border-radius: 0.06rem;
	overflow: hidden;
}
.case-boxs .recommendedCase .case-lab .img img {
	display: block;
	width: 100%;
	height: 100%;
}
.case-boxs .recommendedCase .case-lab p {
	width: 100%;
	height: auto;
	font-size: 0.26rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.34rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: center;
}
.case-boxs .swiper-container {
	width: 100%;
	overflow-x: hidden;
	overflow-y: visible;
	padding: 0.4rem 0;
}
.case-boxs .swiper-slide {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transform: scale(0.7) !important;
	transform: scale(0.7) !important;
}
.case-boxs .swiper-slide-active,
.swiper-slide-duplicate-active {
	-webkit-transform: scale(0.97) !important;
	transform: scale(0.97) !important;
}
.case-boxs .swiper-slide-active,
.case-boxs .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.case-boxs .none-effect {
	transition: none;
	-webkit-transition: none;
}

.case-boxs h2 {
	color: #333333;
	font-size: 0.34rem;
	line-height: 0.72rem;
	padding-left: 0.39rem;
}
.case-boxs {
	background-color: #fff;
	padding-top: 0.31rem;
	margin-bottom: 0.2rem;
}
.case-boxs .case-top {
	line-height: 0.52rem;
	color: #333333;
	font-size: 0.36rem;
	text-align: center;
	margin-bottom: 0.09rem;
}
.case-boxs .case-top span {
	display: inline-block;
	padding-right: 0.28rem;
	background: url(/vMobile/images/arrow-icon.png) no-repeat right center;
	background-size: 0.12rem 0.22rem;
}
/*多图样式二*/
.resource {
	padding-top: 0;
}
.resource .res-top {
	overflow: hidden;
	line-height: 1.14rem;
	padding: 0 0.3rem;
}
.resource .res-top .name {
	float: left;
	font-size: 0.35rem;
	color: #333333;
}
.resource .res-top .more {
	float: right;
	font-size: 0.27rem;
	color: #999999;
	padding-right: 0.24rem;
	background: url(../images/arrow-icon.png) no-repeat right center;
	background-size: 0.12rem 0.22rem;
}
.resource .res-con {
	width: 100%;
}
.resource .res-con ul {
	overflow: hidden;
	padding: 0 0.3rem;
}
.resource .res-con ul li {
	float: left;
	width: 3.35rem;
	margin-right: 0.2rem;
}
.resource .res-con ul li:nth-child(2n) {
	margin-right: 0;
}
.resource .res-con ul li .img {
	width: 100%;
	height: 2.04rem;
	margin-bottom: 0.15rem;
	border-radius: 0.08rem;
	overflow: hidden;
}
.resource .res-con ul li .img img {
	display: block;
	width: 100%;
	height: 100%;
}
.resource .res-con ul li p {
	width: 100%;
	height: 0.8rem;
	font-size: 0.27rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.4rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

/*公告*/
.notgg {
	width: 100%;
	height: 1.4rem;
	overflow: hidden;
	background-color: #fff;
	box-sizing: borDer-box;
	-webkit-box-sizing: borDer-box;
	-moz-box-sizing: borDer-box;
	-ms-box-sizing: borDer-box;
	-o-box-sizing: borDer-box;
	padding: 0.3rem;
}
.notgg .img {
	width: 0.8rem;
	height: 0.8rem;
	float: left;
}
.notgg .img img {
	display: block;
	width: 100%;
	height: 100%;
}
.notgg.nt2 .img {
	width: 0.6rem;
	height: 0.6rem;
	float: left;
	margin-top: 0.1rem;
}
.notgg .tit {
	padding-left: 1rem;
	height: 0.8rem;
	position: relative;
}
.notgg.nt2 .tit {
	padding-left: 0;
	height: auto;
}
.notgg .tit span{
	position: absolute;
	top: 0rem;
	right: -0.1rem;
	font-size: 0.24rem;
	color: #999999;
	z-index:999;
}
.notgg .tit .tit-scroll {
	height: 0.8rem;
}
.notgg.nt2 .tit .tit-scroll {
	margin-left: 0.8rem;
}
.notgg .tit p,
.notgg .tit h4 {
	position: relative;
	padding-left: 0.18rem;
	font-size: 0.3rem;
	color: #999999;
	line-height: 0.4rem;
	width: 93%;
	box-sizing: borDer-box;
	-webkit-box-sizing: borDer-box;
	-moz-box-sizing: borDer-box;
	-ms-box-sizing: borDer-box;
	-o-box-sizing: borDer-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.notgg .tit p:after,
.notgg .tit h4:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.1rem;
	height: 0.1rem;
	background-color: #fcbf07;
	border-radius: 50%;
}
.notgg.nt2 .tit p{
	margin-top: 0.2rem;
}
.notgg .tit:not(.text)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0.16rem;
	height: 0.28rem;
	margin-top: -0.14rem;
	background: url(../images/collectIcon.png) no-repeat center;
	background-size: 100%;
}
.notgg .tit .tit-scroll.swiper-container-vertical .swiper-slide {
	transform: scale(0.97) !important;
}

/*推荐*/
.recommend {
	width: 100%;
	overflow: hidden;
}
.recommend .recom-title {
	height: .50rem;
	background: #f5f6f8;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
}
.recommend .recom-title h3 {
	font-size: .28rem;
	color: #999999;
	margin-left: .3rem;
}
.recommend .recom-title .change {
	margin-right: .3rem;
	padding-left: .4rem;
	background: url("/vMobile/images/icon-change.png") no-repeat left center;
	background-size: .3rem .3rem;
	font-size: .22rem;
	color: #999999;
}
.recommend .recom-list {
	width: 100%;
	overflow: hidden;
	background: #ffffff;
}
.recommend .recom-list ul {
	overflow: hidden;
}
.recommend .recom-list ul li {
	height: 1.3rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	position: relative;
}
.recommend .recom-list ul li:after {
	content: '';
	position: absolute;
	width: 100%;
	right: 0;
	bottom: 0;
	left: 1.3rem;
	height: 0.01rem;
	background: #ebebeb;

}
.recommend .recom-list ul li .cover{
	float: left;
	width: .80rem;
	height: .80rem;
	border-radius: 0.08rem;
	margin-left: .23rem;
	margin-right: .23rem;
	overflow:hidden;
}
.recommend .recom-list ul li img {
	display: block;
	width: 100%;
	height: 100%;
}
.recommend .recom-list ul li .recom-con {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
	padding-right: .3rem;
	width: 6.17rem;
}
.recommend .recom-list ul li .recom-con .recom-mes {
	width: 95%;
}
.recommend .recom-list ul li .recom-con .recom-mes h4 {
	font-size: .28rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.34rem;
}
.recommend .recom-list ul li .recom-con .recom-mes p {
	font-size: .22rem;
	color: #999999;
	line-height: .32rem;
	margin-top: .1rem;
}
.recommend .recom-list ul li .recom-con .recom-mes p span {
	padding-right: .16rem;
	font-size: .25rem;
}
.recommend .recom-list ul li .recom-con .go-next {
	width: .16rem;
	height: 1.3rem;
	background: url("../images/collectIcon.png") no-repeat right center;
	background-size: .16rem;
}
.recommend .no-data {
	text-align: center;
	line-height: 1.6rem;
	font-size: .26rem;
	color: #999999;
}
.recommend .data-footer {
	text-align: center;
	font-size: .26rem;
	line-height: .8rem;
	color: #999999;
}
/*推荐分类*/
.wrapper {
	position: relative;
	height: .60rem;
	background: #f5f6f8;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.wrapper .scroller {
	position: absolute;
}
.wrapper .scroller li {
	height: 0.6rem;
	color: #333;
	float: left;
	line-height: 0.6rem;
	font-size: .26rem;
	text-align: center;
	color: #999999;
}
.wrapper .scroller li a {
	color: #333;
	display: block;
	margin: 0 .2rem;
	font-size: 0.28rem;
}
.wrapper .scroller li.cur a {
	color: #0099ff;
	height: .6rem;
	border-bottom: 0.1rem solid #0099ff;
}
.wrapper{
	background-color:#fff;
	height:0.8rem;
	position: relative;
	z-index: 9;
}
.wrapper:after{
	content:'';
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:0;
	border-bottom:1px solid #EBEBEB;
	transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);
	z-index: -1;
}
.wrapper .scroller li{
	height:0.8rem;
	line-height: 0.8rem;
	font-size:0.28rem;
	color:#999999;
}
.wrapper .scroller li a{
	color:#999999;
}
.wrapper .scroller li.cur a{
	height:0.8rem;
	border-bottom:none;
	position: relative;
	color:#333333;
	font-size:0.28rem;
	z-index:99;
}
.wrapper .scroller li.cur a:after{
	content:'';
	position: absolute;
	left:10%;
	bottom:0;
	width:80%;
	height:0;
	border-bottom:0.02rem solid #0099FF;
	z-index:99;

}