/* 焦点图css */

.scroll_top{
	width: 100%;
	
	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%;
}


.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: auto;
	background: url(../images/index/app_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;
}

/* 圆圈区域 */
.auto-box{width:100%;height:auto;padding:30px 0 40px;background:#fff}
.main-box{max-width:1200px;height:auto;margin:0 auto}
.index-tit{padding:40px 0;text-align:center}
.index-tit h1{font-size:30px;color:#363f45;font-weight:normal}
.index-tit p{font-size:20px;color:#abb0b4;padding-top:15px}
.index-tserver{width:100%;background:url('http://www.bootfastui.cn/img/2020/200424-4/360server-line.png') no-repeat center 125px;box-sizing:border-box;text-align:center;padding:0 2.6%}
.index-tserver li{width:24.8%;min-width:162px;height:162px;text-align:center;box-sizing:border-box;padding-top:106px;font-size:14px;color:#656d73;display:inline-block;position:relative;cursor:pointer;margin-bottom:10px;margin-left:-0.1%}
.index-tserver li.tserver-list1{background:url('http://www.bootfastui.cn/img/2020/200424-4/360server-icon1.png') no-repeat center top}
.index-tserver li.tserver-list2{background:url('http://www.bootfastui.cn/img/2020/200424-4/360server-icon2.png') no-repeat center top}
.index-tserver li.tserver-list3{background:url('http://www.bootfastui.cn/img/2020/200424-4/360server-icon3.png') no-repeat center top}
.index-tserver li.tserver-list4{background:url('http://www.bootfastui.cn/img/2020/200424-4/360server-icon4.png') no-repeat center top}
.index-tserver li.tserver-list5{background:url('http://www.bootfastui.cn/img/2020/200424-4/360server-icon5.png') no-repeat center top}
.index-tserver li.tserver-list6{background:url('http://www.bootfastui.cn/img/2020/200424-4/360server-icon6.png') no-repeat center top}
.index-tserver li.tserver-list7{background:url('http://www.bootfastui.cn/img/2020/200424-4/360server-icon7.png') no-repeat center top}
.index-tserver li p{width:162px;height:162px;display:inline-block;position:absolute;top:0;left:50%;margin-left:-81px;border-radius:81px;padding:40px 30px;box-sizing:border-box;text-align:left;font-size:14px;line-height:22px;background:linear-gradient(111deg,#04bde4,#1067fe);display:none}
.index-tserver li p a{color:#fff}
.index-tserver li p.animated{animation-duration:.5s;animation-fill-mode:both}
.index-tserver li:hover p{display:block}
.index-tserver-ad{width:100%;margin-top:60px;background:#f3f3f3;text-align:center;padding:40px 0}
.index-tserver-ad li{display:inline-block;color:#abb0b4;font-size:16px;padding:0 3%}
.index-tserver-ad li img{vertical-align:middle;display:inline-block;margin-right:5px}
.index-tserver-ad li+li{border-left:1px solid #e2e3e4}
.zoomin{animation-name:zoomin}
@keyframes zoomin{0%{opacity:0;transform:scale(.3)}
50%{opacity:1}
}

/* 中间banner */
/*全部-咨询banner*/
.contact-banner{position:relative;overflow:hidden;padding:0;background:-webkit-linear-gradient(top,#0076d1,#5db8ff);background:-moz-linear-gradient(top,#0076d1,#5db8ff);background:-o-linear-gradient(top,#0076d1,#5db8ff);background:-ms-linear-gradient(top,#0076d1,#5db8ff);}
.contact-banner .waves{position:absolute;height:100%;}
.contact-banner-box{margin-top:30px;margin-bottom:40px;text-align:center;}
.contact-banner-box h2{display:block;max-width:10em;margin:0px auto;line-height:2em;border-bottom:2px solid #fff;color:#f5f5f5;font-size:28px}
.contact-banner-box h4{color:#f1f1f1;margin-top:40px;font-size:18px;margin-bottom:20px;}
.contact-banner-box .btn{font-size:24px;padding-left:30px;padding-right:30px;margin-top:20px;border:1px solid #fff;border-radius:10px;margin-top:20px}
/*全部-咨询banner*/
/*所有按钮加渐变动画*/
.btn{-webkit-transition:all 0.225s ease-in-out;-moz-transition:all 0.225s ease-in-out;-o-transition:all 0.225s ease-in-out;transition:all 0.225s ease-in-out;}
/*所有按钮加渐变动画*/
/*幽灵按钮*/
.btn-outline-inverse{color:#fff;background:transparent;border-color:#fff;}
.btn-outline-inverse:hover{color:#0ba1e4;text-shadow:none;background-color:#fff;}


.index-com-box{padding:50px 0;}
.index-com-box .index-com-title{font-size:32px;text-align:center;color:#000;font-weight: bold;}
.index-com-box .index-com-descption{text-align: center;font-size:14px;line-height: 30px;color:#444;;margin-bottom:40px;}

/* 首页-特色 */
.index-item23{margin-bottom:40px;  transition: all .3s;}
.index-item23:hover{box-shadow: 3px 3px 10px #b3d9ff;cursor: pointer;  margin-top: -8px;margin-bottom:48px;}
.index-item23 .t-top{background:#199ed8;padding:20px;color:#fff;text-align: center;
height:170px;}
.index-item23 .t-top h5{font-size:18px;line-height: 40px;}
.index-item23 .t-footer{border:1px solid #ccc;border-top:none;padding:20px;height:100px;}