.gl_al{background: rgba(0,0,0,0.01);padding:5px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px}
.gl_al div{height: 30px;line-height: 30px;}
.gl_qd font{float:right;cursor:pointer; margin-right:14px;display: inline-block;width: 100px;height: 30px;line-height: 30px;border-radius: 3px; text-align: center;border: 1px solid #ccc;}
.gl_qd_font{width: 49%;display: inline-block;color: #999;}
.gl_qd_time{width: 49%;display: inline-block;text-align: right;color: #999;}
.gl_jb img{width: 20px;height:20px;}
.gl_jf img{width: 20px;height:20px;}

.k-center{
	width: 1170px;
	margin: 0px auto;
}
.advert p a img{
	width:100%;
}
.recommended {
	padding-top: 24px;
}
.recommended .recommended-list {
	width: 850px;
	display: table;
	min-height: 100px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.recommended .recommended-list .recommended-list-banner {
	width: 380px;
	height: 280px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.recommended .recommended-list .recommended-list-prod {
	width: 460px;
	height: 280px;
}
.recommended .recommended-list .recommended-list-prod ul {
	width: 100%;
	height: 300px;
	margin-top: -20px;
}
.recommended .recommended-list .recommended-list-prod ul li {
	width: 200px;
	height: 130px;
	border-radius: 10px 10px 0px 0px;
	margin-left: 20px;
	position: relative;
	margin-top: 20px;
}
li {
	list-style-type: none;
	float: left;
}
a, area {
	text-decoration: none;
	outline: none;
	color: #3a3737;
}
img {
	border: none;
	vertical-align: middle;
}
.recommended .recommended-list .recommended-list-prod ul li .recommended-prod-img {
	width: 100%;
	height: 100%;
}
.recommended .recommended-list .recommended-list-prod ul li .recommended-prod-img img {
	width: 100%;
	height: 100%;
	border-radius: 10px 10px 0px 0px;
}
.recommended .recommended-list .recommended-list-banner ul li img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
}
.recommended .recommended-list .recommended-list-prod ul li .recommended-prod-txt {
	width: 100%;
	height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	color: rgb(255, 255, 255);
	position: absolute;
	line-height: 30px;
	padding: 0px 4px;
	font-size: 13px;
	left: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0);
	box-shadow: rgb(34, 34, 34) 0px -5px 20px 0px inset;
}
.recommended .recommended-user {
	width: 295px;
	height:280px;
	min-height: 100px;
	background:url(/uploads/image/si/user_bg.png) no-repeat;
	background-size:100% 100%;
}
.recommended .recommended-user .user-head{
	text-align: center;
	padding-top:30px;
}
.recommended .recommended-user .user-head img{
	width: 100px;
	height: 100px;
	background: #03acd7;
	border: 2px solid #ffffff;
	border-radius: 50%;
}
.recommended .recommended-user .button{
	margin-top:10px;
	display: flex;
}
.recommended .recommended-user .button div{
	text-align: center;
	flex: 1;
}
.recommended .recommended-user .text{
	text-align: center;
	padding-top: 20px;
	font-size: 15px;
	font-family: microsoft yahei;
	font-weight: 400;
	color: #333333;
}
.recommended .recommended-user .gold-border{
	margin:30px 10px;
	height: 2px;
	border-top:2px solid #f4e37a;
}
.recommended .recommended-user .gold-img{
	text-align: center;
	margin-top:-45px;
	border-radius: 3px;
}
.recommended .recommended-user .button div button{
	height:35px;
	width:68%;
	background: #6d4dc7;
	border-radius: 2px;
	font-size: 15px;
	font-family: microsoft yahei;
	font-weight: 600;
	color: #ffffff;
	border:none;
}
.n-r{
	display: flex;
}
.n-r .new{
	flex:2;
}
.n-r .new .title{
	margin: 10px 0;
	border-bottom: 1px solid #dddddd;
	flex:2;
	height: 38px;
}

.n-r .new .content{
	width: 100%;
	display: table;
}
.n-r .new .content ul {
	width: 100%;
}
.n-r .new .content ul li {
	width: 50%;
	height: 30px;
	padding-left: 12px;
	position: relative;
	line-height: 30px;
}

.n-r .new .title img{
	width:26px;
	height:26px;
}

.n-r .new .title .hot-text{
	float:right;
	width:500px;
	display: flex;
}
.n-r .new .title span{
	font-family: pingfang sc;
	font-weight: bold;
	color: #333333;
	line-height: 12px;
	padding-left: 20px;
	width: 26px;
	height: 28px;
}

.n-r .new .title .hot-text div{
	flex:1;
	text-align: right;
}
.n-r .new .title .hot-text .active{
	color:red;
	font-weight: 600;
}

.n-r .ranking{
	/*padding-left:50px;*/
}
.n-r .ranking .title{
	margin:10px 0 10px 10px;
	padding-bottom: 7px;
	border-bottom: 1px solid #dddddd;
}
.n-r .ranking .title div img{
	width:26px;
	height:30px;
}
.n-r .ranking .title .text{
	width: 45px;
	height: 9px;
	font-size: 13px;
	font-family: pingfang sc;
	padding: 10px 0px 0px 50px;
	font-weight: bold;
	color: #333333;
	line-height: 12px;
}
.n-r .ranking .title .more{
	padding-top:8px;

}

.n-r .ranking .title .more span{
	padding:3px;
	font-size: 12px;
	font-family: pingfang sc;
	border: 1px solid #cccccc;
	border-radius: 2px;
}
.n-r .ranking .info{
	margin-left:10px;
}
.n-r .ranking .info .col{
	padding:4px 0px;
}

.n-r .ranking .info .col .num{
}

.n-r .ranking .info .col .num div{
	width: 22px;
	height: 25px;
	background: #03acd7;
	margin-top:5px;
	padding: 5px 5px 5px 7px;
	border-radius: 2px;
	font-family: pingfang sc;
	font-weight: 500;
	color: #ffffff;
	line-height: 18px;
}

.n-r .ranking .info .col .head-img{

	/*text-align: center;*/
}

.n-r .ranking .info .col .head-img img{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	/*margin-left:50px;*/
}

.n-r .ranking .info .col .user{
	/*margin-left:50px;*/
}

.n-r .ranking .info .col .love{
	padding-top:5px;
	/*margin-left:50px;*/
}

.n-r .ranking .ran{
	padding-left:10px;
}
.n-r .ranking .ran img{
	width:100%;
	height:270px;
}



.display-flex{
	display: flex;
}
.flex-1{
	flex : 1;
}
.flex-2{
	flex : 2;
}
.flex-3{
	flex : 3;
}
.flex-4{
	flex : 4;
}
.flex-5{
	flex : 5;
}
.flex-6{
	flex : 6;
}
.flex-7{
	flex : 7;
}

.media-advert{
	display: flex;
}
.media-advert .media-advert-img{
	flex: 1;
}
.media-advert .media-advert-img img{
	width:80px;
	height:65px;
}
.media-advert .media-advert-text{
	flex: 3;
}

/*文章内文字广告*/
.extension li a .col{
	display: flex;
}
.extension li a .col .gg{
	flex:2;
}
.extension li a .col .gg em{
	display: inline-block;
	border: 1px solid rgb(221, 221, 221);
	border-radius: 3px;
	color: rgb(221, 221, 221);
	padding: 0px 2px;
	margin: 7px 5px 7px 0px;
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
}
.extension li a .col .text{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;

	height: 18px;
	padding: 0px 2px;
	margin: 7px 5px 7px 0px;
	font-size: 14px;
	line-height: 18px;

	flex:15;
}
.extension li a .col .time{
	height: 18px;
	padding: 0px 2px;
	margin: 7px 5px 7px 0px;
	font-size: 14px;
	line-height: 18px;
	flex:2;
}




.media li a .col{
	display: flex;
}
.media li a .col .gg{
	flex:2;

}
.media li a .col .text{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;

	height: 18px;
	padding: 0px 2px;
	margin: 7px 5px 7px 0px;
	font-size: 14px;
	line-height: 18px;

	flex:15;
}
.media li a .col .time{
	height: 18px;
	padding: 0px 2px;
	margin: 7px 5px 7px 0px;
	font-size: 14px;
	line-height: 18px;
	flex:2;
}

.media li a .gg::after {
	content: "";
	position: absolute;
	left: 15px;
	top: 20%;
	width: 25px;
	height: 20px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	background:  no-repeat center;
	margin-top: -5px;
}

.page{
	padding-top:20px;
	text-align: center;
}

.page button{
	color: #6d4dc7;
	border: 1px solid #cccccc;
	background-color: white;
	padding: 0px 4px;
}
.page span{
	color: #6d4dc7;
	padding: 0px 10px
}

/*热门推荐*/
.hot{

}
.hot .active{
	color:red;
	font-weight: 600;
}
.hot .title{
	border-bottom: 1px solid #dddddd;
	height: 38px;
}
.hot .title .l{
	float:left;
	width:300px;
}

.hot .title .l img{
	width:26px;
	height:28px;
}
.hot .title .l span{
	font-family: pingfang sc;
	font-weight: bold;
	color: #333333;
	line-height: 12px;

	padding-left:20px;
	width:26px;
	height:28px;
}

.hot .title .r{
	width:350px;
	float:right
}
.hot .title .r{
	text-align: center;
	width:350px;
	float:right
}
.hot .info{
	width:100%;
}
.hot .info ul{
	display: none;
}
.hot .info ul li{
	width: 33%;
	height: 120px;
	padding: 5px;
}

.hot .info ul li .hot-list-img {
	width: 120px;
	height: 100px;
}

.hot .info ul li .hot-list-img img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.hot .info ul li .hot-list-inform {
	width: 248px;
	height: 120px;
	padding-left: 8px;
}

.hot .info ul li .hot-list-inform .hot-list-tit {
	width: 100%;
	padding-top: 4px;
	font-size: 14px;
	line-height: 18px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.hot .info ul li .hot-list-inform .hot-list-evaluation {
	width: 100%;
	height: 44px;
}

.hot .info ul li .hot-list-inform .hot-list-evaluation i {
	display: inline-block;
	width: 16px;
	height: 14px;
	background: url(/uploads/image/simg/55b5a_16x14.png) center center no-repeat;
	float: left;
	margin: 15px 3px 15px 0px;
}
.hot .info ul li .hot-list-inform .hot-list-evaluation i.active {
	background:  center center no-repeat;
}
.advert-three{

}

.advert-three a img{
	width:32%;
	height:150px;
	margin-right:2%;
	float:left;
}
.advert-three a:nth-child(3) img{
	margin-right:0;
	float:right
}
.img-synthesize{
	width:100%;
	margin-top:30px;
}
.img-synthesize .new-list{
	width:32%;
	margin-right:2%;
}
.img-synthesize .new-list .img img{
	height:155px;
	width:100%;
}

.img-synthesize .new-list:nth-child(2){
	width:40%;
	margin-right:0;
}

.img-synthesize .new-list:nth-child(3){
	width:24%;
	margin-right:0;
}

.img-synthesize .new-list .content li div:nth-child(1){
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width:400px;
}
.img-synthesize .new-list .content li div:nth-child(2){
	height: 25px;
	line-height: 25px;
}

.img-synthesize .new-list .content li .fl span:nth-child(1){
	font-size: 14px;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border:1px solid #6d4dc7;
	border-radius: 3px;
	color: #6d4dc7;
}
.img-synthesize .new-list .content li .fl span:nth-child(2){
	color:#999999;
	padding-left:5px;
	cursor: pointer;
	width: 100%;

}

.img-synthesize .new-list .content li{
	width:100%;
	margin-top:4px;
}

.img-synthesize .new-list .title{
	border-bottom: 1px solid #dddddd;
	height:35px;

}
.img-synthesize .new-list .title span {
	font-family: pingfang sc;
	font-weight: bold;
	color: #333333;
	line-height: 12px;
	padding-left: 20px;
	width: 26px;
	height: 28px;
}
.img-synthesize .new-list .coupons ul li{
	border: 1px dashed #ddd;
	width:100%;
	margin-top:14px;
}

.img-synthesize .new-list .coupons ul li .activity-discount-img {
	width: 80px;
	height: 80px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.img-synthesize .new-list .coupons ul li .activity-discount-img img {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.img-synthesize .new-list .coupons ul li .activity-discount-txt .activity-discount-inform {
	width: 100%;
	line-height: 22px;
	font-size: 14px;
	color: #444;
}
.img-synthesize .new-list .coupons ul li .activity-discount-txt .activity-discount-link {
	width: 100%;
	padding-top: 6px;
}
.img-synthesize .new-list .coupons ul li .activity-discount-txt {
	width: 160px;
	padding-left: 10px;
}
.img-synthesize .new-list .coupons ul li .activity-discount-txt .activity-discount-link a {
	background: #ff4700;
	border-radius: 2px;
	display: inline-block;
	width: 80px;
	height: 30px;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 30px;
	color: white;
	-webkit-border-radius: 4px;
}
.synthesize{
	width:100%;
	margin-top:30px;
}
.synthesize .new-list{
	width:32%;
	margin-right:2%;
}
.synthesize .new-list:nth-child(3){
	margin-right:0;
}
.synthesize .new-list .title{
	border-bottom: 1px solid #dddddd;
	height:35px;

}
.synthesize .new-list .content li {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.synthesize .new-list .content li span {
	font-size: 14px;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background: #dddddd;
	border-radius: 3px;
	color: #ffffff;
}

.synthesize .new-list .content li:nth-child(1) span{
	background: #694bbe;
	border-radius: 3px;
	color: #ffffff;
}
.synthesize .new-list .content li:nth-child(2) span{
	background: #7f65c8;
	border-radius: 3px;
	color: #ffffff;
}
.synthesize .new-list .content li:nth-child(3) span{
	background: #8a74c8;
	border-radius: 3px;
	color: #ffffff;
}

.synthesize .new-list .title img{
	width:26px;
	height:27px;
}
.synthesize .new-list .title span{
	font-family: pingfang sc;
	font-weight: bold;
	color: #333333;
	line-height: 12px;
	padding-left: 20px;
	width: 26px;
	height: 28px;
}
.footer-links{
	width: 100%;
	background-color: rgb(51, 51, 51);
	display: table;
}
.footer-center {
	width: 1170px;
	margin: 0px auto;
}
.footer-border{
	border-bottom: 1px solid #202840;
}
.link-list {
	width: 100%;
}
.link-list ul {
	width: 100%;
}
.link-list ul li {
	padding : 10px 0;
	line-height: 30px;
	float: left;
	width: 96px;
	text-align: left;
}
.link-list ul li span {
	color: rgb(255, 255, 255);
	font-weight: bold;
}
.link-list ul li a {
	color: rgb(255, 255, 255);
	line-height: 30px;
	display: inline-block;
	font-size: 13px;
	opacity: 0.95;
}
.footer {
	width: 100%;
	display: table;
	background-color: #10172b;
}

.footer .footer-txt {
	line-height: 20px;
	font-size: 14px;
	color: rgb(51, 51, 51);
	padding: 12px 0px;
}
.footer .footer-txt p {
	color: rgb(255, 255, 255);
}
.footer .footer-link {
	line-height: 28px;
	padding: 12px 140px 12px 0px;
	color: rgb(255, 255, 255);
}
.footer .footer-link a {
	padding: 0px 14px;
	color: rgb(255, 255, 255);
}
.footer_type{
	display: flex;
}

.footer_type {
	text-align: center;
	display: flex;
}
.footer_type .title{
	line-height :80px;
	color: #929cba;
}


.footer_type .info p,.footer_type .info p a{
	line-height :30px;
	color: #495167;
}

.info-border{
	height:120px;
	border-right:1px solid #495167;
}

.f-follow{
	text-align: left;
	flex:1;
}

.f-involve {
	flex: 2;
}

.f-advertisement {
	flex: 2;
}

.f-service {
	flex: 2;
}

.f-contact {
	text-align: right;
	flex: 1;
}

.footer-copy {
	font-size:12px;
	text-align: center;
	color : #5d616c;
	line-height: 40px;
}

.footer-copy a{
	color: #5d616c;
	line-height: 30px;
}


/* 推荐视频css */
.recommned-container {
}
.recommnet-title {
	font-size: 24px;
    color: rgba(0,0,0,.8);
    letter-spacing: 1px;
    line-height: 32px;
}
.card-container {
	display: flex;
	justify-content: center; 
}
.video-card {
	width: 25%;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    margin: 16px 0px;
	margin-right: 15px !important;
    transition: .3s;
	height: 195px;
}
.card-banner img {
	width: 100%;
    height: 105px;
    border-radius: 10px 10px 0 0;
	border: none;
    vertical-align: middle;
	cursor: pointer;
}
.card-content {
	box-sizing: border-box;
    padding-top: 12px;
	height: 66px;
}
.card-content-title {
	font-size: 16px;
    color: rgba(0,0,0,.85);
    font-weight: 500;
    margin: 0 20px 0;
    height: 24px;
    line-height: 24px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.video-card:hover .card-content-desc{
    height: 20px;
    opacity: 1;
}
.card-content-desc {
    transition: .3s;
    height: 0;
    opacity: 0;
    /* height: 20px;
    opacity: 1; */
    font-size: 14px;
    color: rgba(0,0,0,.6);
    box-sizing: border-box;
    padding: 4px 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.card-content-footer {
	padding: 0 5px 0 20px;
    display: flex;
    justify-content: space-between;
    height: 22px;
    line-height: 22px;
	margin: 8px 0px
}
.score-degree {
	font-family: helvetica;
    font-size: 16px;
    color: rgba(0,0,0,.85);
    padding: 0 4px;
	height: 20px;
}
.score-comment {
	font-size: 12px;
    color: rgba(0,0,0,.35);
	padding-top: 2px;
}
.card-content-footer-right-tag {
	border: 1px solid rgba(0,0,0,.1);
    border-left: 0 none;
    padding: 0 6px 0 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 0 6px;
    line-height: 22px;
    height: 22px;
    position: relative;
    box-sizing: border-box;
	border-color: rgba(0,0,0,.1);
}
.card-content-footer-right-tag:before {
	content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    border-left: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-color: inherit;
    top: 50%;
    transform: translatey(-50%) rotate(50deg) skew(10deg);
    left: -7px;
    box-sizing: border-box;
    border-bottom-left-radius: 4px;
}
.card-content-footer-left>img {
	width: 14px;
	height: 14px;
}
.card-content-footer-left {
	display: flex;
	align-items: center;
}