/* 首页首屏卡片 */

.index-hero {
	width: 100%;
	padding: 42px 0 56px;
	background: linear-gradient(90deg, rgba(139, 213, 255, 0.85) 0%, rgba(255, 244, 244, 0.98) 52%, rgba(255, 214, 223, 0.9) 100%);
}

.index-hero .container {
	margin: 0 auto;
}

.index-hero__panel {
	width: 800px;
	margin: 0 auto;
	padding: 48px 70px 46px;
	background: rgba(255, 255, 255, 0.92);
	border-radius: 26px;
	box-shadow: 0 24px 50px rgba(159, 133, 203, 0.18);
	text-align: center;
}

.index-hero__eyebrow {
	margin: 0 0 14px;
	font-size: 20px;
	line-height: 1.4;
	color: #7b7f92;
	letter-spacing: 6px;
}

.index-hero__title {
	margin: 0 0 24px;
	font-size: 58px;
	line-height: 1.18;
	font-weight: bold;
	color: #e59ad8;
	text-shadow: 0 6px 18px rgba(231, 160, 224, 0.28);
}

.index-hero__desc {
	margin: 0 auto;
	max-width: 660px;
	font-size: 18px;
	line-height: 2;
	color: #676d7d;
}

.index-hero__actions {
	margin-top: 34px;
	font-size: 0;
}

.index-hero__btn {
	display: inline-block;
	min-width: 198px;
	height: 56px;
	line-height: 56px;
	margin: 0 18px;
	border-radius: 28px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 14px 26px rgba(219, 146, 212, 0.26);
	background: linear-gradient(90deg, #f38dbf 0%, #b989f0 100%);
}

.index-hero__btn:hover {
	color: #fff;
	text-decoration: none;
	opacity: .94;
}

.index-hero__btn--secondary {
	background: linear-gradient(90deg, #f39bc3 0%, #b88ef2 100%);
}

/* 前端样式1：霓虹夜场 */
.front-style-style1 .index-hero {
	padding: 62px 0 76px;
	background:
		radial-gradient(circle at 16% 18%, rgba(0, 240, 255, .42), transparent 28%),
		radial-gradient(circle at 82% 18%, rgba(255, 0, 128, .42), transparent 30%),
		linear-gradient(135deg, #090c1f 0%, #15123a 52%, #320b35 100%);
}

.front-style-style1 .index-hero__panel {
	width: 860px;
	padding: 56px 72px 54px;
	background: rgba(7, 10, 28, .78);
	border: 1px solid rgba(92, 235, 255, .28);
	border-radius: 34px;
	box-shadow: 0 28px 70px rgba(255, 0, 128, .24), inset 0 0 42px rgba(0, 240, 255, .08);
	text-align: left;
}

.front-style-style1 .index-hero__title {
	color: #f9fbff;
	font-size: 60px;
	text-shadow: 0 0 18px rgba(0, 240, 255, .55), 0 0 34px rgba(255, 0, 128, .35);
}

.front-style-style1 .index-hero__desc {
	max-width: 720px;
	margin: 0;
	color: #c9d6ff;
}

.front-style-style1 .index-hero__btn {
	margin-left: 0;
	margin-right: 20px;
	background: linear-gradient(90deg, #00d8ff 0%, #ff2f92 100%);
	box-shadow: 0 16px 36px rgba(0, 216, 255, .28);
}

/* 前端样式2：暖橙舞台 */
.front-style-style2 .index-hero {
	padding: 54px 0 68px;
	background:
		linear-gradient(120deg, rgba(255, 176, 82, .24) 0 20%, transparent 20% 100%),
		linear-gradient(135deg, #fff8ed 0%, #ffe5cf 50%, #ffd3df 100%);
}

.front-style-style2 .index-hero__panel {
	width: 820px;
	padding: 52px 64px 50px;
	background: #fffdf8;
	border-radius: 12px 58px 12px 58px;
	border: 1px solid rgba(255, 145, 77, .32);
	box-shadow: 18px 18px 0 rgba(255, 145, 77, .16), 0 22px 48px rgba(167, 91, 45, .16);
}

.front-style-style2 .index-hero__title {
	color: #ff7a2f;
	font-size: 54px;
	text-shadow: none;
}

.front-style-style2 .index-hero__desc {
	color: #6f5846;
}

.front-style-style2 .index-hero__btn {
	background: linear-gradient(90deg, #ff8d31 0%, #ff4f6d 100%);
	box-shadow: 0 14px 28px rgba(255, 105, 61, .24);
}

/* 前端样式3：蓝绿科技 */
.front-style-style3 .index-hero {
	padding: 58px 0 72px;
	background:
		linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
		linear-gradient(135deg, #062f4f 0%, #08706e 54%, #12b48b 100%);
	background-size: 44px 44px, 44px 44px, auto;
}

.front-style-style3 .index-hero__panel {
	width: 900px;
	padding: 46px 58px 48px;
	background: rgba(255, 255, 255, .9);
	border-radius: 28px;
	box-shadow: 0 30px 70px rgba(4, 47, 79, .26);
	text-align: left;
}

.front-style-style3 .index-hero__title {
	color: #0a5973;
	font-size: 52px;
	text-shadow: 0 8px 18px rgba(18, 180, 139, .16);
}

.front-style-style3 .index-hero__desc {
	max-width: 760px;
	margin: 0;
	color: #3f6470;
}

.front-style-style3 .index-hero__btn {
	margin-left: 0;
	background: linear-gradient(90deg, #0eb6c8 0%, #15c781 100%);
	box-shadow: 0 14px 32px rgba(14, 182, 200, .25);
}

/* 前端样式4：国潮红金 */
.front-style-style4 .index-hero {
	padding: 60px 0 72px;
	background:
		radial-gradient(circle at 12% 78%, rgba(255, 214, 102, .35), transparent 24%),
		radial-gradient(circle at 88% 22%, rgba(255, 214, 102, .28), transparent 26%),
		linear-gradient(135deg, #7f1018 0%, #c8242d 48%, #f2a83b 100%);
}

.front-style-style4 .index-hero__panel {
	width: 820px;
	padding: 54px 70px 52px;
	background: rgba(255, 248, 232, .95);
	border: 3px solid #f0c45d;
	border-radius: 30px;
	box-shadow: 0 30px 62px rgba(91, 13, 18, .25);
}

.front-style-style4 .index-hero__title {
	color: #b91922;
	font-size: 56px;
	text-shadow: 0 4px 0 rgba(240, 196, 93, .34);
}

.front-style-style4 .index-hero__desc {
	color: #6d3f28;
}

.front-style-style4 .index-hero__btn {
	background: linear-gradient(90deg, #c91f28 0%, #f0a928 100%);
	box-shadow: 0 14px 30px rgba(201, 31, 40, .24);
}

/* 前端样式5：极简电台 */
.front-style-style5 .index-hero {
	padding: 50px 0 64px;
	background:
		linear-gradient(90deg, rgba(36, 44, 58, .06) 50%, transparent 50%),
		linear-gradient(180deg, #f4f7fb 0%, #e9eef5 100%);
	background-size: 18px 18px, auto;
}

.front-style-style5 .index-hero__panel {
	width: 760px;
	padding: 44px 58px 46px;
	background: #fff;
	border-radius: 0;
	border-left: 8px solid #222a36;
	box-shadow: 0 18px 42px rgba(34, 42, 54, .12);
	text-align: left;
}

.front-style-style5 .index-hero__title {
	color: #222a36;
	font-size: 48px;
	text-shadow: none;
}

.front-style-style5 .index-hero__desc {
	max-width: 660px;
	margin: 0;
	color: #596273;
}

.front-style-style5 .index-hero__btn {
	margin-left: 0;
	margin-right: 14px;
	border-radius: 8px;
	background: #222a36;
	box-shadow: none;
}

.front-style-style5 .index-hero__btn--secondary {
	background: #ff5f57;
}

/* 焦点图css */

.scroll_top{
	width: 1200px;
	height: 120px;
	margin:0 auto;
	margin-top: 25px;
}

.scroll_top .swiper-container{
    width:100%;
    height:100%;
}

.scroll_top .swiper-pagination{
    bottom:0;
}
.scroll_top .swiper-pagination-bullet-active{
    background:#fc3600
}
.scroll_top img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
}

.scroll_top .swiper-wrapper,
.scroll_top .swiper-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: transparent;
}


.feed-list .feed {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 220px;
	height: 290px;
	font-size: 12px;
	background: #fff;
}

.feed-list .feed .hj-emoji {
	vertical-align: text-bottom;
	width: 14px
}

.feed-list .feed .link {
	display: block;
	text-decoration: none;
	height: 100%
}

.feed-list .feed .link:hover {
/* 	margin: -1px;
	border: 1px solid #fc4e53;
	box-shadow: 0 -1px 12px 4px rgba(0,0,0,0.2); */
	color: inherit
}

.feed-list .feed .link:hover:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 220px;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../images/index/play.png) center 55% no-repeat;
	background-color: rgba(41,37,43,0.7)
}

.feed-list .feed .screenshot {
	width: 100%;
	height: 220px;
	display: block;
	border-radius: 7px;
}

.feed-list .feed .user {
	position: relative;
	height: 44px;
	width: 100%;
	z-index: 2;
	margin-top: 10px;
	line-height: 22px;
	white-space: nowrap;
	overflow: hidden;
	color: #313131;
	text-align:left;
}

.feed-list .feed .user .user_left{
	width: 43px;
	height: 43px;
}

.feed-list .feed .user .user_right{
	width: 177px;
}

.feed-list .feed .user .avatar {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	/* border: 1px solid #eee; */
	display: inline-block;
	vertical-align: top;
}
.feed-list .feed .user .info {
	display: inline-block;
}
.feed-list .feed .user .username {
	color: #000;
	height:22px;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis
}

.feed-list .feed .title {
	display: block;
	height:22px;
	line-height: 22px;
	font-size: 13px;
	color:#fff;
	overflow: hidden;
    text-overflow: ellipsis;
}

.feed-list .feed .bottom {
	height:30px;
	line-height:30px;
	color:#a8a8a8;
	font-size:12px;
}
.feed-list .feed .type {
	float:left;
	margin-left: 7px;
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.feed-list .feed .nums {
	float:right;
	margin-right: 5px;
	padding-left:15px;
	background:url("../images/index/nums.png") no-repeat left center;
	max-width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.feed-list .feed .comment {
	height: 36px;
	position: relative;
	border: 1px solid #e5e5e5;
	background: #eee;
	color: #313131;
	line-height: 18px;
	padding: 7px 5px;
	margin-top: 13px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.feed-list .feed .comment .comment-inner {
	max-height: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

.feed-list .feed .comment em {
	font-style: normal;
	color: #ff9624
}

.feed-list .feed .comment:after {
	content: '';
	position: absolute;
	top: -10px;
	left: 16px;
	width: 17px;
	height: 11px;
	background: url(../images/comment.png)
}

.feed-list .feed:before {
	position: absolute;
	display: block;
	width: 50px;
	height: 22px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	right: 5px;
	top: 5px;
	z-index: 3
}

.feed-list .feed.live:before {
	background: url("../images/index/live.png") no-repeat center;
	content: '';
	width: 60px;
}

.feed-list .feed .user .username {
	width: 170px;
	margin-left: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}



.feed-list .feed.live .user .title {
	max-width: 105px
}

/* .feed-list .feed.live .user:after {
	content: '\7684\76f4\64ad'
} */

/* .feed-list .feed.review:before {
	background: url("../images/review.png") no-repeat center;
	content: '\91cd\64ad';
	width: 45px
} */

.feed-list .feed.review .user .username {
	max-width: 110px
}

.oldie .feed-list .feed {
	display: inline
}

.oldie .feed-list .feed .comment {
	margin-top: 10px
}

.ie .comment .comment-inner {
	display: inline-block
}

.ie .comment:before {
	content: '';
	width: 0;
	height: 48px;
	margin-left: -4px;
	display: inline-block;
	vertical-align: middle
}


.rank-list {
	padding-top: 10px;
	border: 1px solid #e5e5e5;
	border-width: 1px 0
}

.rank-list .item {
	position: relative;
	height: 45px;
	margin-bottom: 20px
}

.rank-list .link {
	text-decoration: none
}

.rank-list .avatar {
	float: left;
	margin-right: 10px
}

.rank-list .avatar img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 2px solid transparent;
	-webkit-transition: .2s linear;
	transition: .2s linear
}

.rank-list .avatar img:hover {
	border-color: #f9ca2f
}

.rank-list .avatar .icon {
	position: absolute;
	top: -12px;
	left: -10px
}

.rank-list .rank-1 {
	background-position: 0 -73px;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	width: 31px;
	height: 30px
}

.rank-list .rank-2 {
	background-position: 0 -43px;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	width: 31px;
	height: 30px
}

.rank-list .rank-3 {
	background-position: 0 -13px;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	width: 31px;
	height: 30px
}

.rank-list .nickname {
	margin-top: 2px;
	font-size: 14px
}

.rank-list .fans {
	color: #bfbfbf
}

.rank-list .fans .icon {
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	display: inline-block;
	width: 16px;
	height: 13px;
	vertical-align: bottom;
	margin-bottom: 2px
}

.rank-list .btn-follow {
	position: absolute;
	right: 0;
	top: 12px;
	width: 48px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #fc4e53;
	color: #fc4e53;
	text-align: center;
	background-color: #fff
}

.rank-list .btn-follow:hover {
	text-decoration: none;
	color: #fff;
	background-color: #fc4e53
}

.rank-list .followed {
	color: #bfbfbf;
	border-color: #bfbfbf
}

.rank-list .followed:hover {
	background-color: #bfbfbf;
	color: #fff;
	border-color: #bfbfbf
}

.red {
	color: #fc4e53!important
}

.orange {
	color: #f39800!important
}

.yellow {
	color: #fc0!important
}

.white {
	color: #fff!important
}

.black {
	color: #313131!important
}

#doc-bd {
	position: relative
}

#doc-bd .container {
    margin-top:8px;
	position: relative;
	z-index: 1;
	margin-bottom: 90px;
}

#doc-bg {
	position: absolute;
	top: -8px;
	left: 0;
	width: 100%;
	height: 608px
}

#doc-bg .focus-bg {
	height: 100%;
	width: 100%;
	overflow: hidden
}

#doc-bg a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -200px;
	background-position: top center;
	background-repeat: no-repeat
}

#doc-bg a[href="#"] {
	cursor: default
}

#author-info {
	display: none;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 5;
	padding: 8px 8px 12px 8px;
	border-radius: 0 6px 6px 0;
	width: 188px
}

#author-info strong {
	font-weight: normal
}

#author-info .link {
	text-decoration: none
}

#author-info .link:hover .avatar {
	border-color: #f9ca2f
}

#author-info .avatar {
	float: left;
	width: 34px;
	height: 34px;
	border: 2px solid #727272;
	-webkit-transition: .2s linear;
	transition: .2s linear;
	border-radius: 50%;
	overflow: hidden
}

#author-info .avatar img {
	width: 100%;
	height: 100%
}

#author-info .base-info {
	float: left;
	margin-left: 7px;
	width: 85px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#author-info .base-info h3 {
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
	text-overflow: ellipsis;
	overflow: hidden
}

#author-info .base-info h3 img {
	width: 1em;
	height: 1em
}

#author-info .base-info p {
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
	opacity: .4
}

#author-info .base-info p.watches {
	display: none
}

#author-info .follow {
	float: right;
	margin: 4px 2px
}

#author-info .follow .btn-follow {
	display: block;
	width: 50px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #fc4e53;
	color: #fff;
	text-align: center;
	font-size: 13px;
	background-color: #fc4e53;
	border-radius: 3px
}

#author-info .follow .btn-follow:hover {
	text-decoration: none;
	background-color: #fc676b
}

#author-info .follow .btn-follow.followed {
	border-color: #494949;
	background-color: #494949
}

#author-info .counts {
	margin-top: 46px;
	border-color: #5e5e5e;
	padding: 12px 0;
	border-top: 1px solid rgba(255,255,255,0.1);
	clear: both;
	text-align: center
}

#author-info .counts div {
	float: left;
	width: 32.6%;
	border-color: #595959;
	border-left: 1px solid rgba(255,255,255,0.07)
}

#author-info .counts div:first-child {
	border-left: none
}

#author-info .counts h4 {
	color: #FFF
}

#author-info .counts p {
	color: #FFF;
	opacity: .4
}

#author-info .currency,#author-info div.watches {
	clear: both;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	background: url(../images/currency.png) 6px 6px no-repeat;
	background-color: #505050;
	background-color: rgba(82,82,82,0.6);
	padding-left: 30px
}

#author-info .currency span,#author-info .currency strong,#author-info div.watches span,#author-info div.watches strong {
	color: #FFF
}

#author-info .currency span,#author-info div.watches span {
	opacity: .5;
	margin-right: 5px
}

#author-info .currency {
	margin-bottom: 10px
}

#author-info .currency.hide {
	display: none
}

#author-info div.watches {
	background-position: 6px -26px
}

#author-info .switch {
	display: none;
	width: 32px;
	height: 16px;
	position: absolute;
	overflow: hidden;
	bottom: -16px;
	left: 50%;
	margin-left: -16px;
	cursor: pointer;
	text-indent: -200px
}

#author-info .switch:after {
	content: '';
	position: absolute;
	top: -16px;
	left: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAeCAYAAAD6t+QOAAAA7ElEQVQ4je2UvUoDURCFv9gIshbZmCWFiUXEwtL38DmsfBmFoJHEXkPQ19BAIG9gb2th9VnsrF7WJWpnkYFbzJxz56c4B/VIvVAzlYaXBT5sqWPgBFgB58AbX5EBI+AYeEbtqDN1oU7UnaTjNOp3arsa1VXnAdyoeXxcqPeR01KrkQVwDfSBd2AbeAHOgFeA+jGF+hgd55F/4k3X99RRnVhf48fY+jVzQ96Q/w25R6no4hvSIKuHRFbdFE87V4LdpxTsALgCOvU19gLoA0vglNJ0DqKeV2vka0zmNjWZv9jXE2GMl2uMcTeM8fAD+ZE8x6Es1M4AAAAASUVORK5CYII=) 9px -5px no-repeat;background-color: #333;
	background-color: rgba(0,0,0,0.7)
}

#author-info.landscape {
	top: 16px;
	background-color: #333;
	background-color: rgba(0,0,0,0.7)
}

#author-info.landscape .switch {
	display: block
}

#author-info.landscape.mini .counts,#author-info.landscape.mini .currency,#author-info.landscape.mini .watches,#author-info.landscape.mini .base-info .author-id {
	display: none
}

#author-info.landscape.mini .base-info p.watches {
	display: block
}

#author-info.mini .switch:after {
	background-position: 9px 19px
}

#player-praises {
	width: 72px;
	height: 337px;
	position: absolute;
	bottom: 45px;
	right: 5px
}

#player-praises .bubble {
	width: 100%;
	height: 280px;
	position: relative
}

#player-praises svg {
	position: absolute
}

#player-praises .praises {
	position: relative;
	top: -15px;
	display: block;
	overflow: hidden;
	padding: 15px
}

#player-praises .praises span {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: block;
	background: #d81e60 url(../images/praises.png) no-repeat
}

#player-praises .praises:hover span {
	background-color: #fa4179
}

#living-slider {
	margin-top: 8px;
	height: 576px;
	margin-bottom: 31px
}

#living-slider .obs-player {
	float: left;
	width: 1000px;
	height: 576px;
	background: #000;
	position: relative
}

#living-slider .obs-player .enter-link {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	width: 150px;
	height: 40px;
	line-height: 40px;
	margin-left: -75px;
	margin-top: -20px;
	border-radius: 4px;
	border: solid 1px #f5cb05;
	text-align: center;
	color: #f5cb05;
	font-size: 18px;
	-webkit-transition: .3s opacity;
	transition: .3s opacity;
	background-color: rgba(0,0,0,0.3)
}

#living-slider .obs-player .enter-link:hover {
	background: #f5cb05;
	text-decoration: none;
	color: white
}

#living-slider .obs-player:hover .link {
	opacity: 1
}

#living-slider .living-switch {
	float: right;
	position: relative;
	width: 188px;
	height: 576px
}

#living-slider .living-switch .opacity-bg {
	background: #000;
	opacity: .45;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	border-radius: 2px
}

#living-slider .living-switch ul {
	position: relative;
	z-index: 1;
	margin: 13px 14px
}

#living-slider .living-switch li {
	position: relative;
	width: 160px;
	height: 130px;
	margin-bottom: 10px;
	cursor: pointer
}

#living-slider .living-switch li img {
	display: block;
	width: 100%;
	height: 100%
}

#living-slider .living-switch li p {
	position: absolute;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
	color: #FFF;
	background-color: #333;
	background-color: rgba(0,0,0,0.6);
	bottom: 0;
	width: 146px;
	padding-left: 9px;
	padding-right: 5px;
	text-overflow: ellipsis;
	white-space: nowrap
}

#living-slider .living-switch li p.author {
	background: rgba(0,0,0,0.6) url(../images/username.png) no-repeat 8px 5px;
	padding-left: 28px;
	width: 127px
}

#living-slider .living-switch li p.author img {
	display: inline-block;
	height: 1em;
	width: 1em
}

#living-slider .living-switch li .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 152px;
	height: 122px;
	border: 4px solid #ffee58;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	cursor: pointer;
	z-index: 2
}

#living-slider .living-switch li .mask .arrow {
	position: absolute;
	left: -12px;
	top: 51px;
	border-style: solid;
	border-width: 6px 8px 6px 0;
	border-color: transparent #ffee58 transparent transparent
}

#living-slider .living-switch li:hover .mask,#living-slider .living-switch li.current .mask {
	opacity: 1
}


.main {
	background: #FFF;
}

.side {
	width: 270px;
	float: right;
}


.recommend {
	float: left;
	width: 920px;
	height: 301px;
	margin-bottom: 15px
}

.recommend .figures {
	float: left;
	width: 410px;
	margin-right: 10px
}

.recommend .figures .item {
	position: relative;
	width: 202px;
	float: left
}

.recommend .figures .item-1 {
	width: 200px;
	height: 300px;
	margin-right: 8px
}

.recommend .figures .item-2 {
	height: 149px;
	margin-bottom: 6px
}

.recommend .figures .item-3 {
	height: 145px
}

.recommend .figures .title,.recommend .figures .title-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	text-align: center
}

.recommend .figures .title-bg {
	background-color: #000;
	filter: alpha(opacity=60);
	opacity: .6
}

.recommend .figures .mask {
	position: absolute;
	z-index: 3;
	background-color: #000;
	opacity: 0;
	filter: Alpha(opacity=0);
	height: 0;
	width: 100%
}

.recommend .figures a:hover .mask {
	top: 0;
	height: 100%;
	opacity: .1;
	filter: Alpha(opacity=10)
}

.recommend .news {
	float: right;
	width: 470px;
	height: 300px;
	padding: 0 15px;
	background-color: #f5f5f5
}

.recommend .headnews {
	text-align: center;
	font-size: 18px;
	line-height: 60px
}

.recommend .figures-2 {
	margin-left: -10px;
	margin-bottom: 10px
}

.recommend .figures-2 .item {
	position: relative;
	float: left;
	width: 230px;
	height: 130px;
	margin-left: 10px
}

.recommend .figures-2 .title,.recommend .figures-2 .title-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	text-align: center
}

.recommend .figures-2 .title-bg {
	background-color: #000;
	filter: alpha(opacity=60);
	opacity: .6
}

.recommend .figures-2 .mask {
	position: absolute;
	z-index: 3;
	background-color: #000;
	opacity: 0;
	filter: Alpha(opacity=0);
	height: 0;
	width: 100%
}

.recommend .figures-2 a:hover .mask {
	top: 0;
	height: 100%;
	opacity: .1;
	filter: Alpha(opacity=10)
}

.recommend .text-list {
	margin-left: -10px;
	line-height: 1.8;
	font-size: 13px
}

.recommend .text-list .item {
	float: left;
	width: 230px;
	margin-left: 10px
}

.recommend .text-list .item a {
	color: #535353;
}

.recommend .text-list .item a:hover {
	color: #fc4e53
}

#living .box-title .icon {
	background-position: 0 -48px;
	background-repeat: no-repeat;
	overflow: hidden;
	display: inline-block;
	width: 35px;
	height: 35px;
	background: none;
}

#hot .box-title .icon {
	background-position: 0 -66px;
	background-repeat: no-repeat;
	overflow: hidden;
	display: inline-block;
	width: 35px;
	height: 35px;
	background: none;
}

.sidebar {
	float: right;
	width: 100%;
	padding:30px 20px; 
	-moz-box-sizing: border-box;  /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
	background:#fff;
	border-radius:10px;
}

#author-top .box-title .icon {
	background-position: 0 -102px;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	width: 13px;
	height: 18px
}

#author-top .rank-list {
	border: 0
}


.g-box .box-hd .tag {
	float: left;
	margin-top: 5px;
	margin-right: 5px
}

.g-box .box-bd {
	padding-bottom: 10px
}

.g-box .box-bd .list{
	width: 1180px;
	padding-left: 4px;
	padding-right: 10px;
}

.feed-list .feed {
	margin-left: 10px;
}

.feed-list .live {
	margin-left: 13px;
}

.download {
	margin-bottom: 30px
}

/*搜索页面*/
.feed-list .box-hdd
{
	padding-bottom: 5px;
	padding-top:40px;
}
.feed-list .translate_form
{
	border-bottom:1px solid #CCCCCC
}
.feed-list .box-hdd .box-title
{
	LINE-HEIGHT:50PX;
}
.feed-list .box-hdd .box-title .icon
{
	VERTICAL-ALIGN: middle;
	line-height: 50px;
	margin-top: 16px;
}
.feed-list .box-hdd .translate_input
{
	width: 420px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #e6e7e8;
	border-radius: 3px;
	float: left;
	text-align: left;
	padding-left: 10px;
}
.feed-list .box-hdd .translate_primary
{
	width: 80px;
	height: 40px;
	font-size: 18px;
	background: #ffd350;
	color: #ffffff;
	border-radius: 3px;
	margin-left: 5px;
	cursor: pointer;
	text-align:center;
}
.feed-list .search_count
{
	height: 30px;
  font-size: 14px;
  margin-top: 30px;
}
.feed-list .search_count span
{
	padding-top:20px;
}
.search_line{
	height: 1px;
  border: none;
  border-top: 1px solid #CCCCCC;
  margin-bottom: 15px;
}
.feed-list .search_count .search_hotkey
{
	color: #ed1c24;
  font-weight: bold;
}
.feed-list .search_tuijian_container
{
	font-size: 20px;
	margin-top:70px;
}
.feed-list .search_tuijian_container span
{
	font-size: 20px;
}
.translate_bd
{
	padding-top:20px;
}


/* 侧边栏登录 */
.side_login{
	margin-bottom:10px;
	width:270px;
	height:195px;
	background:#fff;
	border-radius:10px;
}
.side_login .side_login_title{
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	font-size:16px;
	background:#fad05d;
	border-radius:10px 10px 0 0;
}
.side_login .side_login_title_bottom{
	height:29px;
	background:url("../images/index/side_login_j.png") no-repeat -28px center;
}
.side_login .side_login_nologin{
	text-align:center;
}
.side_login .side_login_nologin .side_login_nologin_btn{}
.side_login .side_login_nologin .side_login_nologin_btn a{
	display:inline-block;
	width:165px;
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:14px;
	background:#fad05d;
	border-radius:5px;
}
.side_login .side_login_nologin .side_login_nologin_btn a:hover{
	text-decoration:none;
}
.side_login .side_login_nologin .side_login_nologin_des{
	line-height:35px;
	color:#a8a8a8;
}
.side_login .side_login_nologin .side_login_nologin_des a{
	color:#fad05d;
}
.side_login .side_login_nologin .side_login_nologin_des a:hover{
	text-decoration:none;
}
.side_login .side_login_nologin .side_login_nologin_other{
	display:inline-block;
	width:180px;
	height:25px;
	line-height:25px;
	background:url("../images/index/side_login_bg.png") repeat-x center;
}
.side_login .side_login_nologin .side_login_nologin_other span{
	display:inline-block;
	padding:0 10px;
	background:#fff;
}
.side_login .side_login_nologin .side_login_nologin_other_btn{
	line-height:40px;
}
.side_login .side_login_nologin .side_login_nologin_other_btn a{
	display:inline-block;
	margin:0 5px;
}
.side_login .side_login_nologin .side_login_nologin_other_btn img{
	vertical-align:middle;
}
.side_login .side_login_login{}
.side_login .side_login_login .side_login_info{
	position:relative;
	padding:0 20px 10px 90px;
	border-bottom:1px dashed #bbbbbb;
}
.side_login .side_login_login .side_login_info .side_login_login_avatar{
	position:absolute;
	top:10px;
	left:20px;
	width:60px;
	height:60px;
	border-radius:50%;
}
.side_login .side_login_login .side_login_info .side_login_login_name{
	color:#545454;
	font-size:18px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.side_login .side_login_login .side_login_info .side_login_login_level{
	line-height:25px;
	color:#a8a8a8;
	font-size:14px;
}
.side_login .side_login_login .side_login_info .side_login_login_coin{
	line-height:25px;
	color:#a8a8a8;
	font-size:14px;
}
.side_login .side_login_login .side_login_info .side_login_login_coin a{
	color:#fad05d;
}
.side_login .side_login_login .side_login_info .side_login_login_coin a:hover{
	text-decoration:none;
}
.side_login .side_login_login .side_login_info_bottom{
	text-align:center;
	line-height:50px;
}
.side_login .side_login_login .side_login_info_bottom a{
	color:#fad05d;
	font-size:16px;
	padding:0 5px;
}
.side_login .side_login_login .side_login_info_bottom a:hover{
	text-decoration:none;
}
.side_login .side_login_login{}
.side_login .side_login_login{}


/*页面调整新加功能*/

.top_line{
	height: 3px;
	background: linear-gradient(45deg, #fe0167 20%, #0682fb 60%, #7ffe02 100%);
}

.index_live{
	height: 788px;
	background: url(../images/index/index_live_bg.png) repeat-x;
}
.index_live_area{
	width: 1200px;
	height: 590px;
	margin:0 auto;
}
.index_live_area_left{
	width: 960px;
	float: left;
	height: 590px;
	position: relative;
}

.index_live_area_left .video_mask{
	position: absolute;
	width: 960px;
	height: 550px;
	top: 0;
	left: 0;
	display: none;
	text-decoration: none;
}
.index_live_area_left .video_mask a:hover{
	text-decoration: none;
}
.video_mask_center{
	width: 85px;
	height: 110px;
	margin:0 auto;
	margin-top: 250px;
	text-align: center;
	color: #FFF;
	font-size: 16px;
}

.index_live_area_right{
	width: 200px;
	padding:10px 12px 10px 12px;
	height: 570px;
	float: right;
	background: #291c53;
}
.index_live_area_right li{
	text-align: right;
	margin-bottom:10px;
	height: 134px;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}
.index_live_area_right li img{
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	border-radius: 3px;
}
.index_live_area_right li.on{
	/*background: url(../images/index/li_bg.png) no-repeat;*/
	border: 2px solid #ffd350;
}
.index_live_area_right .on:before{
	content:" ";
    display: inline-block;
    width: 0;
    height: 0;
    border:10px solid transparent;
    border-right: 10px solid #ffd350;
    position: absolute;
    top: 40%;
    left: -22px;
}

.fix_area{
	width: 210px;
	height: 310px;
	position: fixed;
	right: 3px;
	top:30%;
	z-index: 3;
}

.fix_area .fix_area_left{
	width: 160px;
	height: 310px;
	background: url(../images/index/kf.png) no-repeat center center;
}
.fix_area_left_con{
	width: 115px;
	height: 170px;
	margin-left:32px;
	background: #FFF;
	border-radius: 5px;
	margin-top: 105px;
	text-align: center;
}
.ewm_img{
	width: 88px;
	height: 88px;
	margin:0 auto;
	margin-top: 10px;
	margin-bottom:10px;
}

.ewm_img img{
	width: 100%;
	height: 100%;
}

.app_ewm_name{
	width: 92px;
	height: 20px;
	background: #ff2c55;
	border-radius: 10px;
	margin:0 auto;
	color: #FFF;
}

.app_type_icon{
	width: 48px;
	height: 50px;
	margin-bottom: 5px;
}

/* New homepage redesign */
.new-home {
	background: #eef4f0;
	color: #f4fbf8;
	min-height: 100vh;
}

.new-home .top_line,
.new-home .index-hero,
.new-home .fix_area,
.new-home .gray_line {
	display: none;
}

.neo-hero {
	position: relative;
	overflow: hidden;
	width: 100vw;
	min-width: 1200px;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 92px 0 82px;
	background: linear-gradient(125deg, #0f6f63 0%, #20c997 44%, #f4c261 100%);
}

.neo-hero__bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(115deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 34%),
		linear-gradient(180deg, rgba(6, 17, 14, .18) 0%, rgba(6, 17, 14, 0) 56%),
		repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0, rgba(255,255,255,.045) 1px, transparent 1px, transparent 96px);
	background-size: cover;
}

.neo-hero__inner {
	position: relative;
	z-index: 1;
}

.neo-hero__copy {
	float: left;
	width: 54%;
	padding-top: 38px;
}

.neo-hero__tag,
.neo-kicker {
	margin: 0 0 16px;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 0;
	color: #f4c261;
	text-transform: uppercase;
}

.neo-hero h1 {
	margin: 0;
	max-width: 660px;
	font-size: 68px;
	line-height: 1.08;
	font-weight: 800;
	color: #f8fffb;
}

.neo-hero__text {
	margin: 28px 0 0;
	max-width: 600px;
	font-size: 18px;
	line-height: 1.9;
	color: #b7c8c1;
}

.neo-hero__actions {
	margin-top: 38px;
	font-size: 0;
}

.neo-btn {
	display: inline-block;
	min-width: 148px;
	height: 50px;
	line-height: 50px;
	margin-right: 14px;
	padding: 0 24px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}

.neo-btn--primary {
	background: #20c997;
	color: #06110e;
	box-shadow: 0 16px 36px rgba(32, 201, 151, .24);
}

.neo-btn--ghost {
	border: 1px solid rgba(244, 194, 97, .5);
	color: #f4c261;
	background: rgba(244, 194, 97, .06);
}

.neo-btn:hover {
	color: #06110e;
	text-decoration: none;
	opacity: .92;
}

.neo-btn--ghost:hover {
	color: #f4c261;
}

.neo-hero__visual {
	position: relative;
	float: right;
	width: 40%;
	min-height: 520px;
}

.neo-phone {
	position: absolute;
	right: 54px;
	top: 14px;
	width: 270px;
	height: 500px;
	padding: 14px;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 34px;
	background: linear-gradient(160deg, #15231f, #0b1714);
	box-shadow: 0 36px 80px rgba(0,0,0,.34);
	box-sizing: border-box;
}

.neo-phone__screen {
	height: 100%;
	border-radius: 24px;
	overflow: hidden;
	background: #0f1d19;
}

.neo-phone__live {
	height: 310px;
	background:
		linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,.7) 100%),
		linear-gradient(135deg, #20c997 0%, #155e51 48%, #f4c261 100%);
	background-size: cover;
	background-position: center;
}

.neo-phone__bar,
.neo-phone__row {
	margin: 18px 20px 0;
	height: 12px;
	border-radius: 6px;
	background: rgba(255,255,255,.16);
}

.neo-phone__bar {
	width: 72px;
	background: #f4c261;
}

.neo-phone__row--short {
	width: 130px;
}

.neo-metric {
	position: absolute;
	left: 0;
	width: 150px;
	padding: 18px 20px;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 8px;
	background: rgba(255,255,255,.08);
	backdrop-filter: blur(10px);
	box-shadow: 0 18px 50px rgba(0,0,0,.22);
	box-sizing: border-box;
}

.neo-metric--one {
	top: 78px;
}

.neo-metric--two {
	bottom: 82px;
	left: 42px;
}

.neo-metric strong {
	display: block;
	font-size: 30px;
	line-height: 1.1;
	color: #f8fffb;
}

.neo-metric span {
	display: block;
	margin-top: 8px;
	font-size: 13px;
	color: #a9bbb4;
}

.neo-main {
	padding: 0 0 64px;
	background: #eef4f0;
}

.neo-main .container {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 44px;
}

.neo-section {
	margin-bottom: 44px;
	padding: 34px 0 10px;
	color: #10201b;
}

.neo-section__head {
	margin-bottom: 24px;
}

.neo-section__head div {
	float: left;
}

.neo-section__head h2 {
	margin: 0;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 800;
	color: #10201b;
}

.neo-more {
	float: right;
	margin-top: 28px;
	padding: 0 18px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #b6c7c0;
	border-radius: 8px;
	color: #27473e;
	text-decoration: none;
}

.neo-more:hover {
	border-color: #20c997;
	color: #0c8f6b;
	text-decoration: none;
}

.neo-grid {
	margin: 0 -10px;
	padding: 0;
	list-style: none;
	font-size: 0;
}

.neo-card {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	padding: 0 10px 22px;
	box-sizing: border-box;
	font-size: 14px;
}

.neo-card__link {
	position: relative;
	display: block;
	min-height: 332px;
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
	color: #10201b;
	text-decoration: none;
	box-shadow: 0 16px 38px rgba(25, 45, 38, .11);
	transition: transform .2s ease, box-shadow .2s ease;
}

.neo-card__link:hover {
	color: #10201b;
	text-decoration: none;
	transform: translateY(-4px);
	box-shadow: 0 24px 52px rgba(25, 45, 38, .17);
}

.neo-card__cover {
	display: block;
	width: 100%;
	height: 236px;
	object-fit: cover;
	background: #dce8e3;
}

.neo-card__status {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	border-radius: 6px;
	background: #f4c261;
	color: #06110e;
	font-size: 12px;
	font-weight: 700;
}

.neo-card__body {
	position: relative;
	padding: 16px 14px 18px;
}

.neo-card__avatar {
	float: left;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	background: #dce8e3;
}

.neo-card__meta {
	margin-left: 56px;
	padding-right: 54px;
}

.neo-card__meta h3 {
	margin: 0 0 7px;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	font-weight: 800;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.neo-card__meta p {
	margin: 0;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #6c7d76;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.neo-card__nums {
	position: absolute;
	right: 14px;
	bottom: 20px;
	max-width: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: #0c8f6b;
}

.neo-float {
	position: fixed;
	right: 20px;
	top: 34%;
	z-index: 20;
	width: 112px;
	padding: 12px;
	border-radius: 8px;
	background: #10201b;
	box-shadow: 0 16px 40px rgba(0,0,0,.22);
	text-align: center;
	box-sizing: border-box;
}

.neo-float__qr {
	width: 88px;
	height: 88px;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	color: #10201b;
	line-height: 88px;
}

.neo-float__qr img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.neo-float p {
	margin: 10px 0;
	font-size: 12px;
	color: #c8d8d2;
}

.neo-float__top {
	width: 100%;
	height: 30px;
	border: 0;
	border-radius: 6px;
	background: #20c997;
	color: #06110e;
	font-weight: 700;
	cursor: pointer;
}

.neo-footer {
	background: #07100d;
	color: #b7c8c1;
}

.neo-footer__inner {
	padding: 42px 0 34px;
}

.neo-footer__brand,
.neo-footer__links,
.neo-footer__contact {
	float: left;
	box-sizing: border-box;
}

.neo-footer__brand {
	width: 38%;
	padding-right: 52px;
}

.neo-footer__links {
	width: 22%;
}

.neo-footer__contact {
	width: 40%;
}

.neo-footer h4,
.neo-footer h5 {
	margin: 0 0 16px;
	color: #f8fffb;
	font-weight: 800;
}

.neo-footer h4 {
	font-size: 26px;
	line-height: 1.3;
}

.neo-footer h5 {
	font-size: 18px;
	line-height: 1.4;
	color: #f4c261;
}

.neo-footer p,
.neo-footer a {
	display: block;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.8;
	color: #b7c8c1;
}

.neo-footer__link-group {
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.neo-footer a:hover {
	color: #20c997;
	text-decoration: none;
}

.neo-footer__bottom {
	padding: 16px 0;
	border-top: 1px solid rgba(255,255,255,.08);
	font-size: 13px;
	line-height: 1.8;
	text-align: center;
	color: #91a39c;
}

@media (max-width: 1220px) {
	.neo-card {
		width: 25%;
	}

	.neo-hero__visual {
		width: 42%;
	}
}

@media (max-width: 900px) {
	.neo-hero {
		padding: 54px 0 44px;
	}

	.neo-hero__copy,
	.neo-hero__visual,
	.neo-footer__brand,
	.neo-footer__links,
	.neo-footer__contact,
	.neo-footer__link-group {
		float: none;
		width: 100%;
		padding-right: 0;
	}

	.neo-hero h1 {
		font-size: 42px;
	}

	.neo-hero__visual {
		min-height: 380px;
		margin-top: 32px;
	}

	.neo-phone {
		right: 0;
		width: 220px;
		height: 380px;
	}

	.neo-phone__live {
		height: 220px;
	}

	.neo-card {
		width: 50%;
	}

	.neo-float {
		display: none;
	}
}

@media (max-width: 520px) {
	.neo-btn {
		display: block;
		width: 100%;
		margin: 0 0 12px;
	}

	.neo-card {
		width: 100%;
	}

	.neo-section__head div,
	.neo-more {
		float: none;
	}

	.neo-more {
		display: inline-block;
		margin-top: 16px;
	}
}

/* Boluo homepage theme: pineapple comic creative tech */
.boluo-home {
	background:
		linear-gradient(90deg, rgba(255, 125, 26, .08) 1px, transparent 1px),
		linear-gradient(180deg, rgba(255, 125, 26, .08) 1px, transparent 1px),
		#fff8cf;
	background-size: 34px 34px;
	color: #103f3e;
}

.boluo-home .topbar {
	background: rgba(255, 248, 207, .94);
	border-bottom: 3px solid #123f3c;
	box-shadow: 0 12px 0 rgba(255, 198, 41, .18);
}

.boluo-home .hd-logo img {
	max-height: 42px;
	object-fit: contain;
}

.boluo-home .search-input-wrap {
	border: 2px solid #123f3c;
	border-radius: 18px;
	background: #fffdf2;
	box-shadow: 5px 5px 0 rgba(255, 125, 26, .18);
}

.boluo-home .search-input {
	color: #123f3c;
}

.boluo-home .no-login,
.boluo-home .already-login {
	color: #123f3c;
}

.boluo-hero {
	min-width: 1200px;
	padding: 86px 0 78px;
	background:
		radial-gradient(circle at 10% 20%, rgba(255, 199, 43, .9) 0 0, transparent 18%),
		radial-gradient(circle at 62% 14%, rgba(46, 211, 163, .58) 0 0, transparent 24%),
		linear-gradient(128deg, #fff3a8 0%, #c7f36a 34%, #2ed3a3 62%, #123f3c 100%);
	border-bottom: 8px solid #123f3c;
}

.boluo-hero .neo-hero__bg {
	background:
		radial-gradient(circle, rgba(255, 125, 26, .95) 0 3px, transparent 4px) 0 0 / 58px 58px,
		linear-gradient(115deg, transparent 0 52%, rgba(18, 63, 60, .96) 52% 100%),
		linear-gradient(25deg, transparent 0 70%, rgba(255, 255, 255, .55) 70% 72%, transparent 72% 100%);
	opacity: 1;
}

.boluo-hero .neo-hero__copy {
	position: relative;
	width: 52%;
	padding: 28px 0 0 8px;
}

.boluo-hero .neo-hero__copy:before {
	content: "";
	position: absolute;
	left: -18px;
	top: 6px;
	width: 86px;
	height: 86px;
	border: 4px solid #123f3c;
	border-radius: 28px;
	background:
		linear-gradient(90deg, rgba(18,63,60,.34) 2px, transparent 2px) 18px 20px / 18px 18px,
		linear-gradient(180deg, rgba(18,63,60,.34) 2px, transparent 2px) 18px 20px / 18px 18px,
		#ffc72b;
	box-shadow: 8px 8px 0 #ff7d1a;
	transform: rotate(-7deg);
	opacity: .9;
}

.boluo-hero .neo-hero__tag,
.boluo-home .neo-kicker {
	margin-bottom: 14px;
	color: #ff7d1a;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .06em;
	text-shadow: 1px 1px 0 rgba(255,255,255,.7);
}

.boluo-hero .neo-hero__copy > * {
	position: relative;
	z-index: 1;
}

.boluo-hero .neo-hero h1,
.boluo-hero h1 {
	max-width: 680px;
	color: #123f3c;
	font-size: 66px;
	line-height: 1.06;
	font-weight: 900;
	text-shadow: 4px 4px 0 rgba(255, 199, 43, .85);
}

.boluo-hero .neo-hero__text {
	max-width: 620px;
	color: #23514e;
	font-size: 18px;
	line-height: 1.9;
	font-weight: 700;
}

.boluo-home .neo-btn {
	height: 50px;
	line-height: 48px;
	border: 2px solid #123f3c;
	border-radius: 18px;
	font-weight: 900;
	box-shadow: 6px 6px 0 rgba(18, 63, 60, .22);
}

.boluo-home .neo-btn--primary {
	background: #ff7d1a;
	color: #fffdf2;
}

.boluo-home .neo-btn--ghost {
	background: #fffdf2;
	color: #123f3c;
}

.boluo-home .neo-btn:hover {
	color: #fffdf2;
	transform: translate(-1px, -1px);
}

.boluo-home .neo-btn--ghost:hover {
	color: #123f3c;
}

.boluo-hero .neo-hero__visual {
	width: 42%;
	min-height: 500px;
}

.boluo-home .boluo-badge {
	position: absolute;
	left: 18px;
	top: 20px;
	z-index: 3;
	width: 122px;
	height: 122px;
	line-height: 122px;
	border: 4px solid #123f3c;
	border-radius: 50%;
	background: #fffdf2;
	color: #ff7d1a;
	font-size: 30px;
	font-weight: 900;
	text-align: center;
	box-shadow: 9px 9px 0 #ffc72b;
	transform: rotate(-10deg);
}

.boluo-home .neo-phone {
	right: 44px;
	top: 18px;
	width: 286px;
	height: 496px;
	border: 5px solid #123f3c;
	border-radius: 42px;
	background: #fffdf2;
	box-shadow: 16px 18px 0 rgba(255, 125, 26, .55), 0 32px 70px rgba(18, 63, 60, .22);
	transform: rotate(3deg);
}

.boluo-home .neo-phone__screen {
	border-radius: 29px;
	background: #123f3c;
}

.boluo-home .neo-phone__live {
	height: 300px;
	background:
		linear-gradient(135deg, rgba(18,63,60,.08) 25%, transparent 25%) 0 0 / 32px 32px,
		linear-gradient(225deg, rgba(255,125,26,.7) 0 22%, transparent 22% 100%),
		linear-gradient(140deg, #ffc72b 0%, #2ed3a3 62%, #123f3c 100%);
}

.boluo-home .neo-phone__bar {
	background: #ffc72b;
}

.boluo-home .neo-phone__row {
	background: rgba(255, 253, 242, .24);
}

.boluo-home .neo-metric {
	border: 3px solid #123f3c;
	border-radius: 18px;
	background: #fffdf2;
	box-shadow: 7px 7px 0 rgba(255, 199, 43, .92);
	backdrop-filter: none;
}

.boluo-home .neo-metric--one {
	left: -10px;
	top: 170px;
}

.boluo-home .neo-metric--two {
	left: 58px;
	bottom: 72px;
}

.boluo-home .neo-metric strong {
	color: #ff7d1a;
}

.boluo-home .neo-metric span {
	color: #123f3c;
	font-weight: 800;
}

.boluo-home .neo-main {
	padding-bottom: 72px;
	background:
		linear-gradient(180deg, rgba(18,63,60,.08), transparent 180px),
		#fff8cf;
}

.boluo-home .neo-main .container {
	padding-top: 52px;
}

.boluo-home .neo-section {
	position: relative;
	margin-bottom: 52px;
	padding: 32px 0 8px;
	color: #123f3c;
}

.boluo-home .neo-section:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 4px;
	background: repeating-linear-gradient(90deg, #123f3c 0 44px, #ffc72b 44px 78px, #ff7d1a 78px 110px);
}

.boluo-home .neo-section__head h2 {
	color: #123f3c;
	font-size: 34px;
	font-weight: 900;
	text-shadow: 3px 3px 0 rgba(255,199,43,.7);
}

.boluo-home .neo-more {
	height: 40px;
	line-height: 38px;
	border: 2px solid #123f3c;
	border-radius: 16px;
	background: #fffdf2;
	color: #123f3c;
	font-weight: 900;
	box-shadow: 5px 5px 0 rgba(255,125,26,.22);
}

.boluo-home .neo-more:hover {
	border-color: #ff7d1a;
	color: #ff7d1a;
}

.boluo-home .neo-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0 -12px;
	font-size: 0;
}

.boluo-home .neo-card {
	display: flex;
	float: none;
	width: 25%;
	padding: 0 12px 26px;
}

.boluo-home .neo-card__link {
	width: 100%;
	min-height: 318px;
	border: 3px solid #123f3c;
	border-radius: 22px;
	background: #fffdf2;
	box-shadow: 8px 8px 0 rgba(255, 199, 43, .85), 0 18px 36px rgba(18,63,60,.12);
}

.boluo-home .neo-card__link:hover {
	box-shadow: 10px 10px 0 rgba(255, 125, 26, .75), 0 26px 48px rgba(18,63,60,.16);
	transform: translate(-2px, -4px);
}

.boluo-home .neo-card__cover {
	height: 220px;
	background:
		radial-gradient(circle, rgba(255,125,26,.95) 0 3px, transparent 4px) 12px 10px / 34px 34px,
		linear-gradient(135deg, #ffc72b 0%, #2ed3a3 58%, #123f3c 100%);
}

.boluo-home .neo-card__status {
	top: 14px;
	left: 14px;
	height: 30px;
	line-height: 30px;
	border: 2px solid #123f3c;
	border-radius: 15px;
	background: #ff7d1a;
	color: #fffdf2;
	font-weight: 900;
}

.boluo-home .neo-card__body {
	min-height: 64px;
	padding: 18px 16px 18px;
}

.boluo-home .neo-card__avatar {
	width: 48px;
	height: 48px;
	border: 3px solid #123f3c;
	background: #ffc72b;
	box-shadow: 4px 4px 0 rgba(46,211,163,.55);
}

.boluo-home .neo-card__meta {
	margin-left: 64px;
	padding-right: 58px;
}

.boluo-home .neo-card__meta h3 {
	color: #123f3c;
	font-size: 16px;
	font-weight: 900;
}

.boluo-home .neo-card__meta p {
	color: #57726e;
}

.boluo-home .neo-card__nums {
	right: 16px;
	bottom: 24px;
	color: #ff7d1a;
	font-weight: 900;
}

.boluo-home .neo-float {
	border: 3px solid #123f3c;
	border-radius: 18px;
	background: #fffdf2;
	box-shadow: 8px 8px 0 rgba(255,125,26,.52), 0 22px 48px rgba(18,63,60,.2);
}

.boluo-home .neo-float__qr {
	border: 2px solid #123f3c;
	border-radius: 12px;
	background: #fff;
	color: #123f3c;
	font-weight: 900;
}

.boluo-home .neo-float p {
	color: #123f3c;
	font-weight: 900;
}

.boluo-home .neo-float__top {
	border: 2px solid #123f3c;
	border-radius: 14px;
	background: #ffc72b;
	color: #123f3c;
	font-weight: 900;
}

.boluo-home .neo-footer {
	margin-top: 0;
	background:
		linear-gradient(135deg, rgba(255,199,43,.14), transparent 36%),
		#123f3c;
	color: #d9f5e7;
}

.boluo-home .neo-footer h4,
.boluo-home .neo-footer h5 {
	color: #fff8cf;
}

.boluo-home .neo-footer h5 {
	color: #ffc72b;
}

.boluo-home .neo-footer a:hover {
	color: #ffc72b;
}

@media (max-width: 1220px) {
	.boluo-home .neo-card {
		width: 33.3333%;
	}
}

@media (max-width: 900px) {
	.boluo-hero {
		min-width: 0;
	}

	.boluo-hero .neo-hero__copy,
	.boluo-hero .neo-hero__visual {
		width: 100%;
	}

	.boluo-hero .neo-hero h1,
	.boluo-hero h1 {
		font-size: 42px;
	}

	.boluo-home .neo-card {
		width: 50%;
	}

}

@media (max-width: 520px) {
	.boluo-home .neo-card {
		width: 100%;
	}
}

/* Quanyi Network Tech homepage */
.quanyi-home {
	min-width: 1180px;
	background:
		linear-gradient(180deg, #061424 0%, #0b2036 360px, #eef5fb 361px, #f8fbff 100%);
	color: #102033;
}

.quanyi-home .header.double {
	background: rgba(255,255,255,.96);
	box-shadow: 0 10px 30px rgba(6, 20, 36, .08);
}

.quanyi-home .qy-hero {
	position: relative;
	overflow: hidden;
	min-height: 560px;
	background:
		radial-gradient(circle at 76% 22%, rgba(103,232,255,.28), transparent 26%),
		radial-gradient(circle at 18% 82%, rgba(52,91,255,.24), transparent 28%),
		linear-gradient(135deg, #061424 0%, #0b2a49 58%, #102033 100%);
	color: #fff;
}

.quanyi-home .qy-hero__mesh {
	position: absolute;
	inset: 0;
	opacity: .42;
	background-image:
		linear-gradient(rgba(103,232,255,.16) 1px, transparent 1px),
		linear-gradient(90deg, rgba(103,232,255,.16) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

.quanyi-home .qy-hero__inner {
	position: relative;
	z-index: 1;
	padding: 96px 0 88px;
}

.quanyi-home .qy-hero__copy {
	float: left;
	width: 52%;
	padding-top: 40px;
}

.quanyi-home .qy-kicker {
	display: block;
	margin-bottom: 14px;
	color: #67e8ff;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.quanyi-home .qy-hero h1 {
	margin: 0;
	color: #fff;
	font-size: 58px;
	line-height: 1.12;
	font-weight: 900;
	letter-spacing: 0;
}

.quanyi-home .qy-hero__text {
	margin: 24px 0 34px;
	max-width: 600px;
	color: #c9d8e8;
	font-size: 18px;
	line-height: 1.9;
}

.quanyi-home .qy-btn {
	display: inline-block;
	min-width: 128px;
	height: 46px;
	margin-right: 14px;
	padding: 0 24px;
	line-height: 46px;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}

.quanyi-home .qy-btn--primary {
	background: #67e8ff;
	color: #061424;
	box-shadow: 0 14px 32px rgba(103,232,255,.24);
}

.quanyi-home .qy-btn--ghost {
	border: 1px solid rgba(103,232,255,.58);
	color: #dff8ff;
}

.quanyi-home .qy-hero__visual {
	position: relative;
	float: right;
	width: 42%;
	height: 420px;
}

.quanyi-home .qy-core {
	position: absolute;
	right: 40px;
	top: 42px;
	width: 330px;
	height: 330px;
	border: 1px solid rgba(103,232,255,.32);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(103,232,255,.26) 0 18%, rgba(9,39,67,.62) 19% 48%, transparent 49%);
	box-shadow: inset 0 0 46px rgba(103,232,255,.14), 0 40px 90px rgba(0,0,0,.28);
}

.quanyi-home .qy-core span,
.quanyi-home .qy-core i,
.quanyi-home .qy-core em {
	position: absolute;
	display: block;
	border-radius: 50%;
	background: #67e8ff;
	box-shadow: 0 0 24px rgba(103,232,255,.75);
}

.quanyi-home .qy-core span { left: 68px; top: 94px; width: 14px; height: 14px; }
.quanyi-home .qy-core i { right: 84px; top: 72px; width: 18px; height: 18px; }
.quanyi-home .qy-core em { left: 158px; bottom: 62px; width: 16px; height: 16px; }

.quanyi-home .qy-stat {
	position: absolute;
	padding: 18px 22px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 8px;
	background: rgba(255,255,255,.1);
	backdrop-filter: blur(10px);
	box-shadow: 0 20px 48px rgba(0,0,0,.18);
}

.quanyi-home .qy-stat strong {
	display: block;
	color: #fff;
	font-size: 28px;
	line-height: 1.1;
}

.quanyi-home .qy-stat span {
	display: block;
	margin-top: 6px;
	color: #b9eaf5;
}

.quanyi-home .qy-stat--one { right: 12px; top: 106px; }
.quanyi-home .qy-stat--two { left: 70px; bottom: 68px; }

.quanyi-home .qy-main {
	padding: 56px 0 28px;
	background:
		linear-gradient(135deg, rgba(103,232,255,.08), transparent 260px),
		#f8fbff;
}

.quanyi-home .qy-section {
	margin-bottom: 54px;
}

.quanyi-home .qy-section__head {
	margin-bottom: 24px;
	padding-bottom: 18px;
	border-bottom: 1px solid #d9e5ef;
}

.quanyi-home .qy-section__head h2 {
	margin: 0;
	color: #102033;
	font-size: 34px;
	line-height: 1.25;
	font-weight: 900;
}

.quanyi-home .qy-more {
	float: right;
	margin-top: 10px;
	width: 98px;
	height: 38px;
	line-height: 36px;
	border: 1px solid #b7c8d8;
	border-radius: 6px;
	color: #102033;
	font-weight: 800;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}

.quanyi-home .qy-more:hover {
	border-color: #18aee2;
	color: #18aee2;
}

.quanyi-home .qy-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0 -12px;
	font-size: 0;
}

.quanyi-home .qy-card {
	display: flex;
	float: none;
	width: 25%;
	padding: 0 12px 24px;
	box-sizing: border-box;
}

.quanyi-home .qy-card__link {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	min-height: 312px;
	border: 1px solid #d8e5f0;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 18px 38px rgba(6,20,36,.08);
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.quanyi-home .qy-card__link:hover {
	border-color: #67e8ff;
	box-shadow: 0 28px 58px rgba(6,20,36,.15);
	transform: translateY(-4px);
}

.quanyi-home .qy-card__cover {
	display: block;
	width: 100%;
	height: 210px;
	object-fit: cover;
	background: linear-gradient(135deg, #07182a, #0e3b61 58%, #67e8ff);
}

.quanyi-home .qy-card__status {
	position: absolute;
	left: 14px;
	top: 14px;
	z-index: 2;
	height: 28px;
	padding: 0 12px;
	line-height: 28px;
	border-radius: 4px;
	background: #67e8ff;
	color: #061424;
	font-size: 13px;
	font-weight: 900;
}

.quanyi-home .qy-card__body {
	position: relative;
	min-height: 74px;
	padding: 16px 16px 16px 78px;
	box-sizing: border-box;
}

.quanyi-home .qy-card__avatar {
	position: absolute;
	left: 16px;
	top: 14px;
	width: 48px;
	height: 48px;
	border: 3px solid #fff;
	border-radius: 50%;
	object-fit: cover;
	background: #edf5fb;
	box-shadow: 0 8px 18px rgba(6,20,36,.14);
}

.quanyi-home .qy-card__meta {
	padding-right: 50px;
}

.quanyi-home .qy-card__meta h3 {
	overflow: hidden;
	margin: 0 0 6px;
	color: #102033;
	font-size: 16px;
	font-weight: 900;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.quanyi-home .qy-card__meta p {
	overflow: hidden;
	margin: 0;
	color: #6f8294;
	font-size: 13px;
	line-height: 1.4;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.quanyi-home .qy-card__nums {
	position: absolute;
	right: 16px;
	top: 26px;
	color: #18aee2;
	font-size: 14px;
	font-weight: 900;
}

.quanyi-home .qy-float {
	position: fixed;
	right: 26px;
	top: 50%;
	z-index: 30;
	width: 90px;
	padding: 10px;
	border-radius: 8px;
	background: #061424;
	box-shadow: 0 22px 48px rgba(6,20,36,.24);
	text-align: center;
	box-sizing: border-box;
}

.quanyi-home .qy-float__qr {
	width: 68px;
	height: 68px;
	margin: 0 auto 8px;
	border-radius: 6px;
	background: #fff;
	color: #102033;
	font-size: 13px;
	font-weight: 900;
	line-height: 68px;
}

.quanyi-home .qy-float__qr img {
	display: block;
	width: 68px;
	height: 68px;
	object-fit: cover;
	border-radius: 6px;
}

.quanyi-home .qy-float p {
	margin: 0 0 8px;
	color: #d9edf7;
	font-size: 12px;
	font-weight: 800;
}

.quanyi-home .qy-float__top {
	width: 64px;
	height: 28px;
	border: 0;
	border-radius: 4px;
	background: #67e8ff;
	color: #061424;
	font-size: 12px;
	font-weight: 900;
	cursor: pointer;
}

.quanyi-home .neo-footer {
	margin-top: 0;
	background:
		linear-gradient(135deg, rgba(103,232,255,.08), transparent 40%),
		#061424;
	color: #b9c9d8;
}

.quanyi-home .neo-footer h4,
.quanyi-home .neo-footer h5 {
	color: #fff;
}

.quanyi-home .neo-footer h5,
.quanyi-home .neo-footer a:hover {
	color: #67e8ff;
}

@media (max-width: 1220px) {
	.quanyi-home .qy-card {
		width: 33.3333%;
	}
}

@media (max-width: 900px) {
	.quanyi-home {
		min-width: 0;
	}

	.quanyi-home .qy-hero__copy,
	.quanyi-home .qy-hero__visual {
		float: none;
		width: 100%;
	}

	.quanyi-home .qy-hero h1 {
		font-size: 42px;
	}

	.quanyi-home .qy-card {
		width: 50%;
	}
}

@media (max-width: 520px) {
	.quanyi-home .qy-card {
		width: 100%;
	}
}

/* Quanyi header override */
.quanyi-home #doc-hd.double .topbar,
.quanyi-home #doc-hd .topbar {
    height: 72px;
    background: rgba(5, 18, 34, .96);
    border-bottom: 1px solid rgba(83, 226, 255, .28);
    box-shadow: 0 12px 32px rgba(5, 18, 34, .22);
}

.quanyi-home #doc-hd .container {
    position: relative;
}

.quanyi-home .hd-logo {
    width: 360px;
    height: 72px;
    margin: 0;
}

.quanyi-home .hd-logo .links {
    height: 72px;
    padding-top: 12px;
    box-sizing: border-box;
}

.quanyi-home .hd-logo .links img {
    max-width: 300px;
    max-height: 48px;
    object-fit: contain;
}

.quanyi-home .search-bar {
    margin-top: 16px;
    border: 1px solid rgba(83, 226, 255, .28);
    border-radius: 6px;
    background: rgba(255,255,255,.08);
}

.quanyi-home .search-input-wrap,
.quanyi-home .search-input {
    background: transparent !important;
    color: #dff8ff;
}

.quanyi-home .search-input::placeholder {
    color: rgba(223,248,255,.68);
}

.quanyi-home .hd-login {
    margin-top: 16px;
    color: #dff8ff;
}

.quanyi-home .hd-login a.tologin,
.quanyi-home .hd-login span,
.quanyi-home .hd-login .nickname {
    color: #dff8ff;
    font-weight: 800;
}

.quanyi-home .hd-login a.tologin:hover,
.quanyi-home .hd-login span:hover {
    color: #67e8ff;
}

.quanyi-home .hd-login .icon-avatar {
    border-color: rgba(83,226,255,.55);
    background-color: rgba(83,226,255,.12);
}

.quanyi-home .hd-login .already-login .start_live,
.quanyi-home .hd-login .btn-huajiaodou {
    border-radius: 5px;
    background: #67e8ff;
    color: #061424;
    font-weight: 900;
}