.main-content{
	height:auto;background-color:var(--default-main-content-bg-color);
}

/* 焦点图css */
.slide-div{
	width:100%;height:280px;
	background-color: #e6007e;
	text-align: center;overflow:hidden;
}

.slide-div li{
	display:none;height:100%;transition: all .5s;
}
.slide-div li>a{
	display:inline-block;height:100%;
}
.slide-div img{
	display:inline-block;height:100%;
}
.slide-nav{
	display:inline-block;width:auto;position: relative;z-index:100;top:-30px;
}
.slide-nav>li{
	display: inline-block;width:10px;height:5px;float:left;margin-right:10px;
	/* background-color:rgba(255,255,255,0.5); */
	border:1px solid #FFFFFF;
	transition: width .5s;
	cursor: pointer;
}
.slide-nav>li.active{
	width:40px;position:relative;background-color:#FFFFFF;
}
.slide-nav>li.active span{
	display:block;width:0%;height:100%;position: absolute;
	background-color:var(--default-a-hover-color);
}
.slide-nav>li:hover{
	/* width:40px;background-color:var(--default-a-hover-color); */
}

/*
 * **************************
 * 最新活动 css
 * **************************
 */
.floor-active{
	width:100%;height:auto;background-color:#FFFFFF;overflow: hidden;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);padding:20px;border-radius: 2px;
}
.active-left{
	width:280px;height:465px;float:left;box-shadow: 0 2px 4px rgba(3,27,78,.06);
	background: url(../img/left_active_bg.jpg);background-size: cover;
	padding:30px 25px;position: relative;
}
.active-left .active-title{
	text-decoration: none;
}
.active-left .active-title h4{
	color:#FFFFFF;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 32px;
	font-weight: 500;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 64px;
}
.active-left .active-title:hover h4{
	color:var(--default-a-hover-color);
}
.active-left .active-des{
	font-size: 14px;
	line-height: 24px;
	color: rgba(255,255,255,.8);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	height: 62px;
}
.active-left .active-time{
	display:block;height:25px;line-height:25px;
	color:rgba(255,255,255,.8);
}
.active-left .active-time i.icon-time{
	display: inline-block;
	width: 13px;
	height: 14px;
	float: left;
	margin-right: 5px;
	background: url(../img/icon_time.svg);
	background-size: cover;
	position: relative;top:5px;
}
.active-left .active-footer{
	height:auto;width:230px;overflow: hidden;
	position: absolute;bottom:30px;right:25px;left:25px;
}
.active-left .active-img{
	width:100%;height:150px;margin-top:15px;
	background-size: cover;
}
.active-left .more-info{
	display:block;width:100%;height:auto;padding:10px 0;
	text-align: center;text-decoration: none;
	background-color:var(--st-pink);
	color:#FFFFFF;font-size:14px;
}
.active-left .more-info:hover{
	opacity:0.9;
}

.active-ul,.active-ul>li{
	display:block;float:left;
}
.active-ul{
	width:860px;height:465px;position: relative;
}
.active-ul>li{
	width:266px;height:225px;float:left;position: relative;
	margin-left:20px;margin-bottom:15px;
}
.active-ul>li::after{
	display:none;content:"";position: absolute;
	top:-8px;left:-8px;right:-8px;bottom:-2px;
	box-shadow:#ccc 0 0 10px;
}
.active-ul>li:hover::after{
	display:block;
}
.active-ul>li>a{
	display:block;position: relative;z-index:9999;
	text-decoration: none;color:var(--default-a-color);
}
.active-ul>li .active-img-div{
	width:266px;height:155px;overflow: hidden;
}
.active-ul>li .active-img-div img{
	width:266px;height:155px;transition: all .5s;
}
.active-ul>li .active-img-div img:hover{
	transform: scale(1.1);
}
.active-ul>li>a>h4{
	display:block;font-size:14px;font-weight: normal;margin-top:8px;
}
.active-ul>li>a>span{
	color:var(--default-small-a-color);font-size:12px;
}
.active-ul>li>a .icon-time{
	display:inline-block;width:13px;height:13px;float:left;margin-right:5px;
	background:url(../img/icon_time.svg);background-size: cover;
	position: relative;top:4px;
}

/*
 * **************************
 * 技术问答 css
 * **************************
 */
.fbbs-action-div{
	height:40px;border-bottom: 1px solid var(--default-content-bg-color);
	margin-bottom:30px;
}
.fbbs-action-ul{
	display:block;float:right;
}
.fbbs-action-ul li{
	display:block;float:left;width:auto;margin-left:20px;position: relative;
	width:auto;
}
.fbbs-action-ul li::after{
	display: block;
	padding: 0 0.357142rem;
	content: "/\00a0";
	color: #ccc;
	position: absolute;
	right: -21px;
	top: 0;
}
.fbbs-action-ul li:last-child::after{
	display:none;
}
.fbbs-action-ul li a{
	color:var(--default-a-color);text-decoration: none;
}
.fbbs-section{
	border-bottom:1px solid var(--default-content-bg-color);
	padding-bottom:30px;margin-bottom:30px;
}
.fbbs-section:last-child{
	border:0px;padding:0px;margin:0px;
}
.fbbs-header{
	height:50px;position: relative;
}
.fbbs-header a{
	text-decoration: none;
}
.fbbs-header h3 {
	display: block;float:left;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	color:var(--default-a-color);
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	margin-left:15px;
}
.fbbs-header .post-num{
	display: block;float:left;
	box-sizing: border-box;
	padding: 5px 5px 0;
	width: 46px;
	height: 46px;
	border-radius: 2px;
	background-color: #E1EEFA;
	line-height: 1.2;
	color: var(--default-a-hover-color);
	text-align: center;
	cursor: pointer;
	/* box-shadow: 0 0 0.142857rem 0 rgba(0,0,0,0.1); */
	transition: all .1s;
}
.fbbs-header .post-num span:first-child{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
}
.fbbs-header .post-num span:last-child{
	font-size:12px;
}
.fbbs-header .tags-list{
	position:absolute;bottom:-8px;left:60px;height:30px;width:680px;
}
.fbbs-header .tags-list a{
	font-size:12px;color:var(--default-small-a-color);
}
.fbbs-header .tags-list a::after{
	display:inline-block;width:10px;text-align:center;content:"、";
}
.fbbs-header .tags-list a:last-child::after{
	display:none;
}
.fbbs-header .tags-list a:hover{
	color:var(--default-a-hover-color);
}
.fbbs-header .tags-list .icon-tags{
	display:inline-block;width:15px;height:15px;
	background:url(../img/icon_tag.svg);background-size:cover;
	position: relative;top:3px;
}
.fbbs-header .title-a:hover h3{
	color:var(--default-a-hover-color);
}
.fbbs-header .title-a:hover .post-num{
	background-color:var(--default-a-hover-color);
	box-shadow: rgba(0, 0, 0, 0.12) 0px 0.214285rem 0.357142rem 0px;
}
.fbbs-header .title-a:hover .post-num span{
	color:#FFFFFF;
}
.fbbs-footer{
	width:100%;height:auto;background-color:#fcfcfc;
	padding:20px;margin-top:18px;
}
.fbbs-footer:hover{
	box-shadow:#ccc 0 0 10px;
}
.fbbs-footer .user-a{
	display:inline-block;height:20px;width:auto;text-decoration: none;
}
.fbbs-footer .user-a img{
	width:20px;height:20px;
	border-radius: 1px;
}
.fbbs-footer .user-a span{
	color:var(--default-a-next-color);position: relative;bottom:5px;left:3px;
}
.fbbs-footer>p{
	width:100%;max-height:40px;line-height: 1.5;overflow: hidden;
	margin:10px 0;font-size:14px;color:var(--default-a-color);
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.fbbs-footer .action-button-div{
	width:100%;height:auto;margin-top:15px;
}
.fbbs-footer .action-button-div .button-a{
	padding:5px 10px;text-decoration: none;
	font-size:12px;margin-right:10px;
	color:var(--default-a-next-color);
	/* background-color:#ccc; */
}
.fbbs-footer .action-button-div .button-a:hover{
	background-color:var(--default-a-hover-color);border-radius: 2px;
	color:#FFFFFF;
}
.fbbs-footer .action-button-div .button-a span{
	margin-left:3px;
}
.fbbs-footer .action-button-div .button-a i{
	display:inline-block;width:15px;height:15px;
	position: relative;top: 3px;right: 3px;
}
.fbbs-footer .action-button-div .button-a i.icon_collect{
	background:url(../img/icon_collect.png) no-repeat center center;background-size:15px;
}
.fbbs-footer .action-button-div .button-a i.icon_zan{
	background:url(../img/icon_zan.png) no-repeat;background-size:14px 14px;
	background-position: top;
}
.fbbs-footer .action-button-div .button-a i.icon_share{
	background:url(../img/icon_share.png) no-repeat center center;background-size:15px;
}
.fbbs-footer .action-button-div .button-a i.icon_comment{
	background:url(../img/icon_comment.png) no-repeat center center;background-size:15px 15px;
}

/* 活跃用户 */
.hot-user-ul{
	display:block;width:100%;margin-top: 13px;
}
.hot-user-ul>li{
	display:block;width:100%;height:50px;line-height:50px;
	border-bottom:1px solid var(--default-content-bg-color);
}
.hot-user-ul>li:last-child{
	border:0px;
}
.hot-user-ul>li:hover{
	/* background: linear-gradient(to right,rgba(60, 180, 230,0),rgba(60, 180, 230,.05) 15%,rgba(60, 180, 230,.05) 85%,rgba(60, 180, 230,0)); */
	
	background: linear-gradient(to right,rgba(243,245,249,0),rgba(243,245,249,100) 15%,rgba(243,245,249,100) 85%,rgba(243,245,249,0));
}
.hot-user-ul>li .user-order{
	float:left;width:25px;text-align: center;color:var(--st-light-blue);
	font-weight:bold;position: relative;
}
.hot-user-ul>li:nth-child(1) .user-order,.hot-user-ul>li:nth-child(2) .user-order,.hot-user-ul>li:nth-child(3) .user-order{
	color:var(--st-pink);
}
.hot-user-ul>li:nth-child(1) .user-order::after,.hot-user-ul>li:nth-child(2) .user-order::after,.hot-user-ul>li:nth-child(3) .user-order::after{
	display:block;content:"";width:5px;height:5px;border-radius: 5px;
	background-color:var(--st-pink);
	position: absolute;bottom:10px;left:10px;
}

.hot-user-ul>li .user-info{
	display:inline-block;float:left;height:20px;width:auto;text-decoration: none;
	position: relative;top:5px;left:10px;
}
.hot-user-ul>li .user-info img{
	width:20px;height:20px;
	border-radius: 1px;
}
.hot-user-ul>li .user-info span{
	color:var(--default-a-next-color);position: relative;bottom:5px;left:3px;
}
.hot-user-ul>li .user-answer-num{
	float:right;font-size:13px;color:var(--default-a-next-color);position: relative;
}
.hot-user-ul>li .user-answer-num::before{
	display:inline-block;width:20px;height:20px;content:"";
	position: relative;right:5px;top:5px;
	background:url(../img/icon_answer.svg);
	background-size: cover;
}
.hot-user-ul>li .user-answer-num span{
	margin:0 3px;
}

/*
 * **************************
 * 互动实验室 css
 * **************************
 */
.floor-laboratory{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	overflow: hidden;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	padding: 20px;
	border-radius: 2px;
}
.floor-laboratory .active-ul{
	width: 1160px !important;
    position: relative;left: -18px;
}
.floor-laboratory .active-ul>li{
	width:270px !important;
}

/*
 * **************************
 * 资源共享 css
 * **************************
 */
.fresource-action-div{
	margin-bottom:15px !important;
}
.fresource-section{
	display:block;height:80px;border-bottom: 1px solid var(--default-content-bg-color);
	margin-bottom:5px;position: relative;padding-top:5px;
}
.fresource-section .section-header,.fresource-section .section-footer{
	position: relative;z-index:9999;
}
.fresource-section:last-child{
	border:0px;margin:0px;height:70px;
}
.fresource-section::after{
	display: none;content:"";position: absolute;top:-5px;left:-5px;right:-5px;bottom:0px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);z-index:999;
}
.fresource-section:hover::after{
	display:block;
}
.fresource-section a{
	text-decoration: none;
}
.fresource-section .icon-download{
	display:inline-block;width:30px;height:30px;
	position: relative;top:1px;
	background:url(../img/icon_download.svg);
	background-size: cover;
}
.fresource-section .section-header h3{
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	color: var(--default-a-color);
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
}
.fresource-section .section-header a:hover h3{
	color:var(--default-a-hover-color);
}

.fresource-section .section-footer .user-info{
	display:inline-block;float:left;height:20px;width:auto;text-decoration: none;
	position: relative;top:5px;left:5px;margin-right:50px;
}
.fresource-section .section-footer .user-info img{
	width:20px;height:20px;
	border-radius: 1px;
}
.fresource-section .section-footer .user-info span{
	color:var(--default-a-next-color);position: relative;bottom:5px;left:3px;
}
.fresource-section .section-footer .user-info:hover span{
	color:var(--default-a-hover-color);
}
.fresource-section .section-footer span.time-span {
    color: var(--default-small-a-color);
    font-size: 12px;
	position: relative;
	top: 4px;
}
.fresource-section .section-footer span.time-span .icon-time {
    display: inline-block;
    width: 13px;
    height: 14px;
    float: left;
    margin-right: 5px;
    background: url(../img/icon_time.svg);
    background-size: cover;
    position: relative;
    top: 7px;
}

/* 视频教程 */
.video-ul{
	display:block;width:100%;height:auto;position: relative;top:10px;
	margin-top:10px;
}	
.video-ul li{
	display:block;width:100%;height:auto;overflow: hidden;margin-bottom:15px;
}
.video-ul li a.v-left{
	display:block;width:90px;height:64px;overflow: hidden;float:left;
	position: relative;
}
.video-ul li a.v-left img{
	width:100%;height:100%;transition: all .5s;
}
.video-ul li a.v-left:hover img{
	transform: scale(1.1);
}
.video-ul li a.v-left .action-button{
	display:block;width:30px;height:30px;border-radius: 30px;
	position: absolute;top:17px;left:30px;z-index:999;
	background-color:rgba(0,0,0,.6);
}
.video-ul li a.v-left .action-button::after{
	display:block;content:"";
	position: absolute;
	left:7px;top:13px;
	width: 0;
	height: 0;
	border: 7px solid;
	border-color: white transparent transparent;
}
.video-ul li a.v-left:hover .action-button::after{
	border-color: var(--default-a-hover-color) transparent transparent;
}
.video-ul li .v-right{
	float:left;width:220px;margin-left:10px;
}
.video-ul li .v-right .v-title{
	text-decoration: none;width:220px;height:40px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.video-ul li .v-right .v-title h4{
	color:var(--default-a-color);font-size:13px;font-weight:normal;
	line-height:1.4;
}
.video-ul li .v-right .v-title h4:hover{
	color:var(--default-a-hover-color);
}
.v-cate{
	display:inline-block;padding:1px 2px;text-decoration: none;
	color:var(--default-a-hover-color) !important;font-size:12px;
	border:1px solid var(--default-a-hover-color) !important;
}
.v-cate:hover{
	background-color:var(--default-a-hover-color) !important;
	color:#FFFFFF !important;
	box-shadow: 0 0 0.14rem 0 rgba(60, 180, 230,0.1);
}
.video-ul li .v-right span.time-span {
	display:block;float:right;
	color: var(--default-small-a-color);
	font-size: 12px;
	position: relative;
	top: 4px;
}
.video-ul li .v-right span.time-span .icon-time {
	display: inline-block;
	width: 13px;
	height: 14px;
	float: left;
	margin-right: 5px;
	background: url(../img/icon_time.svg);
	background-size: cover;
	position: relative;
	top: 3px;
}